+ JavaScript の質問用スレッド vol.130 + [無断転載禁止]©2ch.net->画像>4枚

JavaScript を自ら学ぶ人のための質問スレッドです。
>>2-4のテンプレを読んだ上で質問してください。次スレは>>950が>>2のテンプレ案(本スレで改善案があれば考慮)を元に立ててください

■質問を書く上で
(1) 煽り、コード制作依頼等、人を不快にさせる投稿はご遠慮下さい。公序良俗を守った応対を心がけてください。
(2) 他の人に迷惑をかけるスクリプトの質問はご遠慮ください。
　　(ブラクラ、[戻る], [閉じる], [クリック] の妨害、画面占有など)
(3) 質問者及び議論を行う人はメール欄を空欄にし、名前にレス番を入れることを強く推奨します。回答者はなりすましを判断できませんので、なりすましが現れても自己責任となります。
(4) 常に自発的に調べる心構えを持ってください。
　　具体的には「自分で調べてから質問する」「回答をもらってわからない単語があればGoogle検索してみる」など。
　　わからない内容を代わりに調べてくれる回答者をお望みの方は余所で質問してください。
(5) 出来るだけ一般的な用語を使用してください。脳内オレオレ用語は混乱の元です。
(6) 出来るだけサンプルコードを掲示してください。言葉による説明は行き違いが生まれる場合があります。
　　※必ず「問題の事象が再現されること」を確認してください。
　　　必要な部分だけ切り出したつもりで現象が再現できていなかったケアレスミスがしばしば見られます。
(7) サンプルコードに HTML が含まれる場合は http://validator.w3.org/ で [Check] してみてください。
(8) 質問を具体的かつ詳細に書くと回答を得られやすいです。>>2の質問テンプレートを活用してみてください。
(9) ライブラリ関連の話題は禁止です。関連スレにあるライブラリ質問スレで質問して下さい。
(10) 時にはあなたが望む「答え」だけでなく、「意見」などが寄せられる場合もあります。

■質問テンプレート
【環境】OS, ブラウザをバージョンと共に記入してください。(ex: IE8, Firefox4)
【何をしたのか】何をしたら問題の現象が発生するのか。再現手順を具体的に書いてください。
【エラーメッセージ】エラーメッセージがあれば正確に書き写してください。(Windows なら「コピット」を活用)
【期待する結果】最終的にどういう結果を望んでいるのか、を書いてください。
【サンプルコード】現象を再現可能な最小限のコードを書いてください。
　1レスに収まらないならコード投稿サイトを利用してください。
　http://jsdo.it/　http://jsbin.com/　http://jsfiddle.net/　http://ideone.com/

■前スレ
+ JavaScript の質問用スレッド vol.129 +
http://echo.2ch.net/test/read.cgi/hp/1456250334/

■過去スレ全集
http://www2.atpages.jp/mirror/2ch/javascript/
http://usamimi.info/~mirrorhenkan/2ch/javascript/ (閲覧のみ)

■テンプレ案
http://fiddle.jshell.net/fH4cC/174/show/

■関連スレ
CSS・sass・less・stylus 初心者スレッド＝15th＝
http://peace.2ch.net/test/read.cgi/hp/1453131115/
Canvasについて語ろう
http://peace.2ch.net/test/read.cgi/hp/1305093769/

■FAQ
http://fiddle.jshell.net/vSqKr/44/show/light/

◆開発者ツール(Developer Tools)の基本的な使い方 (全部はhttp://fiddle.jshell.net/vSqKr/44/show/light/#Browser-Developer-Tools )
　▼諸注意
　 - 本説明では Google Chrome の開発者ツールの名称に従います。他ブラウザで使う場合は適宜読み替えて下さい。
　 - IE9- でコンソールを使うには予め開発者ツールを起動しておく必要があります(開発者ツールを起動しないと console.log() が機能しません)
　 - Safari はデフォルトで開発者ツールが無効な為、有効に設定する必要があります。
　 https://developer.apple.com/library/safari/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/GettingStarted/GettingStarted.html
　▼要素を検証
　1. ページ上で右クリックして [要素を検証]
　2. [Elements] パネルが開き、対象のDOMノードが選択される(選択対象が目的の要素でなければ [Elements] パネル上で選択し直す)
　3. 右側のサイドバーから知りたいステータス名のタブを選択する
　　　- [Styles] タブ … CSSプロパティの指定値を表示 (※カスケードによって上書きされたプロパティは取り消し線で表示される)
　　　- [Computed] タブ … CSSプロパティの算出値を表示("font-size: 1em" を指定していても算出後の "*px" で表示される)
　　　- [Properties] タブ … 選択したDOMノードのプロパティを表示
　▼コンソール
　1. JavaScript コード上で console.log('Hello, World!'); と入力
　2. [Ctrl] + [Shift] + [I] キー(IE は [F12])で開発者ツールを開き、[Console] パネルを開く
　3. [Console] パネルに "Hello, World!" と表示される
　(※window.alert() は String 型に変換されますが、console.log() は Object 型の中身をそのまま表示してくれます。)

■FAQ(続き)
◆JavaScriptの実行速度
JavaScriptの速度は「ブラウザ名」「ブラウザのバージョン」「PCスペック」に依存します(ブラウザのバージョン毎に最適化具合が異なります)。
速度の疑問解消の為に http://jsperf.com/ にコードをUPしてブラウザ毎に速度計測する事を推奨します。
例外として、仕様における理論上の速度が明確になっている場合があります。
例えば、正規表現によるマッチング処理を考えた場合、「RegExp#test > RegExp#exec > String#match」は ES5 仕様で保証されています。
ES5 仕様において RegExp#test が最も処理数が少なく、String#match が最も処理数が多いことが明確だからです。
ブラウザによっては RegExp#test の最適化が十分でなく、String#match の最適化が RegExp#test より十分であれば逆転する可能性はありますが、各メソッドの最適化が一律であればこの前提が崩れる事はありません。

■各種仕様 ( http://fiddle.jshell.net/vSqKr/44/show/light/#Link も参照 )
◆ Standard ECMA-262
http://bclary.com/2004/11/07/ (ECMAScript 3 HTML版)
http://www2u.biglobe.ne.jp/~oz-07ams/2002/ecma262r3/ (ECMAScript 3 和訳)
http://www.ecma-international.org/ecma-262/5.1/ (ECMAScript 5.1 HTML版)
http://tsofthome.appspot.com/ecmascript.html (ECMAScript 5.1 和訳)
http://www.ecma-international.org/ecma-262/6.0/ (ECMAScript 6 / ECMAScript 2015)
http://kangax.github.io/compat-table/es5/ (ECMAScript 5 compatibility table)
http://kangax.github.io/compat-table/es6/ (ECMAScript 6 compatibility table)
https://tc39.github.io/ecma262/ (ECMAScript 7 / ECMAScript 2016)
◆ HTML Standard (HTML5)
http://www.whatwg.org/specs/web-apps/current-work/multipage/
http://momdo.s35.xrea.com/web-html-test/spec/WD-html51-20130528/Overview.html (HTML5.1 部分訳)
http://www.hcn.zaq.ne.jp/___/WEB/WebStorage-ja.html (Web Storage 和訳)

■諸注意
vol.115でlodashを不必要に推奨して啓蒙する行為が多く確認されており、ライブラリ系の話題はvol.116から禁止されました。
vol.115,116ではライブラリ禁止する発言が見られた直後にライブラリを許可する意図で次スレを立てる行為が確認されています。
本スレッドでライブラリ許可を求める発言が確認された場合は不要な争いを避ける為、スルーすることを推奨します。
ライブラリの話題はライブラリスレへ誘導し、誘導行為への反論はスルーしてください。

前スレでも出ていたけど、もうプログラム板でいいんじゃない？

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

http://echo.2ch.net/test/read.cgi/hp/1456250334/994 より

> どれも使うとこでは使ってるが
今回使わなかった理由になってないが

> JSで他のといっしょに変えるときに便利な場所で変えてる
そういうのはCSSで定義しておいてid,class,属性で入れ替えるのがベター
振る舞い(JS)の中でデザイン(CSS)を埋め込む設計は好ましくない

> localStorage関連は使えないと普通にエラー出るが？
getItemの仕様を読む限りでは例外を発生させる記述が見つからないが、どんな条件で例外が発生する？
https://triple-underscore.github.io/WebStorage-ja.html#dom-storage-getitem

>>7
http://echo.2ch.net/test/read.cgi/tech/1457452716/844 のコピペだな

テンプレはまともだしぼちぼち誘導しながら使えばいいんじゃない

CSSで全部指定？きたねーコードだな

style属性全開のマークアップはさすがにちょっと...

誘導する事に依存はないな

おひさしぶりです！じゃがです


新作できました〜

組市松紋デュエルカード
http://runstant.com/jagarikin/projects/1e47037a

localStorageは失敗したAPIの一つだから、
そんなに心配なら代わりにlocalForageを使う方が良い。
https://github.com/mozilla/localForage

>>14
ソース読んだけど変更時のイベントすら投げてくれない事実上ゴミじゃん
ライブラリ名と表面上の華やかで悦に得るタイプ？

>>14
localStorageの機能面での問題提起じゃないから
解決案は http://echo.2ch.net/test/read.cgi/tech/1457452716/847 で出てる
localStorageのPolyfillを使うのもありだと思うけどね

jsdo.it で公開している、じゃがりきんのスーパー鳥スロットも、
localStorage で保存している

>>13
漏れはかなり、ソースコードを分析したけど、
実行時に使われていない関数は、コメントアウトした方が良い

また、全体を無名関数で囲えば、グローバル名前空間を汚染しない
(function(){

})();

今はローカルPC内で、毎日楽しんでいる。
ボーナスゲームで10万枚以上、出たこともある

>>15
お前がそういうのならそうなんだろう
お前の中ではね。

ポリフィルねぇ……
localStorageも使えないようなブラウザは無視すべきだと思うけどね。
お節介かけるんなら記録しない。それくらいだろう。
そんなクズブラウザ使ってるクズのために皆が必要もないポリフィルをわざわざ読み込まんといけんのは絶対におかしい。
最悪でも必要か確認してから遅延ロードするようにしてくれ。

TagName使うなって指摘あったけど
ほぼひとつしか使われないcanvasタグで？
名前気にするわりにid無駄に増やすのもなんだかな

指摘っていうのはあくまでその人が生きてきた経験と
その人が想像する想定上でのことだからね
自分が相手とズレた生き方をしてるんなら聞く必要はないさ

>>19
その辺は将来的にcanvas要素が増えたときにも動くようにするか否かで変わるだろうね
idをつけるのは万が一にもcanvas要素を増やす場合に備えての事だろうから

将来的にcanvas要素が増えるかどうか不明ってことではないし、
不明だから付けてるってわけでもないからその論はおかしい。
一番は、気分の問題でしょ。それだけ。

気分の問題じゃなくてcanvas要素に論理的な意味を持たせるか否かの違い
- http://jsdo.it/jagarikin/EjpL/fullscreen で <canvas id="slot-game"></canvas>
- http://runstant.com/jagarikin/projects/1e47037a で <canvas id="duel-card-game"></canvas>
idを付与すれば、それが「スロットゲーム」や「デュエルカードゲーム」である事を論理的に定義出来る
それは同一文書内にcanvas要素が複数あっても論理的に区別できる事に他ならない

矮小な論理性は気分と等価だろうよ

気分でidの有無を決める人がいるんだな
それでいいならコインでidを付けるか決めたら？

じゃがりきんのスーパー鳥スロットルでは、
canvas = document.getElementsByTagName('canvas')[0];

idなら、ハッシュに登録して、即取得できるけど、
TagNameなら、1つ見つけても、ファイルの最後まで探索するから、ムダが多い

でも、このアプリは、画像を使わず数値計算のみで、鳥の化け物を描いているのはすごい。
様々な画像エフェクトも使っている

もっと、コメントも書いてあればなあ

>>26
自分の不安な気が収まるかが重要なのにそれはおかしいんじゃない？
いや、きっと君は神頼みやゲン担ぎに依存するタイプなんだろな。

>>192
そりゃそうだが、随分無茶な処理を要求するんだな
Number 型全体が IEEE 754 の制約を受けるわけだが、制約外の数値を正しく検出するようにしろという事か
対処療法的には入力文字列を正しくパースして数値比較する
根本的には ECMAScript のビルトインオブジェクト全体を書き換える必要があるわけだが、そこまでやる必要あるのかね

>>28
不安を解消するのが大した論理もないただの気分次第という論理がおかしいと感じないならもう何もいわん

論理がないなんて言ってないだろ
プログラマの気分にはそれなりの論理性はある
そしてidを付けるどうたら今まで話されてきた”話”はその程度のレベルでしか無いということ
本当に厳密に質問者のコンテキストで必要かまで考えて言った言葉じゃない
ただ単に自分の中での正義に沿うことを理屈もなく言っただけ

>>31
お前の言葉で言うなら「矮小な論理性は気分と等価だろうよ」と返されるところだろうな
客観的に100%正しい事なんてそうそうないだろうに

うんにゃ
何も分かってない
自己満足の宗教は辞めろと言いたいんだよ

科学で語れ
データで語れ
わかったか

>>31の論もその程度の宗教だけどな
データや科学とやらがどこにあるのやら

自分はあくまで自分の意志として言っているので問題ない。
それが決まり事かのようには語っていない。

だから自己満足なんだろ？

誰も決め事はいってない
自己満足に自己満足を押しつけているようにしか見えん

>>35,36,37
自己満辞めろ

>>38
おう自己満レスやめーや

jsdo.it で公開している、じゃがりきんのスーパー鳥スロットで、
画面をスクロールすると、canvas上のボタンが押せなくなる

canvasの位置が動くと、ボタンの座標も変わるの？
これは、どういう現象なの？
改善策も教えて

どうせバグだろ？

じゃがりきんのバグ

とうとうjQuery 3.0がRCになったようだ。
http://blog.jquery.com/2016/05/20/jquery-3-0-release-candidate-released/

もうBabelじゃない - Bubleだ。 - Qiita
http://qiita.com/aggre/items/6f5d5d710a9e53bc77e8

気になる。

>>44
Babelは.babelrcを使って機能ごとにトランスパイルするかどうかを
選択できるようになってる。

その人がほんとうに必要だったものは、
ブラウザのバージョンとトランスパイルしなければいけない
機能の対応表だろう。

ブラウザバージョンを指定して、.babelrcを
吐き出すツールがあれば、それで十分ではないか？

canvas 内にボタンを描いているということは、
canvas の左上の座標からの相対座標だろ？

画面をスクロールして、キャンバスが動いたら、
ボタンも同じだけ動くから、ボタンを押せるはずなんだが、
押せなくなるのはどういうこと？

IE11, Edge です

なんでそんな面倒なことをしてるんだ？
HitRegionを使えばいいじゃない。

すいません　じゃがりきん　とついていないのは俺ではないです＞＜


>>17
プレイありがとうございます＞＜

>>46
そのとおりです
スクロール対応も場合によってしてるけど　例↓
http://jsdo.it/jagarikin/COQl
エラーが不安だから縦が短い時は使ってないぜ＞＜

>>47
俺の環境だと対応してなかったぜ＞＜


ちなみに俺もlocalStorageはウンコだと思ってるぜ＞＜
でもここで技術者っぽい人にlocalStorage使えと言われたから使ってるぜ〜
もともとはクッキー使ってたぜ

Cookieは論外だがLSなら適当なゲームには相応しい。

今はもうIndexedDBな、LocalStorageは非推奨

IDBもPromiseベースになったから使いやすくなったね

モジュールパターンについて
http://qiita.com/KENJU/items/a8a1009f5872a8b12568

このサイトの
var MYAPP = MYAPP || {
　util: {
　　math: {}
　},
　data: {
　　int: {}
　}
};
のOR演算子はどういう意味ですか？

>>51
jQueryもPromiseと互換性を持つようになるらしいね。

Promiseと互換性を持つ
ではなくて、Defferdを辞めてPromiseのポリフィル組み込んで、
自身も非同期なメソッドでPromiseを返すようにすべきでは？

そうじゃないと結局jQueryの世界でしか使われないのだから
挙動を変えても殆ど何も今までと変わらないよね
大したことじゃない

>>54
意味分かってないのかな？

jQueryのDefferdがPromiseと同じ機能を持ったってことんだんだけど。
言い換えるとPromiseを継承したクラスになった。

もう少し言い換えてみるかな？

jQueryがPromiseのポリフィルを内蔵して、
さらに古いコードとの互換性を保つように
以前のインターフェースも実装した標準準拠のDefferdになった。

おいおい……おいおい！
ES2015勧告後の世界において、気軽にクラスだの継承だの言ってくれるな！
それ以上いい加減なこと言うと怒るぞ
なーにが継承したクラスだ！巫山戯んな！
ソース読んでんのか？WeakMapも使ってなけりゃプロトタイプも使わないベタ付けメソッドオブジェクト
拡張性皆無の紛い物じゃねえか！

Promiseのspecを満たしているから本物のPromiseだよ

否。
以前も"プロミス"のスペックは満たしていたが、今度はA+に沿っただけ。
ESもA+に沿っているが沿い方がぜんぜん違う。
jQueryはES Promiseに沿ったわけではなく仕様も違う。
だからA+に沿ってないものがA+に沿ったという程度のことでしかない。

ちゃんと読んでから言おうねｗ

https://blog.jquery.com/2016/05/20/jquery-3-0-release-candidate-released/
jQuery.Deferred objects have been updated for compatibility with Promises/A+ and ES2015 Promises,

そもそもES PromiseはA+のことだよ
名前が違うだけで、機能に違いはないから。

ライブラリはライブラリスレでどうぞ

>>52
var MYAPP = MYAPP || { 〜 }

初回の初期化のために、そういう書き方をしているのだろう。
初回は、MYAPPが偽だから、右辺を返す

2回目以降は、MYAPPはオブジェクトで真になるから、そのままMYAPPを返す

「論理 OR」で検索！

>>60,61
ぜんぜん違う。
Promise.raceやallもないし、Promise.prototypeもない。
当然サブクラスどころかメソッド拡張もままならない。
逆にjQueryの方にだけ生えてる機能もある。

互換性を持ったってのは、あくまでA+に沿ってA+の抽象的なレイヤーの範囲でESと互換性を持ったってだけ。
つまりぶっちゃけると、thenメソッドを使う時の挙動が一致するようになった程度。

しかしメソッドなどの具体的な実装構造自体が全然違うので、ちょっと高度なことや発展的なことをしようとすると破綻する。
ポリフィルなんかではない、あくまでjQueryのための独自Promiseであることは変わらない。

どうせ古い環境は蹴るのだから、WeakMapとprototypeを使って、きちんとstateも隠蔽したポリフィルを実装すべきだった。
コード量は増えるがメモリ効率やパフォーマンスはそちらの方が基本良い。

それにしてもコードを読んで自分の頭で考えることもせず、書いてあることを
勝手に自分の好きなコンテキストで解釈して振りかざすとか、
もはやプログラマ失格！！
恥ずかしいと思わないのかね。

>>63
つまりC#のNULL合体演算子的な物のjs版か
ありがとう

jQueryの話でぷろぐらむがどうとか言われましても

>>64
といわれても、時間は有限なので

Promises/A+ は ES2015 Promises が現れるまでの仕様で標準仕様ではなかったはず
jQuery.Deferred と多くの部分で違うだろうけど、例の jQuery 信者は仕様に疎いので熱く語っても堪えないだろうね
テンプレ通り、ライブラリの話題は避けるのが無難
触らぬ神に何とやら

いや、だからjQuery.DeferredはPromises/A+準拠だって言ってるじゃん

もうjWueryの話はもういいよ

Promises/A+って何だろ、と思って調べてみたら日本語訳があった
確かに、ES2015 Promisesと比べると仕様が小さいな
ES2015 Promisesの元になったというのはそういうことか

Promises/A+ （日本語訳）
https://triple-underscore.github.io/Promises_Aplus-ja.html

自己満足で解決

時々話題に出てたA+って標準仕様がまだないデファクトスタンダードな仕様の事だったのね

そりゃ標準もないだろうね。

Promise A+がJavaScriptの世界に来たのって2010年ぐらいだから。
http://wiki.commonjs.org/wiki/Promises/A

2011年1月31リリースのjQuery 1.5でDefferedが導入されたけど、
2011年でやっとES5.1の時代なので、Promiseの標準化なんてその数年後。

最近は for で len = a.length ってやると逆に遅くなるって聞いたんですけどほんとですか？

>>75
あなたの環境で試してみては？

http://nas6.main.jp/htm000.htm
x3domのサンプル集とライブラリ
完璧な２／３Ｄ行列計算ライブラリに仕上がりました

x3domは簡単でいいよ
ポリゴンテスト＆ライブラリヘルプ.htmでも見てください
完璧に計算されています＾＾

宣伝うぜーよ

行列のライブラリはどれが有名か知らんけど、
このglMatrix.jsはスター多くていいんじゃないかな？

https://spphire9.wordpress.com/2011/04/05/javascript%E3%81%AE%E3%83%99%E3%82%AF%E3%83%88%E3%83%AB%E3%80%81%E8%A1%8C%E5%88%97%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA/

> 前に調べたときは全然見つからなかったけど、WebGL関係で調べていたら結構見つかったのでメモ。
>
> glMatrix.js
> https://github.com/toji/gl-matrix
> http://glmatrix.net/
> webgl-mjs http://code.google.com/p/webgl-mjs/
> Sylvester http://sylvester.jcoglan.com/
> CanvasMatrix.js khronosのWebGLのチュートリアルで使っているがどこでダウンロードできるのか分からなかった
> glMatrix.jsがシンプルなのでオススメ。
>
> 2014/01/19追記
> glMatrixの公式サイトができてた。

ライブラリを作る前に探したけど
回転行列←→回転ベクトル、回転行列←→四元数
この相互変換を扱ってるのは見当たらなかったよ

>>80
で？

回転行列←→回転ベクトル、回転行列←→四元数、回転行列→オイラー角取得
とかライブラリに入れて作りました

ゴミだな。イラネ

x3domは回転ベクトルで保持しているからそれに変換するのがないと困る

ゴミはいらね

行列から回転ベクトルに変換するライブラリって全然ないです
DirectXのライブラリですらその関数がない
Unityも関数がない

行列から回転ベクトルに変換する必要がなかったらね

でもそれはゴミですね

でもweb3D系は回転ベクトルで回転情報を保持しているんだな

誰も使わねーってｗｗｗ

>>88
なんで？

見る価値が無いから

//vector←→matrix←→quaternion trans test
function TransTest(add0, add1, eps){
var vm;
var m;
var i;
var j;
for(i = -Math.PI * 2; i <= Math.PI * 2; i += add0) {
for(j = 0; j <= 1; j += add1) {
vm = new N6LVector([i, 1, j, 0],true).NormalVec().Matrix();
m = new N6LMatrix(4).UnitMat();
m = m.Mul(vm.Quaternion().Matrix().Vector().Matrix());
if(!m.EpsEqual(vm, eps)){
window.alert("err!");
i = i;
}
//…z,y&zもnew N6LVector()にjを入れて同様にテスト
}
}
}

TransTest(0.01, 0.01, 1e-6);
はエラーなく通りました
変換は絶対間違ってないです

スペースエラーごめん
//vector←→matrix←→quaternion trans test
function TransTest(add0, add1, eps){
　var vm;
　var m;
　var i;
　var j;
　for(i = -Math.PI * 2; i <= Math.PI * 2; i += add0) {
　　for(j = 0; j <= 1; j += add1) {
　　　vm = new N6LVector([i, 1, j, 0],true).NormalVec().Matrix();
　　　m = new N6LMatrix(4).UnitMat();
　　　m = m.Mul(vm.Quaternion().Matrix().Vector().Matrix());
　　　if(!m.EpsEqual(vm, eps)){
　　　　window.alert("err!");
　　　　i = i;
　　　}
//…z,y&zもnew N6LVector()にjを入れて同様にテスト
　　}
　}
}

TransTest(0.01, 0.01, 1e-6);
はエラーなく通りました
変換は絶対間違ってないです

コピペミスごめん
//vector←→matrix←→quaternion trans test
function TransTest(add0, add1, eps){
　var vm;
　var m;
　var i;
　var j;
　for(i = -Math.PI * 2; i <= Math.PI * 2; i += add0) {
　　for(j = 0; j <= 1; j += add1) {
　　　vm = new N6LVector([i, 1, j, 0], true).NormalVec(undefined, true).Matrix();
　　　m = new N6LMatrix(4).UnitMat();
　　　m = m.Mul(vm.Quaternion().Matrix().Vector().Matrix());
　　　if(!m.EpsEqual(vm, eps)){
　　　　window.alert("err!");
　　　　i = i;
　　　}
//…z,y&zもnew N6LVector()にjを入れて同様にテスト
　　}
　}
}

TransTest(0.01, 0.01, 1e-6);
はエラーなく通りました
変換は絶対間違ってないです

全検索で検証テストした時、ちゃんと合ってて、何が不満？

EpsEqual とかいう関数名の時点でJavaScriptの常識分かってないし、
そういうやつのコードの品質は低いってわかってるし、だから見る価値がない

ID:39Z1elK9 のものはリファレンスが説明文1行な時点で使う気になれない。
それを使うぐらいなら http://www.x3dom.org/ を使うよ。
自分一人で使う分には困らないんだろうけど、何も知らない人が使う事への配慮が足りない。
相互変換機能が欲しいだけなら既存ライブラリを拡張してくれた方が嬉しい。

NAS6 ◆n3AmnVhjwc はどこへ？

このスレは大分荒れたからプログラム板にいくといいかもな

+ JavaScript の質問用スレッド vol.120 + [無断転載禁止]©2ch.net
http://echo.2ch.net/test/read.cgi/tech/1463914293/l50

あるフォームの中のnameまたはIDを検索するにはどうしたらいいの？
hogeform.getElementByID("piyo");
はエラーになった

>>101
form.elements

あるいはform.querySelector('#piyo')
getElementByIdが使えるのはdocumentだけな

>>102
これがいいね

>>103
querySelectorはIE8以上でないと使えないよね？

>>104
IE8はサポートが切れたOSでしか動作しない
そんなことよりも>>103はform外の要素も拾ってしまう事が問題
http://myakura.github.io/n/selectors4.html#scope
id はともかく、name なら namedItem, getElementsByName の方が安全

サポートの有無は何も関係ないでしょ。
クライアントも開発者もサポートを仰ぐわけじゃないんだから。
サポートがないから何か責任持てないということにもならない。

何か言うとしたら、機能アップデートの有無でしょ。
よってIEは11だろうが5.5だろうが一緒。
IEかEdgeかが大事なのであって、IE何かはどうでもいい。

サポートがなかったらセキュリティ上の問題に責任は持てないのだから説明責任は発生する
質問者が知っていたならそれでよし程度の指摘に何を熱くなってるんだか
そんなことより2行目以降の問題を気にしろよ

サポート切れのものは、無保証

まず、正常には動かない

Google画像検索のような、ページの下にどんどんページが追加されていく、あのシステムの名前を教えてください

サポートってｗ
実装だよ

>>108
IEが正常に動いたことなんてあっただろうか？
IE11もずっとMapのバグ直さないし、
そんなんを平気で使ってたり対象に指定する奴らにはMSのサポートなんて関係ないだろう

>>111
論理のすり替えもいいところ

*∧　∧:･｡ﾟ*｡ : ･ ｡ ﾟ　*★.
(*･ω･*)　　　　　　　ﾟ *｡*
*〇　〇………………………**
　祝☆jQuery 3.0 リリース https://blog.jquery.com/2016/06/09/jquery-3-0-final-released/
**………………………………*

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

ライブラリスレが復活してた

JavaScript ライブラリ総合質問所 vol.5 [無断転載禁止]©2ch.net
http://echo.2ch.net/test/read.cgi/hp/1465399470/

>>112
真実を見て見ぬふりをしてる奴が論理を語るとかちゃんちゃらおかしい

>>115
真実を見る目が曇ってるんじゃない？

>>116
曇ってても見ない奴より遥かにマシ
俺は問題について述べているのみ、君は人の意見に愚痴を言うのみ。
どちらがより意義があるかは言うまでもない。

>>103
documentだけだったのかありがとう

>>111
悪いが、俺も論理のすり替えだと思うぞ
サポートが切れるということはセキュリティホールを潰すfixを今後永続的に行わないという事だ
未知のセキュリティホールが現れても誰も修正しないし、どんな不具合が起きるか分からない
IEの実装が甘いのは実装してないか、バグ/仕様のどちらか
IE9, IE11 のセキュリティfixは継続して行われるので、実装状況と実装バグにだけ注意を払えばよい
セキュリティ上の問題と実装が追いついてない問題を同一視すべきではない

互換性っていうのは、動かないものは動かないままであることも
条件の一つだから、勝手に直したら互換性が取れなくなるんだよ。

訂正

互換性っていうのは、動かないものは動かないままであることも
条件の一つだから、勝手に動くようにしたら互換性が取れなくなるんだよ。

その文章に限っては筋が通ってるけど、議論のすり替えだよ。
でも現実モダンブラウザは自動更新されて、使用もLS製のが多くなった現在、
それに追従しないというのはWeb世界での互換性を保ててないといえるだろう。
デファクトや独自実装がまかり通っていて、各ブラウザ内で世界がほぼ完結していた時とは違うんだよ。
もちろんそのブラウザは昔に作られたものだから今に従う必要はない。
しかし、だからと言って今様々な問題においてそれが免罪符になって許容されるかというとけしてそうはならない。
１００年前の人の考えを非難することの愚かさはあっても、その人が現代に来たのなら、現代の取り決めに沿って貰うのは当然。

０か１かではないがブラウザやバージョンで判定する時代から
持ってる機能で判定する時代になりつつあるのは確か

とっくにその時代になったと思うんだが？

Chromeで初めてClassっての書いてみたが本来メソッドや継承ってこんなにシンプルに書けるものなんだな
これを無理にprototypeとかでやってるから複雑になってるのか・・・オブジェクト指向学ぶのには向かないわけだ

うーん、なんだかね。
確かにClass構文を使うとシンプルに書けるよ、でも構造は変わっていない。
本当のことを言うと、プロトタイプベースで書けば構造的にはこれ以上シンプルなことないんだけどね。

JSが複雑ってのはクラスベースにちょいと似せた独自のクラスシステムを入れてるって言うことは確かで、
だったら最初からClass構文入れとけよってのも正しいけど、

一方でオブジェクト指向には別にクラスは必要なくオブジェクトさえあればいいのだから、
折角のプロトタイプベースを開放しとけよって方が自分的には強いかな。

両方が開放されたES2015以降クラスシステムのベストプラクティスも変わっていくだろうね。

>>126
可読性が高いってどういうことか考えたことある？
機能は同じだけど、読みやすいコードと読みにくいコードってのがある。
読みやすいコードっていうのが可読性が高いコード。

つまりそれが君が言ってる「確かにClass構文を使うとシンプルに書けるよ、
でも構造は変わっていない。」この部分の話なんだよ。
言い換えると構造は同じでも可読性を高くすることが可能ということだよ。

じゃあどんなコードが可読性が高いか？ それは人間が考えている意図を
なるべくそのままコードとして表現することなんだよ。
人間がそれをクラス構文として考えているならば、クラス構文で表現する方がいい。

自分の考えをいかにプログラミング言語に翻訳するか？というのは
目的にするべきことじゃなくて、最初から
自分の考えをそのまま書けるプログラミング言語を選びましょうという話。

自分の考えをプロトタイプベースとして表現し直すことができるんじゃなくて
クラスで考えているならクラスベースで書く方が可読性高いよねっていうだけの話だよ。

>>122
> もちろんそのブラウザは昔に作られたものだから今に従う必要はない。

その理屈だと昔に作られたHTMLだって今に従う必要はないわけだよ。

>127
プロトタイプベースとクラスは相容れないものではない。
JSのClass構文も一つの形。
逆に、プロトタイプベースでも抽象化の結果としてのクラスは必要。
つまり、必要だから使う。
クラスベースはどうにでも使わなければならない。
この違いだよ。

自分の考えを〜というのなら当然柔軟なプロトタイプベースの方がいい。
クラスベースの方がいかに翻訳するか？という問題に当たる。

>>129
> 自分の考えを〜というのなら

どんな考え？

例えばマリオがいてルイージがいて
クリボーがいてみたいな世界を考えると
これらがクラスで表現できるって考えるでしょ？

マリオとルイージとクリボーはクラスで表現できるかもしれないが、
他の全てもクラスを用いたり適切な検証関係を構築しないといけないという縛りは重すぎる場合がある。
プロトタイプベースでクラスの縛りがないのなら適当に力を抜ける。

>>130
初代2Dマリオみたいに単調ならクラスなんてただややこしくするだけ
敵はワンパターンで種類と位置とターン数くらいしか必要な情報はない
マリオも、体力あって特殊なクッパもユニークなもの
各オブジェクトがメソッドを持っててそれに委譲する価値なんて１つもない
ただ上記の構造体の配列を一元管理してキーフレーム毎に処理をすればいいだけ
これをまずクラスを設計して……となるのは完全に毒されてる

>>132
じゃあ3Dで考えようか？
なんで楽な方に変更するのかな？

>>131
> プロトタイプベースでクラスの縛りがないのなら適当に力を抜ける。

プロトタイプベースの話をしてるのに
プロトタイプを使わないって話？

それプロトタイプベースだからという理由ではないよね。

>>134
残念だけれど君はまだこの話をする上での知識と経験が足りないようだね

何も説明できないレベルの人間は及びではない

説明はこれまでいろんな人が散々してくれてるのに理解する気がないだけだろ……
>>133とかもうね、今の話の本質をちっとも理解してない。ただただ呆れ。

これまで色んな人が？ どれの話？
引用して見せてよｗｗｗ

>>138
それ書き込んでる暇があったら、ググれよカス。
お前は赤ちゃんか？

ほらやっぱり引用できなかったｗｗｗ

ごめんね。俺はお前のお父ちゃんでも先生でもないから。
お前のために何が一番いいのか選んであげられないし、あげる気もない。
俺から贈れる言葉は、自分のために自分で調べて知識を付けられる人になろうねってことだけ。

まず両者会話が成立してないことに気づけ
そしてスレチ

自作自演の狂人だろ

>>139
赤ちゃんはググれないだろ？

最近のBOTは優秀なのが多いけどまだ反語は分からないみたいだね

>>145
ちょっとまて、反語を使ってるほうが
BOTなんだぞ？まさか気づかなかったのか？

ようするに100行ほどのパーティクルでベタ書きしてないやつは論外

ぶっちゃけ、JavaScriptスレはここを含めて例の奴が荒らしまわっているのでまともに機能しているスレは存在しない
巡回対象にしている人はいるようなので質問を投げかけて待つのが吉
善良な一般人は既に2chを去っているので2ch以外で質問するのも有

+ JavaScript の質問用スレッド vol.130 + [無断転載禁止]©2ch.net
http://echo.2ch.net/test/read.cgi/hp/1463395557/
+ JavaScript の質問用スレッド vol.121 + [無断転載禁止]©2ch.net
http://echo.2ch.net/test/read.cgi/tech/1468158373/
JavaScript ライブラリ総合質問所 vol.5 [無断転載禁止]©2ch.net
http://echo.2ch.net/test/read.cgi/hp/1465399470/

すまん、投稿先を間違えたので>>148はスルーしてほしい

職場のイントラ環境で資料を閲覧した職員のログが残るようにしたいのです
（インターネットには繋がっていない閉鎖環境）

html上にボタンを作って、そのボタンを押すとリンク先にpdfファイルが開くと同時に
ユーザーのIPアドレスと時刻をテキストファイルに記録されるようにしたい

自力ではボタンを作るってリンク先を開くまでが限界ですた

・あいうえおテスト　<input type="button" value="資料1" onClick="window.open('資料1.pdf')">
　　　　　　　　　　<input type="button" value="資料2" onClick="window.open('資料2.pdf')">

>>150
サーバサイドのソフトウェア構成や設定次第では既に実質そうなってるかもなぁ。

社内の全体的な構成はそうなってるとして、自部門に付与された領域の中でやりたいのです

本当に無知で申し訳ないんですけど、このchromeの拡張機能を対応していないサイトに対応させるにはどうしたらいいでしょうか

一応ソースは見てみたんですけどJavascriptに関しては素人なのでURLを認識しているのがどこかわかりませんでした

https://chrome.google.com/webstore/detail/clientmpw-agarioagarprosl/gcolmaknbnckamjjcjeljelhenieegej

>>150-152
自分のPCに書き込みたいのなら、 LocalStorage

サーバーに書き込みたいのなら、Node.js

>>153
そんな拡張機能を、他人が作ったサイトに適応させるのは、無理だろ。
他人が作ったソースコードを、解読できるわけないだろ

まず、自分でプログラミングすることから始める。
他人が作ったソースコードを解読するのは、自分で作るよりも、はるかに難しい

ただ単に有効になるサイトを追加するということなら
マニフェストファイルに追加して読みこめばいいだけじゃん。

マニフェストファイルってなんですか？

もう仕事始まるからあとはグーグル大先生にご指導願え。

JS初心者です
FireFoxのGreasemonkeyで単純なダウンローダーを作ってみました
ファイル名を希望の名前でダウンロードさせたいので、aタグにdownload属性を付けて挿入しても相変わらずリンクurl名がデフォルト名になったままです
名前をつけて保存時の初期名を希望のものにするにはどうすれば良いのでしょうか？

具体的にはサイト上にある12345.jpgを名前を付けて保存時の初期名に「あいうえお.jpg」とさせたいのですが
以下とコードだと相変わらず保存時の初期名が12345.jpgのままになってしまいます

var link = document.createElement("a");
link.download = "あいうえお.jpg";
link.href = "http:file/12345.jpg";
link.click();

↑
説明足らずでしたが、上記コードを含むスクリプトをhtmlに挿入できてることは確認出来ています

html上に配置されたボタンを押すと、それぞれ別々に複数のウィンドウが開くようにできないでしょうか

ボタン実験
<input type="button" value="ファイルを開く" onClick="window.open('ABC.txt' & 'あいう.xls' & '亜以宇.pdf')"> 　　←イメージ（実際にはこれだと動かない）

>>158
普通はそれで問題ない。
ただしダウンロードされるファイル名の決まり方には仕様があって、
確かサーバーが特定の方法で明示的に指定してるとdownload属性よりもそっちが優先されるはず。
対処としてはfetchでBlobをDLして、URL.createObjectURL(blob)で取得したURLを使ってやる。

>>160
<input type="button" value="ファイルを開く" onClick="OnButtonClick();">

function OnButtonClick() {
window1を開く
window2を開く
};

onClick に、ボタンが押されたときに、呼び出してもらいたい関数名を書いておいて、
別の所に、その関数を定義して、実行したい処理を書けばいい

「javascript input onclick」で検索！

HTMLのonclick属性とか、いまどき使わないから

>>154
実は、対応しているサイトとさせたいサイトで走っているサーバーはほぼ同じもので、
拡張機能側が認識さえしてくれれば使えるかと思ったまでです

>>155
.appcacheがないんですがそれではないのですか？

>>160-163
IE9以降で良ければ、addEventListener もある。
また、イベントリスナーを登録するための古い方法も、書いてある

https://developer.mozilla.org/ja/docs/Web/API/EventTarget/addEventListener

>>162
ありがとうございます
早速ググって試してみます

「javascript input onclick 複数の処理」これでググったら色々でてきました
使えるコードが色々ありそうです

>>161
fetchで欲しいファイルをblobにするところでかなり苦戦しましたが、何とか希望の動作になりました。
どうもありがとうございました！

>>163
ま〜た三下jQueryが文句いってるのかよ

お？ｗ　また喧嘩売ってるｗ

まあでもon〜に結局全部埋め込めないくらいの量記述するなら、
わかり易い名前のカスタムエレメントでも定義したほうがスマートだな。
手間を省くんならclassだが、ちょっと分かりやすさに欠ける。

> わかり易い名前のカスタムエレメントでも定義したほうがスマートだな。
どうやるの？
動くサンプルがほしい

ごめん

教えてほしいことがあります。



↑サイトが開かれるのと同時に開く確認ダイアログの中に、アフィリエイト広告を張り付けたいんだけど、どうやればいい？
それとも、仕組み上無理なの？


コード自体は、web上で公開されてるヤツで、いろいろいじってみてるんだけど、初心者にはよくわからん……

↓どこをどういじればいいの？

http://www.dotup.org/uploda/www.dotup.org948354.txt.html

ごめん

教えてほしいことがあります。



↑サイトが開かれるのと同時に開く確認ダイアログの中に、アフィリエイト広告を張り付けたいんだけど、どうやればいい？
それとも、仕組み上無理なの？


コード自体は、web上で公開されてるヤツで、いろいろいじってみてるんだけど、初心者にはよくわからん……

↓どこをどういじればいいの？

http://www.dotup.org/uploda/www.dotup.org948354.txt.html

このurlはGoogle先生から激しく嫌われるぞ
拡張子が香ばしいことになっている

chromeのデバッグコンソール使っていて、ちょっとしたコードの確認をしたいとき
コード打ち込み中に下の行へ移ろうと[↓キー]押すと
コードがクリアされてしまうのをどうにかしたいたすけて
（最下から２行目だと思っていたら折り返しで実は最下行だった、みたいなことがよく起こる）
最下や最上の行に[shift+エンターキー]仕込むのはめんどい

予め何行か空行を末尾につけとけ

>>177
それは今やってる（コードの前後に空行を入れる）んだが例えば、やっぱり前実行したコードに戻したいってときに
空行分を[↑キー]を連打しないといけない・・
なんか前のバージョンだとアンドゥリドゥ機能？オフにできたような気がするんだけどなぁ・・

ほんとはシフトエンターもオフにしたいけど、間違って普通のエンターで実行しても
コードの記録は残るからこっちはまだマシ
アンドゥリドゥは間違ったが最後元に戻らない・・

↑連打なんてしなくとも
Ctrl+Aで全選択して消すなり切り取るなりして↑押せばいいじゃない。
PageUpとかでもいいね。

JavaScriptでは複数インスタンスを一度に作る方法はないのですか
例えばC++だと
A *a = new A[10];
JavaScriptだとループでまわすしかないのでしょうか
for (var i = 0; i < 10; i++) { a[i] = new A(); }

>>180
ループ回したくない理由を教えてくれ

>>181
変数宣言を並べて書いたときに、
var a = [];
for (var i = 0; i < 10; i++) { a[i] = new A(); }
var b = 0;
var c = 0;
ループ文で2段階だと可読性悪くないですか？
C++みたいな構文あればいいなあと

var a = [...Array(10)].map(_ => new A)

>>183
おおすごい！
でも若干hackyですね...

あぁそうか、こういうときに使えばいいんだ

>>184それなら今は亡きTyped Objectを参考に
Function.prototype.Arrayでも定義してみたら？
http://wiki.ecmascript.org/doku.php?id=harmony:typed_objects#array_types

>>179
pageupキー探したけどついてなかった・・
全選択でやるわ�d

>>180,182,184
Array(10).fill(new A);

非同期のループ処理について質問です
リンク先のデータをゲットし終わってから次の処理に移りたいです
考えた末に

var i=0;
var arr=[];
var a=['a','i','u','e'];
function loop() {
if (!a[i]) { console.log(arr);return; }
var url = 'https://jquery.com/?s='+a[i];
$.ajax({
url:url,
success:function(data) {
arr.push($(data).find('.page-title').text());
loop();
i++;
},
error:function(){console.log('error');i++}
});

}
loop();

としましたが
["Search Results for: a", "Search Results for: a", "Search Results for: i", "Search Results for: u", "Search Results for: e"]
なぜか"Search Results for: a"が２つ入ってきますたすけてください

>>188
それだとできませんでした

>>190
GC51で期待通りに動作したが、Array#fillのサポート環境で実行してるか？
コンソールにエラーはないか？
function A () {}
Array(10).fill(new A);

>>191
変数に受け取ると全部同じ参照を指すんですが

自己解決しました
loop();
i++;
の部分を逆に
i++;
loop();
にしたら大丈夫でした

>>192
なるほどな

> 他言語の仕様/仕様書なら、最初からこんな問題は存在しない。

そんなわけねーだろｗ
どんな言語でも最初は汚いし
完璧な言語はない。

なによりお前、他の言語と言ってるが、
じゃあ具体的にどの言語だよ？
どうせしらんだろ

書き込みスレ間違え

>>193
グローバル変数でインクリメントとかするから変な事になるし、後で追えないんじゃないかな。
function loop(i)にして、
success,errorの所の呼び出しを
loop(i+1)とかにしたらもっと手早くシンプルに解決したと思うよ。
loopって名前もやめにして、getDataBySeqなんて名前にしたら、後から分かりやすいし。
もっと言えば、
getData(a){
var aa=shift(a);
if(!aa) return;
var url = 'https://jquery.com/?s='+aa;
　　:
　　:
　　　getData(a);
}

だと、iも要らないと。

>>191-192
C/C++以外の言語は、シャローコピー。
Rubyでも、Array.newにブロック(処理)を渡さないと、同じ参照を指してしまう

3つとも、同じ参照を指す
ary = Array.new(3, [0, 1])
[[0, 1], [0, 1], [0, 1]]

以下なら3つとも、別々の配列になる
ary = Array.new(3) do
[0, 1]
end

>>189
どうせHTTPリクエストはブラウザによって並列上限数が決められてるから
終わってからとか考えなくてまとめて発行しちゃっていいよ。
こんなイメージで。
var a=['a','i','u','e'];
Promise.all(a.map(u=>fetch(`https://jquery.com/?s=${u}`).then(r=>r.text))).then(
　ts => ts.map(t=>$(t).find('.page-title').text()) ,err => console.log(err)
)

あぁ、いくらかミスがあるがそれはご愛嬌ということで

>>199
> どうせHTTPリクエストはブラウザによって並列上限数が決められてるから
HTTP2.0などでは違う

なおfetchが使えないブラウザはもちろん代わりにjQueryを使って良い。
この場合は関数名を変える程度で終わりかな

Promise.all(a.map(u=>$.get('https://jquery.com/?s=' + u).then(r=>r.text))).then(
　ts => ts.map(t=>$(t).find('.page-title').text()) ,err => console.log(err)
)

>>197
ありがとうございます
さっそくやってみます

>>199,202
なるほどそういう方法もあるのですね
189でいう＞データの取得が終わってから
というのは、サイトの閲覧順で配列にデータを入れたかったのです
並列でやるとロード完了順に配列に入ってしまいそうな？気がするのですがよくわからないので勉強してみます

>>199 >>201
Promise.all って初めて知った…ﾄﾝ

>>204
並列なので処理完了順は不定
でも、map に渡すコールバックの引数で、配列のインデックスを渡すこともできるから
保存先の配列のインデックスをそれで指定したらいいと思う
（処理開始時に保存先配列の要素数も決まってるのだから）

>>201
違わない
HTTP2.0では基本的に１，２本内でやり取りする事になってるし、
その内部での輻輳問題の面も解決策が用意されてる

>>204
Promise.allは順序を維持してくれる
ちなみに「r=>r.text」→「r=>r.text()」

細かい話だがHTTP「2.0」って表記は気持ち悪いな

今でこそHTTP/2だけど、提案当初はHTTP/2.0だったし、気持ち悪いって程ではないような。
「HTML5が気持ち悪い。HTML Living Standardといえ。」みたいな感覚なのかな。

"2.0"は気持ち悪いが、"/"がないのは許せるのか…

>>206
> Promise.allは順序を維持してくれる

仕様で保証されているかは別として、
処理を開始する順番は保持されるだろうけど、
処理自体は並列で実行されるので結果が
帰ってくる順番は維持されない。

>>205
> Promise.all って初めて知った…ﾄﾝ

jQueryだと$.whenが同じ働きかな
> https://api.jquery.com/jquery.when/

まずHTML5 APIだけを使用するならば
Promise + Fetch API + DOM APIでガシガシ。

DOM APIでガシガシコーディングするのが辛ければjQueryを導入する。
Promise + Fetch API + jQuery 3.0 Slim

最新のブラウザが使えないならばPolyfillで頑張る。
Promise（Polyfill） + Fetch API（Polyfill） + jQuery 3.0 Slim

そして古いブラウザを対応しなければならず、jQueryは導入しているが
Polyfillは導入しないとかいうならば、
jQuery Deferred + jQuery Ajax + jQuery というパターンも有る。

今はDeferredはPromiseと互換性があるので、
jQueryはSlim版を使ってPromiseとFetch APIを使っていくのが良いと思う。

jQuery DeferredはAjaxでしか使わんとわめいていた奴は意見を変えたみたいだな

jQuery DeferredはAjaxでしか使わんよ。
誰が意見を変えたって？

つかうというのならどこで使っているのか
教えて欲しい。

>>213
>>211

>>213

>>211にはDeferredはAjax関連以外で使うって話しか無いけど？

間違い

>>211にはDeferredはAjax関連以外で使うって話は無いけど？

正確には、
jQueryでDeferredがでてくるのは
Ajax関連以外しか無いって言ってたんだけど、
なんか話をすり替えようとしてないか？ｗ

また間違えたｗ

正確には、
jQueryでDeferredがでてくるのは
Ajax関連しか無いって言ってたんだけど、
なんか話をすり替えようとしてないか？ｗ

>>217-218
君がすり替えてるんじゃないの？
jQuery.Deferredを使えばajax以外でも出てくるけど、君は使わないんでしょ？

>>219
以前の話の続きだよね？ ならこういう話だよ。
JavaScript ライブラリ総合質問所 vol.5 [無断転載禁止]©2ch.net
http://echo.2ch.net/test/read.cgi/hp/1465399470/144
144 : Name_Not_Found2016/07/05(火) 22:04:58.42 ID:???
>>141
> 例えば、>>124の「Promise.allをそのまま使え」は余計なお世話だ
なぜ？ Promise.allを使いたければ、標準のPromise.allを使えばいいだろ？
なんでそこで、Deferred.allを使いたいと思ったんだ？

> jQuery.Deferredを使うならjQuery.whenで事足りるからな
事足りるんじゃなくて、えとな。話聞いてる？
DeferredはPromsieが登場するよりも前に生まれたの。
事足りんじゃなくて、当時はそれを使うしかなかった。

今はPromiseがあるから、それを使えばいいだろ。
DeferredはPromiseと互換性があるのだから Promiseのように使うことができる。

jQuery.Deferredオブジェクトを"作る" ときにはPromiseの作り方と違うから
学習コストはいるが、そこでちょっと待てって話だよ。
jQuery.Deferredオブジェクトを作ることがあるのかと。

答えは "ない" だ。昔（Promiseがなかった時代）はjQuery.Deferredを汎用的なPromiseの代用として
使う事もあったかもしれないが、今はPromiseをそのまま使えばいいのだから、もはや作ることはない。
PromiseとDeferredのオブジェクトの作り方は違うが作ることはないのだから学習コストも発生することはない。

今はjQueryのAjax関連の戻り値として、Promiseオブジェクトと互換性のあるDeferredのオブジェクトが
でてくるだけでその戻り値はPromiseオブジェクトであると思って使えば良い。互換性がある。
だから学習コストはかからない。
現状でお前の言う学習コストはどこにもかからないんだよ。
> 「jQuery.Deferredを（今の時代は）使う必要がない」とかいうお前の勝手な考えはどうでもいい
それをいうなら、お前の勝手な考えはどうでもいいｗ

145 名前：Name_Not_Found[sage] 投稿日：2016/07/05(火) 22:07:06.43 ID:???
>>141
> お前は異常なほどに「jQuery.ajaxの返り値」に拘っているが、俺は一言もajax()には触れてない

お前がなぜajaxに触れていないかのほうが問題。
jQueryでDeferredがでてくるのはajaxの戻り値としてだけだ。

jQuery.ajaxの返り値に拘るなというのなら、じゃあ聞こう。
どこで Deferred がでてくるんだ？

お前は何にこだわっているのかという質問だよ。

150 名前：Name_Not_Found[sage] 投稿日：2016/07/05(火) 22:25:07.59 ID:???
ちなみにDeferredをPromise.allの引数としてそのまま使えることの証明

https://jsfiddle.net/axL7p4d4/1/

function timeout(ms) {
　return new Promise(function(resolve, reject) {
　　setTimeout(function() {
　　　resolve();
　　}, ms);
　});
}

Promise.all([
　timeout(3000),
　$.get('/'),
　timeout(3000),
]).then(function(data) {
　console.log(data[1].split("\n")[0])
});

151 自分：Name_Not_Found[sage] 投稿日：2016/07/05(火) 22:31:32.31 ID:???
>>149
> PromiseもFetch APIも実装されてないブラウザがある以上、素のままでは書けないのでPolyfillを適用する必要がある
> jQueryを使うなら他にPolyfillライブラリを適用するコストをかけたくないからjQueryだけで完結できれば一番良いというだけ

それについてはとっくにレスしたよね？

だからPolyfillを適用すれば良い。標準のFetch APIを使うならばjQueryをajax用途として
使う必要はない。だからjQuery 3.0でajax部分を取り除いたSlim buildができたわけ。

jQueryがいくら頑張ろうがPolyfillになることはない。$.Promiseとかになるんだから。
だからお前の目的であるはずの標準APIを使うことはできない。

jQueryでは標準APIと同等のものになることはないのに、
なんでお前はPolyfillではなくjQueryを使おうとしてるんだ？
そこが意味わからんよね。言ってることとやろうとしてることが矛盾してるだろ

標準大好きならば、標準APIのPolyfill + jQuery 3.0 Slim buildの一択だろ。
jQueryはDOM操作用のライブラリに専念させろよ。

161 自分：Name_Not_Found[sage] 投稿日：2016/07/07(木) 23:46:52.83 ID:???
>>160
じゃあまとめてみる？

>>77の主張・・・jQueryのDefferedを廃止してPromiseを使え。

俺の主張

・DefferedはPromiseと互換性があり混ぜて使える。
・互換性がある今DefferedとPromiseの大きな違いはオブジェクトを生成するときだが
Deffered内部以外でDefferedオブジェクトを作る必要はない
・Defferedオブジェクトが作りたいならば、代わりにPromiseを使えば良い。
・jQueryでDefferedが戻り値になっているのはAjax関連だけである。
・jQueryでDefferedを引数に取るものはない。
・互換性があるから当然jQueryのAjax関連の戻り値のDefferedはPromiseと同じ使い方ができる
・DefferedはPromiseの機能＋αでありPromiseに置き換えると機能低下になる
・Promiseに対応していないブラウザ（Android 4.4など）があるからDefferedを廃止することはできない
・標準APIを使いたい人はPromiseと同時にFetch APIを使うだろうから、そもそもjQeuryのAjax機能を使う必要はない。
・それを見越してjQueryはajax関連の機能を除いたSlim buildを用意しており標準に適合するようになっている。
・つまりjQueryはDOM操作用のライブラリである。

まとめ
標準大好きな人
→ jQueryのAjax関連機能ではなく標準のFetch APIを使う（jQueryはDOM操作用として使う）から学習コストは下がる。

古いブラウザに対応する必要がある人
→jQueryのAjax関連機能を使う。戻り値はPromise互換なので標準Promiseと同じ使い方ができるから学習コストは下がる。

jQueryにどっぷり使ってる人
→Defferedオブジェクトを作ったりすることにすでになれてるから変わらない方が学習コストが下がる。

反論あるのならお待ちしています。

このコピペ君は5レスも消費して何が言いたいんだ？
要点をまとめろ

長々と自分語りを始める奴にろくな奴はいない

jQuery使いがPromiseを使わない理由はPromise非対応のIEを考慮しているから
その対策としてPromiseのPolyfillを使うか、jQuery Deferredを使うか、は人それぞれでしかない
http://caniuse.com/#feat=promises

>>225
話をすり替えないようにってことだよ。

どうでもいいが、こいつは途中までjQuery.whenの存在を知らなかっただろ

> ・jQueryでDefferedが戻り値になっているのはAjax関連だけである。
jQuery.Deferredがある

> ・jQueryでDefferedを引数に取るものはない。
jQuery.whenがある

>>210
Promise.allは処理（プロミス）のリストを渡すと、
その全てのプロミスが解決した時、
その解決値をきちんと最初に指定した処理の順番通りに配列に入れて渡してくれる。
これは仕様で保証されている。
https://tc39.github.io/ecma262/#sec-promise.all

処理を開始する順序も登録通り保証してくれるし、
その処理の終わる順番によらず、結果も登録通り保証してくれる。

> ・jQueryでDefferedが戻り値になっているのはAjax関連だけである。
Deferredがajax専用だと思っているみたいだし、jQuery.Deferredも知らないんじゃないかな

俺の中で彼は「標準仕様には疎いが、jQueryだけは詳しい人」だったが、大幅に下方修正せざるを得ない
知識の偏りを自覚できてないのが最大の問題だな

>>229
その話はしてないよね？

>>228
> jQuery.whenがある

それはDefferedのための関数じゃんｗ
Defferedを使わないならjQuery.whenも使う必要はない。

Promiseを使えば良い。知ってるかい？
DefferedはPromiseと互換性があるから、
Promise.allの引数にDefferedを渡すことができる。

>>230
> Deferredがajax専用だと思っているみたいだし、jQuery.Deferredも知らないんじゃないかな
そういう話じゃないねｗ

Deferredを自分で使う必要はない（もちろん使っても良い）が
DeferredはPromiseと互換性があってPromiseを使えばいいから
jQuery.Deferredの仕様を変える必要はないって話。
それは引用したレスにしっかり書いてあるね。

>>5

>>232
？？？？？？？

Edge, IE11で、ローカルPC内のJSファイルを、1文字でも修正すると、
<body onload="init()"> で、JSファイルが読み込めなくなった。
initが見つからない

2時間ほど悪戦苦闘して、HTMLファイルを修正したら、読み込めるようになった。
<body onload="init();"> セミコロンを入れた

この現象は何やったんや。原因不明。
こんな奇妙な現象にあった人います？

ファイルはすべて、UTF-8Nだし、
F12を使って再読み込みしているから、ブラウザキャッシュでもないだろう

次のスクリプトファイルが結合演算子や括弧から始まっているとかじゃないか？

<head>の中で、CSS, JSファイルを、1つずつ読み込んでいるだけ。
それで、<body onload="init();">

以下のように、() 無しだと動かない
<body onload="init;">

>>236
今はHTMLの属性（onload）でイベント呼び出しとかしないので。

>>238
> 以下のように、() 無しだと動かない
当たり前。お前の書いたバグじゃんかｗ

ruby 脳か

>>238
> 以下のように、() 無しだと動かない
> <body onload="init;">
>>236では「<body onload="init()"> で、JSファイルが読み込めなくなった」といっていたのにどうしてこうなった？
質問者の記憶違いか？

漏れの推測だが、TeraPad で、JSファイルを修正して保存しても、
ファイルをロックしたままで、システムに反映されないのかも

それとも、セキュリティソフトのWindows Defenderかな？
システムメモリのキャッシュも関係あるかも？

それで、F12から、JSファイルが開けなくなり、
<body onload="init()"> で、JSファイルにある、initが見つからない

ところが、HTMLファイルなどを、1文字でも修正すると、
最初からすべてのファイルを再読み込みするのかも

その時には、JSファイルがロックされていないから、読み込める

>以下のように、() 無しだと動かない
><body onload="init;">
こんなこと言ってるレベルだし、自分では大丈夫なつもりで別の何か変なことをやってただけでは
（初心者あるある。俺もある）

人を馬鹿にするの大概にせいよワレ

（だめだこりゃ）

var l = 8;
var arr = [];
for (var i=0;i<l;i++) { arr.push(i+1); }
arr.map(function(a){ return '?page='+a; });

//["?page=1", "?page=2", "?page=3", "?page=4", "?page=5", "?page=6", "?page=7", "?page=8"]

なんかforの部分とかいろいろもっと簡潔に書きたいですよろしくおねがいします
（var lの部分はサイトからスクレイピングです）

[...Array(8).keys()].map(n=>`?page=${n+1}`)

>>247
元々、複雑なコードとも思えないけど
[...Array(8)].map((e,i) => '?page=' + ++i);

>>247
連番生成なんてありがちなのでどっかにあるはず。
なければ自分で作る。
定義は御自分の書かれたもので全然問題ない。
何れにせよ各所にばら撒くのが一番宜しくない。

>>247
for (var i = 0; i < l; i++) { arr.push('?page=' + (i + 1)); }

訂正
for (var i = 1; i < 9; i++) { arr.push('?page=' + i); }

<=l　だろ

>>253
それでもいいけど、l++; i < 9; の方がコストが低いからそうした

ふーん

ベンチマークもしないでコストとか言ってるやつは
無視するべきｗ

そして0.0001マイクロ秒程度しか差が出ないようなものに
意味はないｗ

勝手に自分で書き換えればいいだけだろ
ポリシーの差を批判の種にする奴は最悪

ふーん

>>257
ポリシーじゃなくてコストが低いと言ってるから
馬鹿にされてるんだろｗ

理由はないけどこっちのほうが好きなんだーっていう
話なら勝手にしろやで終わる話。

間違った理由を言うから、訂正されるんだよ。

汎用性を無くしてパフォーマンスを優先するのなら、
あの程度の配列ベタ書きするのが一番わかりやすくてい良い。

>>259
> ポリシーじゃなくてコストが低いと言ってるから
それは「パフォーマンス優先にする」というポリシーだろ

i < 9 と i <= 8 で「i <= 8 が明確に良い」という理由はないし、各自で好きに書けばいい

聞かれたから答えただけで「i < 9 を使え」と命令しているわけでもない
「訂正される」程の主張でもないと思うので気に入らないなら自分で手を入れてくれ
誰も自分のやり方を強制してないから

>>261
パフォーマンスを優先するはポリシーだが
コストは低くなってないので、ポリシーに反することを言っている。

それにパフォーマンスを優先すると言うのなら
ベンチマークをしないといけない。

>>262
今回の場合は、要素数8という
8という数字が出ているので、それを使うべき。

だから　i <= 8 の方が正しい。
もしくはarr.lengthを使うとか

いやいやいや……今回は「 l 」を使うべきでしょ、
それを9なんて数字にするぐらいならベタ書きのほうが１０倍マシという話。

誰か居ますか？

>>266
そりゃそうだよｗ

俺が言いたいのは、 < か <= かって話。
基本的にlengthが存在する場合は、 < を使うことになるが、
インデックスが0からではなく1から始めたい場合は <= を使う。
もちろんこれは可読性のためにやる。

コスト？（笑）
ベンチマークしてから言え。

速そうだなぐらいしか考えてない中途半端なことしてるやつに
パフォーマンスを語る資格はない。

>>267
今はいるけど、これからポケモンゲットしに行くので。

>>267
30分ぐらいならいる

>>266
そこはlに9を代入したことにして読み替えでくれ
外部参照らしいが、lの代入時に1を加算するぐらいわけないはず
それと、どうするかは質問者が決めればいいことだから
こんなどうでもいいことで他人のコードを避難する時間が無駄

すまんが、わけが分からないよ
そんなに他人もしくは半年後の自分がぱっと見て分からないコードを書きたいの？？？
なんで早くなるかならないか分からないfor文の改良のためにあちこち考慮し工夫しないといけないの？？？
素晴らしいfor文を書くことが目的ではないよね

ただいま。ピカチュウとかニャースとかコダックとかゲットしてきた。

>>271
> こんなどうでもいいことで他人のコードを避難する時間が無駄
非難ではない。コードレビューだ。
どういったコードが可読性が高いかの話をしている。

いや、
馬鹿の話は
「ふーん」
って聞き流しとくほうが良いよ

バカには無理

> そんなに他人もしくは半年後の自分がぱっと見て分からないコードを書きたいの？？？
i < 9 が「半年後の自分がぱっと見て分からないコード」というなら相当にレベルが低いと思うぞ
自分が見て分からないのを一般化してるだけだろ
正直、どっちでもいいが、可読性とやらを主張するほどのものではない

だれがそんな主張してるんだろうか。
「というなら」とか勝手に人様の文章を自分の妄想で間違って解釈して
長文書き散らす前に最新の１０スレ程度読めないのだろうか……

暑いからか気の短い奴が増えたな。
ま、血気盛んな奴らが来てちょっと過疎でなくなってきたのだけはありがたい。

いつもレスしてるのは俺ばっかりだしなｗ

荒らしvs暇な人、が風物詩になりつつある

<button href="javascript:;">
これの意味がよくわからないのですが、どういう意味なんでしょうか？

<button href="javascript:;">
これの意味がよくわからないのですが、どういう意味なんでしょうか？
これの意味がよくわからないのですが、どういう意味なんでしょうか？

>>281
button要素にhref属性はないので明確な間違い

ボタン風リンクとして解釈してくれるブラウザでもあるんだろうか？

後からボタン風リンクに直してくれるフレームワーク前提かもしれないじゃん。
もうね。何十回何百回言ってきてるけど、見つけた場所を書けよ。

>>285
ほい
https://pokevision.com/

ほいじゃねえよｗ
すみませんでしたは無いのか？
バカにしてるの？

フォームがいくつかあるページがあるとします。そのすべてのフォームをクリックしたときに
確認ダイアログを出したいとします。jQueryの場合こんな感じです。

$(document).on('submit', function(event) {
　confirm('OK?') || event.preventDefault();
});

さて、最近はAngularやReactなどが流行っているようですが、
上記の処理をこれらのフレームワークを使って書いたらどうなるのでしょうか？（質問１）

jQueryはオワコンとか言ってる人がいるようですが、私としては
プログラマがたくさん必要なブラウザで多くの処理を行うような複雑なウェブアプリには
フレームワークを使う意味があるが、そもそも複雑ではないウェブサイト（しかも既存のページがたくさんある）
ではフレームワークを導入してもコスト的にペイしないと思っていますがあっていますか？（質問２）

jQueryだと既存のウェブサイトに付け加える形で処理を追加できますが、
それを上回るメリットがフレームワークにはあるのでしょうか？（質問３）

以上三点よろしくお願いします。

まあいい、
んで、どうしてかっていうのは
生のソースと対ししてみりゃ概ね予想がつくだろ
ポケモンしてクソしてさっさと寝ろ

>>288
標準DOM操作仕様の策定が遅いからその面ではiQueryはまだまだ優秀だよ。
標準もかなりjQueryのようなライブラリを参考にしてるからね。
ただ、もう参考にされて標準仕様として確立された機能も増えてきて、
jQueryの中の半分くらいの機能は「古いもの」となってしまった。

jQueryはライブラリとは言え、拡張型でなくて、自分の世界を提供する型だから
むしろフレームワークに近い大きく重たい存在で、
他と柔和させて一部だけを効率的に使うということがしづらい。

だったらもういろいろ中途半端なjQueryを使うのは辞めて、
小さなことは標準API、大きなことはフレームワークを使うようにしよう
というのがjQueryオワコン論

とは言え最初に言ったように、
イベント周りではObservableが有望とは言えまだ時期尚早だし、
jQueryの穴を完全に埋めるとこまで整備されてはいないので、
慎重に使う価値はまだある。

>>288
React(仮想DOM)とjQueryを並列に語るのがそもそもの間違い
https://teratail.com/questions/41054

> $(document).on('submit', function(event) {
> 　confirm('OK?') || event.preventDefault();
> });
この程度のコードならDOM APIでも十分に書けるのでjQueryのような重いライブラリを使う必要性は感じない

フレームワークと言ってもAltJSや独自HTML構造を強制するものから
一部機能に特化しててjQueryより扱いやすいものまでいろいろあるしね

var Obj = {
　data: {
　　value: 10
　},
　func: function() {
　　return this.data.value;
　}
};

1. Obj.func(); // 10
2. btn.click(function() { Obj.func(); }); // 10
3. btn.click(Obj.func); // undefined

3の方法でdata.valueを返す様にはできないのでしょうか？

>>288
質問1は使うものによるが、
質問2は、ペイする(自社案件実績より)
俺やったのはvueとriotだけど、riotだと順次置き換えられる上に、jQueryと相乗り出来る。
今コンポーネント化してるよ、色々。

業務アプリだと余計に、実装者のレベルに依存してテキストボックスとかの処理がしっかりしてたりしてなかったりしてたのが、
どの画面でも同じ動きをするようになるし、部品の不具合は部品の不具合として切り分けできるようになる。
画面屋さんもコーダさんもインフラ屋さんも「アーキが悪い」と胸張って言うようになる。
>>293
btn.click=Obj.func;

>>293
定義時か利用時にbind使え

>>287
バカにしてるよ
応えられない馬鹿っぽいし

>>294,295
ありがとうございました
bindすることで解決しました

>>291
> この程度のコードならDOM APIでも十分に書けるのでjQueryのような重いライブラリを使う必要性は感じない

DOM APIとjQueryの比較ではjQueryが優れているということは明らかなので
そこは質問してないです。

せめて質問１

> 上記の処理をこれらのフレームワークを使って書いたらどうなるのでしょうか？（質問１）

の答えが聞きたいです。

twitterでchromeのコンソール出してconsole.log()使うと全部undefinedになりますたすけてください

自己解決です！
console.log = console.__proto__.log;
ってやったらできました！！（怒）

>>299
riot。
<button style=.... onclick={
performExecute}>

performExecute(e) {
if(!confirm('ok?')) return true;//riotは、trueを返すとpreventDefaultがよばれ「なく」なる。
//サブミットの処理でもなんでも。
}