jQuery 質問スレッド vol.7 [無断転載禁止]©2ch.net
■ このスレッドは過去ログ倉庫に格納されています
0001Name_Not_Found
垢版 |
2016/11/02(水) 11:51:34.33ID:???
JavaScriptでDOM用ライブラリであるjQueryのスレです。

このスレはjQueryやjQuery UIの使い方やjQueryプラグインの作り方を質問するスレです。
jQueryを使って作る側のスレであって、こんなプラグインありませんか?と聞くスレではありません。
そういうのは自分で探してください。
ろくにサポートもされてなさそうな野良プラグインの使用はおすすめしません。

JavaScriptの質問は関連スレで質問して下さい。

■前スレ
+ JavaScript & jQuery 質問用スレッド vol.6 +
http://echo.2ch.net/test/read.cgi/hp/1465566635/

■関連スレ
+ JavaScript の質問用スレッド vol.122 +
http://echo.2ch.net/test/read.cgi/tech/1472426483/
+ JavaScript(ECMAScript)質問用スレッド vol.122 +
http://echo.2ch.net/test/read.cgi/tech/1472401404/
+ JavaScript の質問用スレッド vol.131 +
http://echo.2ch.net/test/read.cgi/hp/1478053599/
JavaScript ライブラリ総合質問所 vol.5 [無断転載禁止]©2ch.net
http://echo.2ch.net/test/read.cgi/hp/1465399470/
+ JavaScript & jQuery 質問用スレッド vol.6 +
http://echo.2ch.net/test/read.cgi/hp/1465566635/
0190Name_Not_Found
垢版 |
2017/01/25(水) 15:13:20.60ID:???
>>189
そういうのは作者に直接問い合わせるべきなのでは?
ここは修正代行サービスではありませんよ
軽くソースを見る限りではUA Detection的なコードがあるのでそれを何とかしないといけない感じですね
https://github.com/heeesa/autocomplete_romaji_hiragana/blob/master/autocomplete_romaji_hiragana.js#L6

e.which のコードが実装依存なので e.keyCode にすれば動くかもしれません
https://github.com/heeesa/autocomplete_romaji_hiragana/blob/master/autocomplete_romaji_hiragana.js#L24
この手のブラウザの実装差異はjQueryが内部的に吸収してくれるので標準APIだけを使っていればいいはずですが、作者はそれを知らないようです
コードがとても古臭い書き方なので一から作り直した方がいい印象ですね
0191Name_Not_Found
垢版 |
2017/01/25(水) 15:13:56.82ID:???
>>189
else if (currentBrowser == "firefox" || currentBrowser == "gecko"){
// ここが空
}
Firefoxには未対応だろ?
自分で空の部分を作るしかない
0192Name_Not_Found
垢版 |
2017/01/25(水) 20:31:29.76ID:???
>>189
それ使ったらだめレベルだな。
autocompleteという名前からして間違ってる。
俺のやる気が出たら書いてやるよ
0195Name_Not_Found
垢版 |
2017/01/25(水) 21:10:46.89ID:???
めんどくさw 飽きてきた
0196Name_Not_Found
垢版 |
2017/01/25(水) 21:14:27.79ID:???
IMEで確定前の文字入力は何を入れても229が押されたことになるのか
この手のインターフェースはたまーにみるけどbackspaceとか押したときとか
まともに動いたためしがない。ちょっとやってみてその理由がわかったわw
どうやってひらがな取るのがいいんだろうな(もはや元のコードは参考にしてない)
0197Name_Not_Found
垢版 |
2017/01/25(水) 21:55:24.65ID:???
FirefoxはIMFでEventを拾わないから駄目だろ
0199196
垢版 |
2017/01/26(木) 00:59:38.92ID:???
この手のやつって入力訂正とかしたら
めちゃくちゃになるんだよな
で閃いた。

漢字からひらがな(ローマ字)に変換するのはどうだろうか?
もちろん漢字の読み方は複数ある。それはタイプした文字から確率的に選択する。

例えば「東」からひらがなに変換する時「あずま」と「ひがし」があるが
漢字を入力するときに、タイプされた文字が、AZUMA に近いか HIGASHI に
近いかで判断する。誤入力があったとしても、どの文字が入力されたかで判断すれば
それなりの精度で正しくひらがなに変換できると思う

ちなみにこれを実現するには、サーバー側の対応と名前辞書が必要になるので簡単にはできないよw
0200Name_Not_Found
垢版 |
2017/01/26(木) 01:05:41.95ID:???
と思ったけど、名字だけで30万種類、多いっちゃ多いけど
圧縮すれば名前辞書サイズは200KBぐらいになるかもしれない。
サーバー側がなくても不可能ではないかもね。

いや、そもそも、漢字→読み方 のデータさえあればいいのだから
ウェブサーバーに単なるファイルを置くだけで十分か
0201Name_Not_Found
垢版 |
2017/01/26(木) 01:07:50.09ID:???
ごめん、名前の漢字(?)ごとに分けたファイルという意味
本当に漢字ごとだとファイル数多くなるからある程度工夫した方がいいと思うけど
0202Name_Not_Found
垢版 |
2017/01/26(木) 01:20:48.83ID:???
形態素解析使えばいい。igoとかyahooAPIで十分だろう
変換前の取得はやめたほうがいい。あれは死ぬ

googleはすげー精度+速度でサジェスト出してくれるけどあれは神業だわ
0203Name_Not_Found
垢版 |
2017/01/26(木) 01:50:44.13ID:???
>>202
形態素解析は知ってるけどあえて言わなかったんだよ。
名前辞書っていうのはそういうこと。
用途を限定することで実用レベルになるように考えてる
0204Name_Not_Found
垢版 |
2017/02/02(木) 16:58:35.30ID:???
httpsのサイトからhttpのサイトにjqueryでajaxしてデータ取得出来るの?
セキュリティのエラーで失敗する?
0206Name_Not_Found
垢版 |
2017/02/03(金) 11:47:03.12ID:???
>>205
でも例えばhttpsのページに<img src=http:// ...
が有るとエラーするやん?
Ajaxならエラーせずにimgをget出来ちゃうの?
0208Name_Not_Found
垢版 |
2017/02/10(金) 21:58:11.44ID:???
iframe(同じドメイン)の中身を取得したいんだけど
その中身がHTMLじゃなくてテキストの時
どうやって取得すればいいかわからない

ただのテキスト、bodyもなにもないときは
jqueryは無力なのか?
0209Name_Not_Found
垢版 |
2017/02/10(金) 22:02:01.75ID:???
無力っていうかDOM用ライブラリでテキストファイルを扱うってのがおかしいでしょ

jQueryでCSVファイルの解析もできないけど、jQueryは無力か?なんて言わないでしょw
0212Name_Not_Found
垢版 |
2017/02/13(月) 14:50:27.92ID:MowOr5ui
ウィンドウサイズで読み込む外部JavaScriptを変えたくて下記にしてみました。

jQuery(document).ready(function($) {
if (window.matchMedia( '(min-width: 480px)' ).matches) {$.ajax({url: 'javascript.js',dataType: 'script',cache: false});};
else {$.ajax({url: 'abcscript.js',dataType: 'script',cache: false});};});

これだとFirefoxでは反応してくれるんですが、
Chromeとedgeだと画面サイズ関係なく機能してくれません。
どのブラウザでも動く他の方法はありませんか?
0213212
垢版 |
2017/02/13(月) 15:26:24.26ID:???
失礼しました。
Webサーバー上だと機能するようです。
ローカルだとFirefoxだけ反応してくれます。
0214Name_Not_Found
垢版 |
2017/02/13(月) 15:44:21.14ID:???
中身見てないけどそのままはっつけたらelseでシンタックスエラー出たよ
0215Name_Not_Found
垢版 |
2017/02/13(月) 17:18:40.95ID:???
>>212
ajaxはhttp通信可能な環境が必要
ローカルテストするならHTTPサーバをたてる必要がある
0216Name_Not_Found
垢版 |
2017/02/13(月) 17:56:42.16ID:???
>>212
ところで、js読み込んだ後にリサイズした場合はどうすんの?
リサイズするたびに読み込むってのもアレだし設計見直した方がよさそうな気がするけど
0217212
垢版 |
2017/02/13(月) 19:58:27.96ID:???
みなさんありがとうございます。
>>215
Firefoxはローカル環境でできるのが特別なんですね。

>>216
メインはスマホ対策です。
無駄にソースを読ませたくないのと、
間違っても今まで実行されなかったのがブラウザの違いや、
バージョンアップで動くようになってしまうということを防ぎたいからです。
0218Name_Not_Found
垢版 |
2017/02/13(月) 23:37:30.09ID:???
> ところで、js読み込んだ後にリサイズした場合はどうすんの?

意外とウインドウのリサイズはしないw

> メインはスマホ対策です。

ただしスマホはよくリサイズするw
(縦横回転するのでね)
0219Name_Not_Found
垢版 |
2017/02/13(月) 23:40:15.75ID:???
jqueryとphpがなかなかマスターできない…
コピペで大体は行けるけどソース見たら絶対ダサいんだろうなw
中途半端に使えるもんだから勉強するにもやる気が…。
0220Name_Not_Found
垢版 |
2017/02/13(月) 23:42:35.26ID:???
>>214
間違ってるからなw

なんでわざわざ見づらく書くんだろうか

// ちゃんと改行しただけ
jQuery(document).ready(function($) {
 if (window.matchMedia( '(min-width: 480px)' ).matches) {
  $.ajax({url: 'javascript.js',dataType: 'script',cache: false});
 };
 else {
  $.ajax({url: 'abcscript.js',dataType: 'script',cache: false});
 };
});

// まともに修正するとこうなる

jQuery(function($) {
 var isMatched = window.matchMedia( '(min-width: 480px)' ).matches;
 var url = isMatched ? 'javascript.js' : 'abcscript.js';
 $.ajax({url: url, dataType: 'script', cache: false});
});
0221Name_Not_Found
垢版 |
2017/02/14(火) 00:06:31.28ID:???
>>219
まぁ分かる
保守するようになれば何が悪いか分かる
function foo(){}
function foo2(){}
というソースを見ればもう少しちゃんとしようと思うよ
一度以前作ったサイトの手直しをしてみては?
多分数倍の速さで作れる
0222Name_Not_Found
垢版 |
2017/02/14(火) 00:28:05.97ID:???
>>221
実務でやってるのにこれだからなw
うん、ポートフォリオサイトも制作中だし振り返りつつ勉強し直すわ…
0223Name_Not_Found
垢版 |
2017/02/14(火) 12:05:41.65ID:???
ポートフォリオサイトっていちいち作るものなの?
現在稼働中なのをそのまま見せびらかすんじゃだめなの?
0224Name_Not_Found
垢版 |
2017/02/15(水) 00:38:58.91ID:???
ポートフォリオなんざ、Dribbbleのリンク張るだけで十分だろ
0225Web初心者
垢版 |
2017/02/18(土) 22:07:09.16ID:uejddEaq
こんにちわ、初めまして。
2月からweb系の業務に初めて着きまして、
何から勉強していいのかさっぱりで困っております。
ソースを見るとjqueryが中心で書かれてるようで、
ここから勉強したほうがいいのかなと思っております。
何かよい参考サイトなどご存知でしたらご教授お願いいたします。
0226Name_Not_Found
垢版 |
2017/02/18(土) 22:46:43.62ID:???
お経でも唱えたほうがええかもな…
0227Name_Not_Found
垢版 |
2017/02/18(土) 22:46:56.13ID:???
>>225
一番いいのは公式サイト
http://api.jquery.com/

https://en.wikipedia.org/wiki/JQuery#Release_history

jQueryの最新バージョンは2016年9月にいリリースされた3.1.1
ややこしい話だが、2016年5月にリリースされた1.12.4と2.2.4の機能は同じ。
サポートブラウザが違うだけ1.12はIE6-8もサポートされている。

リリース日を見ればわかるが、1.9までは一本道で
それから一旦分岐して3.0で合流している。


jQueryの互換性はかなり高いのだが、5年ちょっと前にリリースされた1.7で
推奨されるやり方が変わり1.9で古いやり方が切り捨てられた。
つまり1.7以前のコードは今のやり方とは全く違っていて、見る価値はない。
参考にしても良いのは1.9以上がギリギリ許容できる範囲


何が言いたいかというと「ヌー」とか書いているキモい絵があるクソサイトは
絶対に見てはいけないということだ。

こっちもjQuery 1.9で古いんだがまだマシ
http://js.studio-kingdom.com/jquery/
0228Name_Not_Found
垢版 |
2017/02/18(土) 22:55:46.35ID:???
1.7ではlive()等、かなり重要な関数が使えなくなったんだよな。あれは本当に困った
古いリファレンスやコード、プラグインでは未だに使ってることもあるので、
jQuery Migrate plugin
ってのを覚えておいたほうがいい。これを入れておくだけで昔のコードが使えるようになる。
0229Name_Not_Found
垢版 |
2017/02/18(土) 23:01:14.36ID:???
あとアップグレードガイドも読んでおくといい

https://jquery.com/upgrade-guide/
 https://jquery.com/upgrade-guide/1.9/
 https://jquery.com/upgrade-guide/3.0/

日本語の翻訳も探せば見つかると思う。これとか
http://qiita.com/fmy/items/345a264a1cf2e2a73f62

参考サイトを探している段階なら、世の中にある古いやり方や間違ってるやり方に惑わされやすい。

例えば
$(document).ready(function() {・・・});
という書き方は非推奨になった。

これは俺が何年も前からずっと言ってきたことなんだが
$(function() {・・・}) という書き方が公式に推奨されるようになった

https://api.jquery.com/ready/
> As of jQuery 3.0, only the first syntax is recommended;
> the other syntaxes still work but are deprecated.

理由はこっちで詳しく説明してあるな。
https://www.webprofessional.jp/jquery-document-ready-plain-javascript/
0230Name_Not_Found
垢版 |
2017/02/18(土) 23:03:05.51ID:???
>>228
Migrateっていうのは移行という意味。

jQuery Migrate pluginというのは昔のコードを動かすためではなくて、
昔のコードから新しいコードへMigrate(移行)させるためのもの

未だにjQuery Migrate pluginが必要とされるようなものは
捨てるべきだよ。
0231Name_Not_Found
垢版 |
2017/02/18(土) 23:20:30.47ID:???
jQueryはよく使われている分、ネットで初心者共が
クソコードさらしてるので、ちゃんとした本で勉強するのが一番

俺のおすすめはこれ

コアjQuery+プラグイン/jQuery UI開発実践技法 JQuery in Action 2nd Edition
https://www.amazon.co.jp/dp/4798124281
http://www.shoeisha.co.jp/book/detail/9784798124285

初心者には少し難しいかもしれないがjQueryの基礎を勉強しつつ
この本で正しいやり方になおしていくと良い


ちなみにこの本はタイトルからわかりづらいが、海外で有名な
in Actionシリーズの翻訳本でクオリティーが高いことは保証済み

http://d.hatena.ne.jp/ryoasai/20101029/1288362232
> Manningのin actionシリーズはMEAP(Manning Early Access Program)という
> 事前評価プロセスを通して、クオリティーを十分に高めてから出版されることもあり、
> 比較的あたりはずれが少なく良書が多いと思います。
0232Name_Not_Found
垢版 |
2017/02/19(日) 01:29:10.92ID:???
山田祥寛(よしひろ)、翔泳社
10日でおぼえる jQuery 入門教室 第2版

この本が簡単
0233Name_Not_Found
垢版 |
2017/02/19(日) 01:33:03.49ID:???
10日でおぼえられるわけがないものを
10日でやるとか言ってるものは信用できない。

そういうのは10日だけでやれることしかしない
という意味でしかない
0234Name_Not_Found
垢版 |
2017/02/19(日) 01:36:38.96ID:???
これか?w

10日でおぼえるjQuery入門教室 第2版
https://www.amazon.co.jp/dp/B00FZIZOLC/

トップカスタマーレビュー

5つ星のうち 3.0ステマ
投稿者 oper 投稿日 2013/11/13
形式: 大型本
山田さんの書籍は比較的安定していて、この本も悪くはないのですが、星5つのレビューが全員WINGS(山田さんのプロジェクトらしい)の本に星5つつけまくっている点に失望しました。
内容で勝負すればいいのにね。
コメント 50人のお客様がこれが役に立ったと考えています. このレビューは参考になりましたか?
0235Web初心者
垢版 |
2017/02/19(日) 02:31:42.29ID:PjnF9NV1
皆様ほんとうにありがとうございます。
ここにたどり着くまで、
色々Webを漁ってたのですが、
どの情報を当てにしていいのか(特に新しい、古いなど)
途方に暮れておりました。
「ヌー」も検索トップのほうにあったので、、、
227さんありがとうございます。
これからも、お恥ずかしい質問をするかもしれませんが、
宜しくお願いいたします。
とりあえず、ゴリゴリ書いて覚えていきたいと思います。
0236Name_Not_Found
垢版 |
2017/02/19(日) 09:51:05.25ID:???
実際に書き始めて一ヶ月も経てば新しい古い、宛になるかどうかはわかるようになる
0237Web初心者
垢版 |
2017/02/19(日) 23:29:53.35ID:PjnF9NV1
習うより慣れろですね。
0238Name_Not_Found
垢版 |
2017/02/20(月) 00:05:03.30ID:ffJ5gnsX
2ちゃんねる初心者です。
学校の課題で今週の木曜までに自分のwebを作成して提出するというものが出ているのですが、見え隠れするサイドバーを入れようと思っています。
ちなみに課題の条件条件としてbxSliderを用いること、トップページのみの作成ということです。現在見え隠れするサイドバーを作ろうとしている所なのですが、やり方を調べ、html、cssやjavascriptのコード?のようなものは見つけました。
しかし、cssとjavascriptのコード?をどのようにして、どこに入れればいいのか全くわからない状況です。
何か分かる事がある方がいたら教えてください。
0240Name_Not_Found
垢版 |
2017/02/20(月) 00:47:27.13ID:ffJ5gnsX
>>239
 返信ありがとうございます。試しに丸ごとコピー&ペーストをしてみたのですが、以下のような文が出てきました。
このファイルはANSIテキスト ファイルとして保存すると失われてしまうUnicode形式の文字を含んでいます。
Unicodeの情報を保存するには、[文字コード」から[Unicode]を選択してください。
と出てきますが、この後どのように対処すれば良いでしょうか。
0241232
垢版 |
2017/02/20(月) 02:22:18.62ID:???
>>232-234
山田祥寛(よしひろ)、翔泳社
10日でおぼえる jQuery 入門教室 第2版
10日でおぼえる PHP 入門教室、第4版、2012

彼の本を使うと、なぜ10日で出来るのか?

イラストもふんだんに使っていて、予算が大きい。
最初から売れることが分かっているから、本を作る予算が大きい

一方、オライリーなどの本は、著者の書き殴りで、図など無いから、理解できない。
外国の本は、図解したり編集する、能力が無いから

山田祥寛の講座は、4万円で定員100名とか。
他にも、Java, Ruby など様々な言語本も、書いている

短時間で分からせるのには、教える技術がある。
TACとかの専門学校・塾とかと同じ。
パッと本を開いた瞬間に分かる
0242Name_Not_Found
垢版 |
2017/02/20(月) 02:51:59.44ID:???
>>241
じゃあなんでレビューしている人が
サクラしかいないんですか?
0243Name_Not_Found
垢版 |
2017/02/20(月) 02:53:41.93ID:???
初心者用ピアノ入門をよんでも
プロにはなれません・・・
0244Name_Not_Found
垢版 |
2017/02/20(月) 09:08:00.30ID:???
>>241
下手なステマはやめとけ
これ以上やると、オススメの書籍は?の質問に
「ステマおじさん山田祥寛以外の本なら何でも」という回答がデフォルトになるだろう

別にこれ自体はどっちでもいいんだけど余計な仕事増やさないでくれ
0245Name_Not_Found
垢版 |
2017/02/20(月) 10:33:11.86ID:???
>>241
内容より先に予算どうこうっていう時点で読んでないだろお前
って思っちゃう
0246232
垢版 |
2017/02/21(火) 00:40:41.97ID:???
オライリーなどの翻訳本は、翻訳者の印税も掛かるし、難しい本が多いから、あまり売れない。
だから、図・イラストを描いたりする、予算が付かない。
イラストレーターの印税か、料金も掛かる

だから、本をちょっと見ただけで、その本の予算が大きいかどうかが、すぐにわかる。
つまり、売れる本かどうかが、すぐにわかる

基本的に、初心者向けの本しか売れない
0247Name_Not_Found
垢版 |
2017/02/21(火) 10:25:16.08ID:???
なぜこいつは無根拠に売れる/売れないを断言出来るんだ?
0250Name_Not_Found
垢版 |
2017/02/21(火) 19:19:01.79ID:???
しかしここまで印象最悪なステマも珍しいな
0251Name_Not_Found
垢版 |
2017/03/02(木) 19:05:46.77ID:???
> 367 Name_Not_Found sage 2017/03/02(木) 16:05:49.27 ID:???
> jQuery経由で実行すると実行速度が数倍かかるのは避けられないのかな
http://echo.2ch.net/test/read.cgi/hp/1485265364/367

何事もトライアンドエラーだよ
疑問に思ったことはいくつもの比較コードを書いて検証してみればいい
自分で検証する気がないなら諦めるべきだけどね
02524days ◆6xK9k12f2U
垢版 |
2017/03/15(水) 08:43:34.81ID:rTO8PoDO
WEBプログラミング板のスクリプト改造スレから「web制作管理板のjQueryスレで聞いた方が良いかも」と誘導されて参りました。
荒らし報告ツールの改造についてどなたか御対応できないでしょうか。

詳細は下記となります。
http://tamae.2ch.net/test/read.cgi/php/1314546533/178

本当に「jQueryスレ」がここで正しいのか自身がなく、かつスクリプト改造依頼になりますので、
正しい対象スレッドなどがありましたら、そちらに誘導をお願いできましたらと思います。
0253Name_Not_Found
垢版 |
2017/03/15(水) 09:27:13.16ID:???
スレなければ作れば良いんだよ。
0254Name_Not_Found
垢版 |
2017/03/15(水) 09:34:05.48ID:???
>>252
これはめんどくさいな〜
これを改造するなら拡張機能になるけどめんどくさすぎる
1からサイト作ることになるけど誰が管理するの?
多分自分で勉強して作ったほうが良いと思う
もしかするとエクセルvbaの方が楽に作れるかもしれない
0255Name_Not_Found
垢版 |
2017/03/15(水) 13:53:38.91ID:???
if($(window).width() < 541)){
$(".foo").scroll(baz);
}else {
$(.bar).scroll(baz);
}
function baz() {
0256Name_Not_Found
垢版 |
2017/03/15(水) 13:59:50.81ID:???
以下の時、うまくまとめて書く方法はありますか?
無名関数に名前をつけたり、変数に入れずになんとかやろうとしていましたがこんがらがってきました

・スクロールさせた時に関数を実行
・画面サイズ(540pxがしきい値)でスクロールする対象のオブジェクトは変わる。モバイルは.foo、PCはwindow全体
・無名関数で実行したい
・変数や関数の名前を使いたくない

if($(window).width() < 541)){
$(".foo").scroll(baz);
}else {
$(window).scroll(baz);
}
function baz() {
/* 処理 */
}
0257Name_Not_Found
垢版 |
2017/03/15(水) 14:39:28.84ID:???
>>256
/*処理*/の内容に依存していて、コードも変わってくる気がする
変数など宣言はしたくないのはなぜか、はとりあえず置いといて

($(window).width()<541?$(".foo"):$(window)).scroll(function(){/*処理*/})
0258Name_Not_Found
垢版 |
2017/03/15(水) 14:45:39.48ID:???
>>257
おー、ありがとうございます!すごい!
0259Name_Not_Found
垢版 |
2017/03/15(水) 18:32:23.84ID:???
>>252-254
http://aa.2ch.net/test/read.cgi/mona/0000000000/600 2003/10/20 16:49:51.77 ID:abc+123/0
(URL) (日付) (時刻) (ID)の順

出力された書式4文字列は、時系列順に昇順ソートされていること

以下のような複数のURLへアクセスして、日付・時刻・IDを取り出して、
http://hanabi.2ch.net/test/read.cgi/wcomic/1437192131/117
http://hanabi.2ch.net/test/read.cgi/wcomic/1438080242/102-104

以下のように連結すれば良いのか?
http://hanabi.2ch.net/test/read.cgi/wcomic/1437192131/117 2016/12/24 14:59:42.97
http://hanabi.2ch.net/test/read.cgi/wcomic/1438080242/102 2016/12/24 14:59:51.98
http://hanabi.2ch.net/test/read.cgi/wcomic/1438080242/103 2016/12/26 13:43:51.12

その処理だけを、新しく作ったらどうか?
「こらこら団報告書生成」ツールのソースコードを分析して、修正するのは大変だろ
0260Name_Not_Found
垢版 |
2017/03/15(水) 22:52:38.19ID:???
>>257-258
一般論として、jQueryオブジェクトを三項演算子の評価値として使わない方がいい。
再利用しづらくなるし、コードによっては遅くなったり無駄ができたりする。
同様の理由でjQueryオブジェクトを変数に入れたり関数の戻り値するのもおすすめしない
(あとスペースは適切に入れたほうが良い。)

今回の場合はこう書いたほうが良いよ。
$($(window).width() < 541 ? ".foo" : window).scroll(function() {/*処理*/ });


これはこれで見づらいので俺ならこうするけどな。
var target = $(window).width() < 541 ? ".foo" : window;
$(target).scroll(function() {/*処理*/ });

更に言うならば、画面の大きさによってデザインを変えるっていうのは
通常CSSのMedia Queryを使うのがいい。
おそらくその閾値541っていうのはデザインのためにCSSに書いてあるでしょ?
コードでも同じことを書いたら二重になってしまう。

ちょっと俺はやったことないんでもっといい方法があるかもしれないけど、
例えばMedia Queryを使って要素の表示非表示させて:visibleセレクタで判別するとかね
0261Name_Not_Found
垢版 |
2017/03/15(水) 23:35:34.77ID:???
>>256
でさ、今更気づいたんだけど、
画面表示されてからサイズ変えた時大丈夫?

まああんまりやることはないと思うけどさ、
何か違和感あると思ったら、そこなんだったんだな。

通常イベントハンドラっていうのは最初のページ表示時につけて
それ以降付け替えたりしない。付け替えたりしなくても動くようにするんで
画面サイズで切り替えたりしないんだよね
0262Name_Not_Found
垢版 |
2017/03/15(水) 23:41:37.02ID:???
こうじゃないの?
にしてもscrollの対象が変わることなんてあるんけ?

$([$(".foo")[0],window]).scroll(function(){
//ここで分岐
});
0263Name_Not_Found
垢版 |
2017/03/16(木) 01:14:49.08ID:???
jQuery Mobile は、パソコン・スマホ共用
02644days ◆6xK9k12f2U
垢版 |
2017/03/16(木) 07:40:10.57ID:T/B05wZT
>>252
ご返答ありがとうございます

>>254
サイトぐらいは自分で作りますよ
そして色んな人に使って貰いたい
自分だけが報告するわけじゃなくみんなで報告しやすいようにと考えると
やっぱりこのようなWeb系のツールが最良ですので

>多分自分で勉強して作ったほうが良いと思う
良い悪いではなく出来る出来ないの問題でして

>>259
>その処理だけを、新しく作ったらどうか?
それができたらここには来てませんね
0265Name_Not_Found
垢版 |
2017/03/16(木) 08:24:01.15ID:???
>>264
なぜ、そんなに偉そうな態度をとれるのだろう?
サイトを自作するならJavaScriptも自分で作る気概を見せなよ
ここは制作依頼する場所ではなく、質問者が作るのを手助けする場だからね
丸投げはNG
02664days ◆6xK9k12f2U
垢版 |
2017/03/16(木) 08:48:21.67ID:T/B05wZT
>>265
やはり最初からこのスレは趣旨として正しくなかったと言うことですね

では>>252にも明記しましたように
正しい対象スレッドなどがありましたら、そちらに伺いたいと思います。

どこか趣旨に合致するようなスレッドをご存じないでしょうか?

お手数をお掛けします。
0267Name_Not_Found
垢版 |
2017/03/16(木) 08:51:56.12ID:???
>>264
ウダウダ言い訳せずに作ったほうが早い
プログラムなんて納期を考えなければいつか出来るもの

・入力。ajaxは使わない
・phpでfile_get_contentsでサーバーに保存
・エンコード
・htmlをパース
・配列に突っ込んでソート
・出力

これだけ。
セキュリティの知識不要だから楽勝
で、jqueryもajaxは使わないので移行はスレチ
02694days ◆6xK9k12f2U
垢版 |
2017/03/16(木) 08:55:23.96ID:T/B05wZT
>>268
ありがとうございました
感謝いたします
0270Name_Not_Found
垢版 |
2017/03/16(木) 14:04:17.85ID:???
>>268
そこは初心者スレであって制作依頼スレではないのではなくて?
質問者に学ぶ意志が全くないのなら、ランサーズとかに金出して依頼すべき案件に読める
0271Name_Not_Found
垢版 |
2017/03/17(金) 02:16:49.50ID:???
ソースコードを見ると、2chのHTMLには、
<div class="number"> タグと、<dt> タグを含む、2種類あって、
処理を分けて書いている

このソースコードの作者は、HTMLのタグを取り出すのに、正規表現を使っているから、
ここをブラウザ内蔵または、jQueryのHTML Parser を使って、
(URL) (日付) (時刻) (ID)の書式4文字列のタグを、取り出せば良いかも

ただ、その例には、<div class="number"> タグしかないから、
<dt> タグを使っているHTMLには、対応できない

それと、同時に取得できるHTMLを、10件までに制限した方がいい。
あまり多いと、2chへの営業妨害とみなされて、訴えられそう

まあ、そのソースコードを修正するよりも、新しく作った方が良さそう

JavaScript, jQueryは、WEBプログラミング板やプログラム板よりも、
この板の方が、やっている人が多い
0272271
垢版 |
2017/03/17(金) 11:42:41.49ID:???
ここにアクセスして、返ってくるHTMLは、
http://hanabi.2ch.net/test/read.cgi/wcomic/1438080242/102

<div class="post" data-date="NG" data-id="102" data-userid="" id="102">
<div class="date">2016/12/24(土) 14:59:51.98 </div>
</div>

(URL) (日付) (時刻) (ID)の書式4文字列のタグは、id="102" より取り出せる。
日付 : 2016/12/24
時刻 : 14:59:51.98
ID : data-userid=""

それらを連結すると、こうなる
http://hanabi.2ch.net/test/read.cgi/wcomic/1438080242/102 2016/12/24 14:59:51.98

今は、jQuery.ajax で、複数のHTMLを取得する方法を、調べている
0273Name_Not_Found
垢版 |
2017/03/17(金) 14:35:02.88ID:???
出力HTMLの仕様差を埋めるなら、datファイルをxhrまたはfetchで取得すればいいんじゃないかね
最も、質問者本人は作る気が全く無さそうだが
0274Name_Not_Found
垢版 |
2017/03/17(金) 22:57:01.22ID:OaN95QP/
まったくの初心者です。
お時間のある方、よろしければご教授願えますでしょうか。
if($(this).hasClass("mail")){
if($(this).val() && !$(this).val().match(/.+@.+\..+/g)){
$(this).parent().prepend("<p class='error'>メールアドレスの形式が異なります</p>");
}
}

if条件の&&前の$(this).val()は何を意味しているのでしょうか?
メアドの形式判定なら&&以降だけで足りている気がしてしまいます。
0275Name_Not_Found
垢版 |
2017/03/17(金) 23:19:38.07ID:???
>>274
$(this)だけでは分からない
大抵
$("foo").click(function(){
if($(this).hasClass("mail")){
if($(this).val() && !$(this).val().match(/.+@.+\..+/g)){
$(this).parent().prepend("<p class='error'>メールアドレスの形式が異なります</p>");
}
}
})
のように、何かのイベント元として$(this)が使われる
今回は<foo>が$(this)の対象になる
0276Name_Not_Found
垢版 |
2017/03/17(金) 23:29:55.20ID:???
>>275
説明不足で申し訳ありません。イベント部分はこうなっています


$("form").submit(function(){
$("input[type='text'].validate,textarea.validate").each(function(){
//メールアドレスのチェック
if($(this).hasClass("mail")){
if($(this).val() && !$(this).val().match(/.+@.+\..+/g)){
$(this).parent().prepend("<p class='error'>メールアドレスの形式が異なります</p>");
}
}
});
});

ここでの$(this)は
input[type='text'].validate もしくは
textarea.validate で合っていますか?
0277Name_Not_Found
垢版 |
2017/03/17(金) 23:40:20.65ID:???
回答者がアホ。無断なやり取りすんな。
単に未入力の時にエラーにしたくないだけだ
0278Name_Not_Found
垢版 |
2017/03/17(金) 23:46:59.14ID:???
>>277
if($(this).val())
で、$(this)に何らかの値が入っていると
条件を満たす ということでしょうか?
0280Name_Not_Found
垢版 |
2017/03/18(土) 00:13:48.09ID:???
>>279
なるほど!trueが返ってきて条件成立、なのですね。

皆様ありがとうございました。とても助かりました。
0281271
垢版 |
2017/03/18(土) 20:08:14.39ID:???
複数のajax処理と、2chの返信から、DOMを構築して、
jQueryでデータを取り出す所を、今研究している

元のHTMLは、ajaxで2chへアクセスして、その返信をHTMLに表示するなど、なかなか凝っている。
こういうループ処理なら、AngularJSを使いたくなってくる

2chで、こういうツールを作れる人は、
プログラム板のVBScriptのスレ主である、ピラフだけかもw

1週間経っても、誰も作れない時は、ピラフに頼むしか無さそう
0282Name_Not_Found
垢版 |
2017/03/18(土) 20:16:00.18ID:???
作るのは構わんが別のとこでやってくんね
0283Name_Not_Found
垢版 |
2017/03/19(日) 02:36:50.10ID:???
ピラフに頼んだからもういいよ
0284Name_Not_Found
垢版 |
2017/03/23(木) 21:26:07.17ID:???
無名関数のfunction(){}ですが、この'function'を置き換えることってできますか?
0285Name_Not_Found
垢版 |
2017/03/23(木) 21:26:31.07ID:???
すいません、無名関数でなく、関数の宣言でした
0287286
垢版 |
2017/03/23(木) 22:16:51.76ID:???
すまん
省略じゃなくて置き換えるだったか
0288Name_Not_Found
垢版 |
2017/03/23(木) 22:28:59.86ID:???
>>286
いえ、短くする方法を知りたかったので、とてもありがたいです
そんな記述方法があったのですね
0289Name_Not_Found
垢版 |
2017/03/23(木) 23:17:46.43ID:???
>>281
はっはっは、そのピラフってやつは無能だった
結局ピラフは作れなかったぞwww
■ このスレッドは過去ログ倉庫に格納されています

ニューススポーツなんでも実況