+ JavaScript & jQuery 質問用スレッド vol.7 + [無断転載禁止]©2ch.net

1Name_Not_Found2016/11/01(火) 21:15:50.05ID:???
JavaScriptで一番有名なDOM用関数型風ライブラリであるjQueryのスレです。
jQueryを使うとJavaScript単体では面倒な処理でもほんの数行で実現可能になります。

一部でもうjQueryは要らない等と言ってますが、あれはjQueryよりも導入が大変な
フレームワークを導入したらいらなくなるって話であって、従来通りHTMLにちょっと
動きをつけたい程度ならjQueryが最適です。

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

前スレ
+ JavaScript & jQuery 質問用スレッド vol.6 + [無断転載禁止]©2ch.net
http://echo.2ch.net/test/read.cgi/hp/1465566635/

56Name_Not_Found2016/12/12(月) 03:06:26.60ID:???
>書きなさい
って、まんまそのまま番号外しただけのコードなんだけど

57Name_Not_Found2016/12/12(月) 04:56:29.13ID:???
呼ばれるよ。他のあらゆるAPIでもね。
変更と同じイベントループで登録したイベントハンドラは
順番がどうであれ必ず呼ばれる実装になってる。

58Name_Not_Found2016/12/12(月) 09:38:21.92ID:???
img 要素の src 属性と onload イベントリスナの設定タイミング
http://please-sleep.cou929.nu/onload-handler-setting-timing-and-async-request-of-image-element.html

有名な話。経験が浅い人には気づけない話だろう。

59Name_Not_Found2016/12/12(月) 09:39:26.29ID:???
やっぱりIE9でもキャッシュ有効時のimg要素はonloadを無視する件
http://akibahideki.com/blog/htmlcss/ie9onload.html

60Name_Not_Found2016/12/12(月) 12:39:21.88ID:???
誘導。

■JavaScriptスレ
JavaScript の質問用スレッド vol.131
http://echo.2ch.net/test/read.cgi/hp/1478053599/
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.5
http://echo.2ch.net/test/read.cgi/hp/1465399470/
jQuery 質問スレッド vol.7
http://echo.2ch.net/test/read.cgi/hp/1478055094/

61Name_Not_Found2016/12/12(月) 12:40:15.81ID:???
>>57-58
本来、その回のイベントループ(フレーム)では、ハンドラが登録されるだけで、
画像は次のフレームから読み込まれるから、>52 の順番でもOKなのだな

結局、IE8以前のバグだったのか。
「onreadystatechange にハンドラを設定して、その中で readyState を見る」
とか、何かの本で読んだことがある

62Name_Not_Found2016/12/12(月) 19:30:27.84ID:???

63Name_Not_Found2016/12/12(月) 19:38:33.39ID:???
おお、仕様にも書いてあるんだね

64Name_Not_Found2016/12/12(月) 21:10:07.74ID:???
>>61
仕様のほうが後で作られたのであれば
それはバグじゃない

65Name_Not_Found2016/12/12(月) 21:35:11.47ID:???
HTML4.01の仕様には当然無いとして、初めて仕様化されたのはこの時点かな。

W3C Working Draft 29 March 2012
https://web.archive.org/web/20120414181653/http://www.w3.org/TR/html5/introduction.html

IE9のリリースが2011年4月26日だからこれをバグと呼ぶのは無理がある。

66Name_Not_Found2016/12/12(月) 21:46:27.00ID:???
おお、やっぱり昔は仕様になかったんだね

67Name_Not_Found2016/12/12(月) 23:08:34.34ID:???
Safariシェア低すぎるからサポート打ち切ろう

68Name_Not_Found2016/12/12(月) 23:20:00.16ID:???
とんでもない
Safariは現在唯一 ECMAScript6に100%対応した最先端ブラウザやぞ

69Name_Not_Found2016/12/12(月) 23:47:22.65ID:???
ECMAScript6に100%対応しただけじゃ
API使えることにはならないし

70Name_Not_Found2016/12/13(火) 01:54:05.99ID:???
仕様をちゃんと読んでると言っても、最新の仕様と
最新のブラウザだけしか見てないのであれば
仕事としてやるには全然足りないからね。
プロとしては未熟。

71Name_Not_Found2016/12/13(火) 10:59:35.49ID:???
>>68
100%は対応していない
例えばtail-callの挙動が一部おかしい
そもそもES5のテストも未だ全クリできた実装はない

72Name_Not_Found2016/12/13(火) 21:16:09.62ID:???
まあSafariはテストはしなくていいと思う。
動けばラッキー、動かなければ残念でしたで終わり。

73Name_Not_Found2016/12/13(火) 21:40:02.32ID:???
もちろんiPhoneはテストするよね?

74Name_Not_Found2016/12/13(火) 22:57:59.94ID:???
ここで話題になってるのは
mac版safariかと

75Name_Not_Found2016/12/16(金) 09:29:07.61ID:???
js

xhr.open('POST', url);
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.send(params);

jquery

$.post(url, params);

rails でパラメーター取ろうとしたら js の方は取れないんですけど、2つに何か違いはあります?間違ってますか?

76Name_Not_Found2016/12/16(金) 09:34:22.18ID:???
xhr.send()にプレーンオブジェクトは指定できない
StringやFormDataにする必要がある

77Name_Not_Found2016/12/16(金) 09:38:05.71ID:???
>>76
ありがとうございます。'key=value' のようにしてます

78Name_Not_Found2016/12/16(金) 09:39:28.34ID:???
jQueryはそういった面倒なことをやってくれてるから使いやすい。
他にもHTTPレスポンスが4xx系や5xx系だと例外にしてくれたりね。

79Name_Not_Found2016/12/16(金) 09:44:46.38ID:???
>>78
そうですね。 js で取れなかったので jquery 使ったんですけど、結局「なんでなんだろ?」と思いまして質問した次第です。

80Name_Not_Found2016/12/16(金) 12:41:53.46ID:???
40Xで例外は間違った設計だと結論が出てる。
fetchのように通信の例外とステータスエラーは切り分けて提供するのが今時の正しい設計。
他にもjQueryの動作には非効率だったり人間工学的におかしい挙動が多いので、それを便利と勘違いして慣れてしまうのは危険。
まあ自分でjQueryに頼るよりも良い手段を常に把握しておけないのであれば仕方ないが、一生そこから成長することはないと思いなさい。

81Name_Not_Found2016/12/16(金) 12:59:43.25ID:???
はーい

82Name_Not_Found2016/12/16(金) 21:36:14.08ID:???
>>80
> 40Xで例外は間違った設計だと結論が出てる。

お前の中で結論が出てるかどうかなんて関係ないんだよ。

83Name_Not_Found2016/12/17(土) 05:03:13.18ID:???
関係ないやつは黙っといて!(笑)

84Name_Not_Found2016/12/18(日) 12:32:37.39ID:???
現行スレはこちら。

■jQueryスレ
jQuery 質問スレッド vol.7
http://echo.2ch.net/test/read.cgi/hp/1478055094/

■ライブラリスレ
JavaScript ライブラリ総合質問所 vol.5
http://echo.2ch.net/test/read.cgi/hp/1465399470/

■JavaScriptスレ
JavaScript の質問用スレッド vol.131
http://echo.2ch.net/test/read.cgi/hp/1478053599/
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/

85Name_Not_Found2016/12/20(火) 09:21:42.26ID:???
過疎ってんだからスレ統合しろよ

86Name_Not_Found2017/01/05(木) 14:53:35.37ID:???
質問です。JSでインターネットに繋がっているかどうか判別する方法はありますでしょうか?

87Name_Not_Found2017/01/05(木) 15:12:02.44ID:???

88Name_Not_Found2017/01/06(金) 22:45:59.31ID:???
それは「インターネット」に「接続している」かどうかではなく、
「ネットワーク」に「接続していないか」どうかのAPI。
絶対に接続されていないとブラウザが分かっているとき以外は、実質繋がらなくてもtrueだし、
それことイントラネットやコピー機に接続してるときでもtrueだ。

89Name_Not_Found2017/01/06(金) 23:21:38.17ID:???
そっか、ごめん。じゃあ実際に通信を試すのがいいかな。
画像でonload/onerrorしたり、試しにAjaxやfetchをしたりすればいけそう。

90Name_Not_Found2017/01/22(日) 13:37:49.05ID:???
スクリプトの質問です。
1つの関数内で、if文が複数ある場合、それぞれ検証されているのでしょうか?
それとも、最初のif文の結果次第で、後続のif文の中の処理を行っているのでしょうか?
自分で試したところ、後続の処理も行われているのは理解できたのですが、
条件分岐はどういう仮定で行われているかわかりませんでしたので、質問させていただきました。

下記のような記述です。よろしくお願いします。
$('.hage').click(function(){
if(...){..}
else{...}
if(...){...}
else{...}
});

91Name_Not_Found2017/01/22(日) 14:24:41.90ID:???
>>90
君がやらないといけないのはJavaScriptの文法の意味を調べることだよ。

if ・・・ これはなにか?
(...) ・・・ これはなにか?
{...} ・・・これはなにか?
else ・・・ これはなにか?
{...} ・・・これはなにか?

これを書けば君がわからないことの答えになる

92Name_Not_Found2017/01/22(日) 21:27:04.55ID:???
区切りが分かっていないんだろう、もとい
if() {} else if() {}
と混同してるんだろう
if() {} else {}
の場合はそこまでで一区切りで前後の文とは関係ないよ

93Name_Not_Found2017/01/22(日) 22:28:53.25ID:???
>>91-92
レスどうも。
説明がくそみそですみません・・・・・

if〜elseまでで1つってことでいいんでしょうか?
ということは、それぞれ条件に合うか調べられて、それぞれ処理を行われるということですか?

94Name_Not_Found2017/01/23(月) 00:16:32.33ID:???
>if〜elseまでで1つってことで
それでおk

95Name_Not_Found2017/01/24(火) 17:06:36.35ID:???
JSだと
(function(){
alert();
})();
の末尾の()を取るとalertを実行させないように出来ますよね。
$(document).ready(function(){
alert();
});
このjQeuryの場合にカッコか何か追加/削除するなどの方法でalertを実行させないように出来ますか?
//alert();
以外で。
とりあえず一時的にコメント化したい時に使いたいんです。

96Name_Not_Found2017/01/24(火) 18:46:10.63ID:???
>>95
window.alert = function(message) {};
とか?

97Name_Not_Found2017/01/24(火) 20:09:13.69ID:???
あげ

98Name_Not_Found2017/01/25(水) 00:41:18.86ID:???
現行スレはこちら。

■jQueryスレ
jQuery 質問スレッド vol.7
http://echo.2ch.net/test/read.cgi/hp/1478055094/

■ライブラリスレ
JavaScript ライブラリ総合質問所 vol.5
http://echo.2ch.net/test/read.cgi/hp/1465399470/

■JavaScriptスレ
JavaScript の質問用スレッド vol.132
http://echo.2ch.net/test/read.cgi/hp/1485265364/
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/

99Name_Not_Found2017/01/29(日) 16:51:01.62ID:???
真面目な会話をしたい人はこちらへどうぞ

JavaScript の質問用スレッド vol.132 [無断転載禁止]©2ch.net
http://echo.2ch.net/test/read.cgi/hp/1485265364/

100Name_Not_Found2017/01/29(日) 17:01:00.98ID:???
質問者はこちらへどうぞ。
ワッチョイ付きなので荒らしの区別が付きやすいと思われます。

+ JavaScript の質問用スレッド vol.122 +
http://echo.2ch.net/test/read.cgi/tech/1472426483/

101Name_Not_Found2017/01/29(日) 22:17:39.63ID:nm39fZyD
jQuery 4.0まだですか?

102Name_Not_Found2017/01/30(月) 12:57:39.09ID:l1+cabqa
自作ゲーム即売会「ゲームマーケット」に1万人超
http://www.nikkansports.com/general/nikkan/news/1750500.html
ボードゲームの展示イベント「ゲームマーケット」の成長記録からこれからの
市場に必要なことを妄想してみた。6年間の来場者数推移(2016年4月時点調べ)
https://bodoge.hoobby.net/columns/00001
カードゲームを自作する1 【自宅でカード印刷】
http://tanishi.org/?p=801
100円ショップでボードゲームを自作しよう
https://sites.google.com/site/jun1sboardgames/blog/makeyourbg
ノーアイデアでボードゲームを作ろう第1回「100円ショップで物を買う」
http://boardgamelove.com/archives/boardgame-make-1/
ボードゲーム市場がクラウドファンディングの出現で急成長を遂げ市場規模を拡大中
http://gigazine.net/news/20150820-board-game-crowdfunding/
実際のところ、自作ボードゲームってどれぐらい売れるもんなの?
http://roy.hatenablog.com/entry/2016/12/20/220102
ゲームマーケット2016春にて初参加サークルさんに作成数アンケートをとってきました
http://hidarigray.blog35.fc2.com/blog-entry-614.html
カフェも急増 ボードゲームにアラサーがハマる理由
http://style.nikkei.com/article/DGXMZO10921930R21C16A2000000?channel=DF260120166491
ボードゲームのオリジナルオーダー制作
http://www.logygames.com/logy/ordermade.html

103Name_Not_Found2017/12/12(火) 06:07:16.14ID:MrUcGD8N
HPなどで友達が稼げるようになった情報とか

⇒ http://asaswq3wq.sblo.jp/article/181819223.html

興味がある人だけ見てください。

99FIKEY5SD

104Name_Not_Found2018/02/18(日) 20:11:53.65ID:???
☆ 日本の、改憲を行いましょう。現在、衆議員と参議院の
両院で、改憲議員が3分の2を超えております。
『憲法改正国民投票法』、でググってみてください。国会の発議は
すでに可能です。平和は勝ち取るものです。お願い致します。☆☆

105Name_Not_Found2018/05/01(火) 20:18:04.81ID:l1wYHpV1
誰でもできる在宅ワーク儲かる方法
少しでも多くの方の役に立ちたいです
グーグルで検索するといいかも『金持ちになりたい 鎌野介メソッド』

2FUU3

106Name_Not_Found2018/05/06(日) 23:41:26.30ID:???
ある程度スクロールしたらヘッダーにfixedついて固定メニューになるページを作ってるんだけど、マウスのホイールでスクロールすると固定になった瞬間スクロールが一時的に効かなくなってしまうのは俺だけか?

新着レスの表示
レスを投稿する