JavaScript情報交換所(プログラミング既習者専用) [無断転載禁止]©2ch.net (760レス)
JavaScript情報交換所(プログラミング既習者専用) [無断転載禁止]©2ch.net http://mevius.5ch.net/test/read.cgi/tech/1449440793/
上
下
前
次
1-
新
通常表示
512バイト分割
レス栞
1: デフォルトの名無しさん [] 2015/12/07(月) 07:26:33.87 ID:NYLGCW0V 実際にJavaScriptを書いている人の情報交換所です。 プログラミング既習者専用です。初心者の方はご遠慮下さい。 玄人の方、歓迎致します。 http://mevius.5ch.net/test/read.cgi/tech/1449440793/1
634: デフォルトの名無しさん [sage] 2020/07/23(木) 23:30:10.44 ID:k24nyzXR > e.targetについては、 > 複数の要素に同じイベントハンドラを割り当てて、どれかでイベントがあったときに何かさせたいような場合、e.target はとてつもなく有用なものです。 ↓このコードが複数の要素に同じイベントハンドラを割り当てて、どれかでイベントがあったときに何かさせているコード https://jsfiddle.net/m8q15376/ $("#id1").on('click', 'a', function() { $(this).css("background", "red"); }); http://mevius.5ch.net/test/read.cgi/tech/1449440793/634
635: デフォルトの名無しさん [sage] 2020/07/23(木) 23:56:14.14 ID:k24nyzXR まとめ こいつはイベントデリゲーション(複数の要素に同じイベントハンドラを割り当てるコード)を jQueryで書いているコードを見たことがない、もしくは見たことあっても気づかないで jQueryでもDOM APIと同じように書くしかないはずだ!だからjQueryを使う意味がない!と考えていたようだが そのイベントデリゲーションこそjQueryでシンプルに書けるコードの一つだったという話です。 http://mevius.5ch.net/test/read.cgi/tech/1449440793/635
636: デフォルトの名無しさん [sage] 2020/07/24(金) 00:01:31.32 ID:2LubhzPR >>632 というかね、「イベントバブル」をオレオレ用語だと噛みついてくる時点でお前はどうかしてる。 JavaScript使ってて今まで聞いたことがないってのは本当に酷い。 MDNにも「イベントのバブリング」とは書いてある。 > https://developer.mozilla.org/ja/docs/Web/Guide/Events/Creating_and_triggering_events uhyohyoでも「イベントバブリング」って言ってる。 > https://uhyohyo.net/javascript/3_3.html -ing形だから通じないって事も無いだろうし、そもそもbubbleフェーズを表すと勘違いしても大体通じる内容でしかない。 そこで噛みついてくる意味が分からん。 JavaScriptが世のGUIを席巻しつつあるのは、イベントバブルの功績が大きい。 これがあるのと無いのとでは、GUIの組みやすさの次元が違うんだよ。 だから.NETもWPFで、GTKでもGTK+3から採用されてる。(Qtは知らん) それを全く使わずにJavaScriptのGUIを語るのは完全に間違ってる。 そこら辺がjQueryしか出来ない人(つまり君とか)の問題だと思うよ。 jQueryしか出来ない人が馬鹿にされているのは君も知っているだろ?そういうことだよ。 http://mevius.5ch.net/test/read.cgi/tech/1449440793/636
637: デフォルトの名無しさん [sage] 2020/07/24(金) 00:22:53.71 ID:fMjVnhWI お前のオレオレ用語っていうのは「バブル主体」だアホめ なんだよバブル主体って(笑) http://mevius.5ch.net/test/read.cgi/tech/1449440793/637
638: デフォルトの名無しさん [sage] 2020/07/24(金) 00:24:19.77 ID:fMjVnhWI >>636 > JavaScriptが世のGUIを席巻しつつあるのは、イベントバブルの功績が大きい。 だから、イベントバブルじゃなくてイベントデリゲーションな(笑) 何がオレオレ用語なのかわかってない。 用語の使い方を間違ってんだよお前は。 jQueryはイベントバブルを使ってる http://mevius.5ch.net/test/read.cgi/tech/1449440793/638
639: デフォルトの名無しさん [sage] 2020/07/24(金) 00:25:21.34 ID:fMjVnhWI 何度も言うがjQueryを使うということは イベントバブルを使ってるということだ http://mevius.5ch.net/test/read.cgi/tech/1449440793/639
640: デフォルトの名無しさん [sage] 2020/07/24(金) 00:28:52.61 ID:fMjVnhWI ちなみにイベントデリゲーションという用語は MDNでも使われているが、jQueryが最初に使った用語なんじゃないかと思ってる。 もともとはjQueryでイベントデリゲーションを使う時 delegateというメソッドを使っていたから。それが廃止になりonに統一された。 onに統一された結果、jQueryでイベントデレゲーションを使ったコードと 使ってないコードの差異が減って、e.targetを使わずにthisでコードが書けるようになった。 jQueryでイベントデレゲーションを使うのは、DOM APIを使うよりも 格段にシンプルに書けるようになっている 無関係のイベントハンドラを統合するという単一責任の原則に反するコードを書くことなく イベントデレゲーションを使うことが可能になっている。 http://mevius.5ch.net/test/read.cgi/tech/1449440793/640
641: デフォルトの名無しさん [sage] 2020/07/24(金) 00:33:37.06 ID:2LubhzPR >>637-639 半島に帰れ http://mevius.5ch.net/test/read.cgi/tech/1449440793/641
642: デフォルトの名無しさん [sage] 2020/07/24(金) 01:22:11.42 ID:2LubhzPR >>626 訂正、>>623でもバブルを利用しているようだ。 jQueryはこの形式だとDelegated event handlers として扱われ、 on時点でサブクエリして一致した子要素に付けるのではなく、 内部的にバブルしてきたイベントを使い、実行時にクエリして一致を確かめるようだ。(後半部は予想、実装依存) https://api.jquery.com/on/ だから確かにバブルを利用してはいるが、これだともっさり遅くはなる。(とはいえGUIの場合は大抵問題にはならない) jQueryは使ってないし今後も使う予定もないので仕様には詳しくなく、見た目で判断してしまった。 なるほど何だかんだで上手く出来てはいる。 が、まあ、いずれにしてもこれをDOMAPIだけで書くのも別段苦労しないし、 jQuery内部でe.targetを使っているだけで、e.targetが無ければjQuery自体が組めないだけでしかない。 >>640 イベントデリゲーションの方がかなりオレオレ用語だと思うが。 確かにMDNには書いてあるが、俺は今まで聞いたこともなかったし、そもそもそれを「デリゲーション(キリッ」とかいうのもどうかしてると思うが。 OOPで言う委譲に当たるから「デリゲーション」なんだろうが、それはOOPで言う「継承か委譲か」、という話とは全然違っていて、 単に親要素でしかなく、子要素とは何の関わりもない。(一応包含してはいるが) だから無理やりOOP的な解釈をすれば「デリゲート」しかないのだろうけど、 それは、世の中の全てを無理矢理OOPで解釈するJava脳みたいな感覚を受け、 Java以外で普通にOOPを分かっている奴からしたら相当気持ち悪い使い方だし、実際に流行ってもないだろ。 これが気持ち悪いと思わないのは君がOOPを理解してないからだよ。 ただし俺はGUI自体がOOPにフィットしないと思っているから、GUIしかやらないのなら理解している必要はないとも思うけども。 そして君は都合の悪い>>633は無視なのか? 既に言ったが、現在の状況でe.targetが無くなることはない。 ただ、あの辺デタラメに拡張して仕様がグダグダなので、整理しろよな、とは思うが。 http://mevius.5ch.net/test/read.cgi/tech/1449440793/642
643: デフォルトの名無しさん [sage] 2020/07/24(金) 01:48:12.97 ID:2LubhzPR ちなみにgoogle、 イベントバブル 約 22,500,000 件 (0.43 秒) イベントデリゲーション 約 23,600 件 (0.28 秒) http://mevius.5ch.net/test/read.cgi/tech/1449440793/643
644: デフォルトの名無しさん [sage] 2020/07/24(金) 06:57:14.92 ID:9v9Epd9J バブリングフェーズとイベントデリゲーションはバスタブとミカンくらい意味が違うがおんなじもんだと思ってたわけ?w バブリングフェーズはイベント伝搬のステージのことで、 div a a という構造ならhtmlからdiv→aと伝搬してくるのがキャプチヤリングフェーズ。 その後a→divとhtmlまで戻っていくのがバブリングフェーズ。 イベントデリゲーションは2つのaにイベントパンドラ設定するよりdiv1つに設定してaのイベントまとめてハンドルしてもらいましょうというやり方。 a(子)のイベントハンドリングをdiv(親または祖先)に委譲(delegate)するからイベントデリゲーション。 ちんちんとマンチェスターユナイテッドくらい意味が違うけどおんなじもんだと思ってたわけ?w http://mevius.5ch.net/test/read.cgi/tech/1449440793/644
645: デフォルトの名無しさん [sage] 2020/07/24(金) 07:07:22.97 ID:fMjVnhWI >>642 イベントバブルっていうのはイベントがバブルのように上に上がっていくってだけで 一つのイベントハンドラで処理を行うって意味じゃねーんだよw あーほ http://mevius.5ch.net/test/read.cgi/tech/1449440793/645
646: デフォルトの名無しさん [sage] 2020/07/24(金) 07:07:57.79 ID:fMjVnhWI >>642 > だから確かにバブルを利用してはいるが、これだともっさり遅くはなる。(とはいえGUIの場合は大抵問題にはならない) 遅くなるの理由が何もないwww http://mevius.5ch.net/test/read.cgi/tech/1449440793/646
647: デフォルトの名無しさん [sage] 2020/07/24(金) 07:09:14.13 ID:fMjVnhWI >>642 > 確かにMDNには書いてあるが、俺は今まで聞いたこともなかったし、 それがすべて。お前が無知なだけ http://mevius.5ch.net/test/read.cgi/tech/1449440793/647
648: デフォルトの名無しさん [sage] 2020/07/24(金) 07:10:55.78 ID:fMjVnhWI 結局の所 >>635 の まとめで書いたとおり こいつはイベントデリゲーション(複数の要素に同じイベントハンドラを割り当てるコード)を jQueryで書いているコードを見たことがない、もしくは見たことあっても気づかないで jQueryでもDOM APIと同じように書くしかないはずだ!だからjQueryを使う意味がない!と考えていたようだが そのイベントデリゲーションこそjQueryでシンプルに書けるコードの一つだったという話です。 そのイベントデリゲーションこそjQueryでシンプルに書けるコードの一つだったという話です。 ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ http://mevius.5ch.net/test/read.cgi/tech/1449440793/648
649: デフォルトの名無しさん [sage] 2020/07/24(金) 07:27:42.03 ID:fMjVnhWI >>642 > が、まあ、いずれにしてもこれをDOMAPIだけで書くのも別段苦労しないし、 だから最初に書けと言ってる。なんで書かないのか? http://mevius.5ch.net/test/read.cgi/tech/1449440793/649
650: デフォルトの名無しさん [sage] 2020/07/24(金) 08:10:38.59 ID:2LubhzPR >>644 お前が日本語が出来なくていろいろ勘違いしてるだけだろ。 まず示したように、「イベントデリゲーション」なんて言葉は誰も使ってないから止めとけ。 イベントバブルの説明に必ず出てくる言葉なら、使用頻度=ヒットページ数も1:1になるはずであって、 約1000:1ってのは誰も使ってないって事でしかない。 > バブリングフェーズとイベントデリゲーションはバスタブとミカンくらい意味が違うがおんなじもんだと思ってたわけ?w 俺は同じ物だとは一言も言ってない。それを勝手に誤解しているのはお前の日本語が韓国人レベルだからだ。 ただ、これらは表裏一体であって、イベントがバブルしなければ纏めるも何もないので、 お前が思っているほど区別する意味もない。 お前みたいな文系馬鹿はやたら細かく区別して意味無くドヤる傾向があるが、プログラミングってのはそもそもそういうものではない。 実際問題として、イベントバブルを説明する際に、 確かに「バブルしてくるイベントを親で捕らえて纏めて処理する」事を示す名詞が欲しい、というのはあるだろう。 ただ、誰もそこで「イベントデリゲーション」なんて言葉を使ってないから1000:1の使用頻度になってる。 実際は、「バブルしてくるイベントを親で捕らえて」とそのまま言っているのだと思う。 ただそもそもバブルさせる=親で捕らえて纏めて処理する大前提だから、それ含めてイベントバブルでも大して問題ないんだよ。 http://mevius.5ch.net/test/read.cgi/tech/1449440793/650
651: デフォルトの名無しさん [sage] 2020/07/24(金) 08:10:58.84 ID:2LubhzPR 同様にお前が無駄に拘っているのが以下だが、 > > イベントバブルを最初に実装したフレームワークはHTMLで、 > 笑うしかないわw HTMLがフレームワークとかw (>>631) HTML/CSS/JavaScriptはほぼ常にセットで使われていて、どれだと区別する意味はないし、 確かに厳密にはどれでもないからWebAPIとか別括りにされてるが、そこに拘る意味もない。 俺は「イベントバブルを最初に実装した『フレームワークが』がHTMLだと言った。 お前的には「プラットフォーム」か、または別用語が適切なのかもしれんが、 いずれにしても言葉というのはコミュニケーションの手段であって、つまり通じるかどうかが最重要であって、 明らかに通じているのに揚げ足取りしているつもり?でドヤって来るのも頭おかしいとしか思えないが。 (オレオレ用語を使うなってのは「通じないから使うな」ということであって、オレオレ用語を使うこと自体が悪いというわけではない) お前いつものjQuery厨か? ならお前はここ2〜3年、まるで成長してないな。 >>649 むしろお前がそれを書けないと言っているに近いが、それをお前は認めるか? 日本語が通じない馬鹿なお前の為に敢えて言い直すと、 お前が「僕は書けませんから書いてみてください」と言うのなら書くが、 あまりに簡単すぎてお前の馬鹿さが際だつだけだぞ。 いずれにしても、脱jQueryなんてのが出てくるのはjQueryを使う意味がなくなりつつあるからであって、 お前がそれを気に入らなくても、それは事実として認めるしかないし、 実際にjQueryから輸入された仕様もあるのだからjQuery自体が糞だったわけでもないんだよ。 ただ、役割を終えつつある、というだけの話であってさ。 http://mevius.5ch.net/test/read.cgi/tech/1449440793/651
652: デフォルトの名無しさん [sage] 2020/07/24(金) 08:42:13.69 ID:9v9Epd9J バブリングフェーズとイベントデリゲーションはバスタブとミカンくらい意味が違うがおんなじもんだと思ってたわけ?w http://mevius.5ch.net/test/read.cgi/tech/1449440793/652
653: デフォルトの名無しさん [sage] 2020/07/24(金) 08:55:46.07 ID:fMjVnhWI > まず示したように、「イベントデリゲーション」なんて言葉は誰も使ってないから止めとけ。 ↓ https://developer.mozilla.org/ja/docs/Web/API/Event/target event.target プロパティは、イベントデリゲーションを実装するために使用できます。 https://developer.mozilla.org/en-US/docs/Web/API/Event/target The event.target property can be used in order to implement event delegation. http://mevius.5ch.net/test/read.cgi/tech/1449440793/653
654: デフォルトの名無しさん [sage] 2020/07/24(金) 08:56:14.50 ID:9v9Epd9J > まず示したように、「イベントデリゲーション」なんて言葉は誰も使ってないから止めとけ。 えーっと、ボクチン英語が分かりませーんという話かな?www 英語 https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks/Events#Event_delegation 日本語 https://developer.mozilla.org/docs/Learn/JavaScript/Building_blocks/Events#Event_delegation http://mevius.5ch.net/test/read.cgi/tech/1449440793/654
655: デフォルトの名無しさん [sage] 2020/07/24(金) 08:58:29.43 ID:L9K/ZYyg URLからしてイベントデリゲーション使ってるなw 誰も使ってない用語とは…?w http://mevius.5ch.net/test/read.cgi/tech/1449440793/655
656: デフォルトの名無しさん [sage] 2020/07/24(金) 08:58:39.33 ID:fMjVnhWI >>650 > イベントバブルの説明に必ず出てくる言葉なら、 でてくるわけねーだろw イベントバブル=イベントデリゲーションじゃねーんだから DOM APIのイベントモデルではイベントバブルがデフォルトで使われる イベントモデルの説明でバブルフェーズとキャプチャフェーズの話は出る だがイベントデリゲーションはかならず使うものではない お前が、イベントバブル=イベントデリゲーション (つまり同じ意味)だと 勘違いしてるから、使用頻度=ヒットページ数も1:1になるという間違った結論になってる イベントデリゲーションはかならず使うものじゃないんだから イベントデリゲーションの方が数は少なくなるのは当たり前 http://mevius.5ch.net/test/read.cgi/tech/1449440793/656
657: デフォルトの名無しさん [sage] 2020/07/24(金) 09:03:00.98 ID:9v9Epd9J プッチンプリンとにんにく卵黄は同じものだ! その証拠に、卵黄にんにくのほうが検索ヒット数が少ない!! にんにく卵黄なんて用語は誰も使ってない! プッチンプリンが正しい!! ???wwwww http://mevius.5ch.net/test/read.cgi/tech/1449440793/657
658: デフォルトの名無しさん [sage] 2020/07/24(金) 09:08:11.32 ID:fMjVnhWI >>651 > 俺は「イベントバブルを最初に実装した『フレームワークが』がHTMLだと言った。 HTMLの仕様にイベントバブルなんてものはない DOM APIの仕様だ 「イベントバブルを最初に実装した」というのはどういう意味か言ってみ 上の要素でイベントを捕まえて処理することではないのはもう理解してるよな お前は「イベントがDOM要素の下位から上位へバブルのように登っていくこと」を実装した。 と言ってるわけだが、自分で理解してるのか? http://mevius.5ch.net/test/read.cgi/tech/1449440793/658
659: デフォルトの名無しさん [sage] 2020/07/24(金) 09:09:27.92 ID:fMjVnhWI >>651 > むしろお前がそれを書けないと言っているに近いが、それをお前は認めるか? だからさっさと書けよ。お前をテストしてやってるに決まってるだろw 最初からコード書けと言ってるのになんで書けないのは お前がそれを書けないと言っているに近いが、それをお前は認めるか? http://mevius.5ch.net/test/read.cgi/tech/1449440793/659
660: デフォルトの名無しさん [sage] 2020/07/24(金) 09:21:46.61 ID:fMjVnhWI 脱jQueryなんて言葉が出てきても、脱jQueryが進んでいないのは事実だろ https://w3techs.com/technologies/history_overview/javascript_library/all/y jQuery 2017年1月 71.9% 2018年1月 73.1% (+0.1%/月) 2019年1月 73.6% (+0.05%/月) 2020年1月 74.2% 同年2月 74.4% (+0.2%/月)※1ヶ月経過時点 同年6月 75.5% (+0.26%/月))※5ヶ月経過時点 同年7月 76.0% (+0.3%/月)※6ヶ月経過時点 今年はなぜかjQueryのシェアの増加が加速してきてるんだわ。 最初の1ヶ月で0.2%しか増えてなかったのに、 6ヶ月後は1.2%増ではなく1.8%増、増加スピードが上がってる 後半さらに増加スピードが上がるとは思えないが、 このペースだと今年は1年で4%も増える可能性だってある。 ここ数年1%程度しか増えていなかったのに不思議だ 脱jQueryなんて所詮言葉だけだったということだ http://mevius.5ch.net/test/read.cgi/tech/1449440793/660
661: デフォルトの名無しさん [sage] 2020/07/24(金) 09:24:24.50 ID:2LubhzPR >>656 > イベントデリゲーションはかならず使うものじゃないんだから > イベントデリゲーションの方が数は少なくなるのは当たり前 ここが違う。 バブルを利用する時点で「親で纏めて処理する」大前提なんだよ。これも既に言ったが。 逆に、バブルだけしても親で処理しないのなら意味無いだろ。 (まあバブル自体は勝手にするのだが) だからイベントバブルの説明の際には必ず「親で処理する」事が含まれるんだよ。 これもお前みたいな文系馬鹿は「知識」としてそれぞれを別々にインストールしているから分からないのだろうが、 イベントバブルの説明=イベントバブル自体とその使い方の説明=当然親でイベントを纏めて処理する=「イベントデリゲーション」も説明される なんだよ。イベントバブルをお前はJavaScriptの「知識」として捕らえ、 「バブルフェーズとキャプチャフェーズ」もまた別の知識であり、 「イベントデリゲーション」も全く別の手法として「別知識」としているから駄目なんだ。 イベントバブルだけ理解しても、普通は、「ほ〜ん、で?何が嬉しいの?」となるから、どうやって使うか、何が美味しいかまで説明されてる。 だけどそこでは誰も「イベントデリゲーション」と言ってないから1000:1の使用頻度になってる。 ただし実際にイベントバブルを活用するにはそれなりの知識と設計が必要であり、 初心者には無理だから初心者用サイトでの説明は皆無で、既に言ったとおり俺が知っているのはuhyohyoだけ。 そしてここら辺が有機的に繋がっているのを理解出来ないのは君が「イベントバブルを活用するのは難しい初心者」レベルだから。 お前は相変わらず初心者のままなんだよ。 http://mevius.5ch.net/test/read.cgi/tech/1449440793/661
662: デフォルトの名無しさん [sage] 2020/07/24(金) 09:30:06.20 ID:fMjVnhWI > バブルを利用する時点で「親で纏めて処理する」大前提なんだよ。これも既に言ったが。 誰が言ってるんですか? そうであってほしいという願望ですよねw http://mevius.5ch.net/test/read.cgi/tech/1449440793/662
663: デフォルトの名無しさん [sage] 2020/07/24(金) 09:35:52.90 ID:2LubhzPR >>658 > DOM APIの仕様だ まあ厳密にはあれはDOMに入れるべき物でもないんだよ。 だから今も「For web developers(non-nomative)」という中途半端な扱いになってる。 あれはDOMと言うよりはプログラミングモデルであって、本来は別仕様を起こすべきなのだが、 それを言いだしたらきりがないから現状はDOMに突っ込まれているだけでさ。 > 「イベントバブルを最初に実装した」というのはどういう意味か言ってみ > お前は「イベントがDOM要素の下位から上位へバブルのように登っていくこと」を実装した。 そうだぞ。俺はそう言ったんだ。 イベントがバブルするGUIフレームワークというのは、俺が知ってる中ではHTML/CSS/JavaScriptが初だよ。 それ以前の、XやMFC、.NET(Forms)ではバブルしない。 むしろお前は何をどう勘違いして俺に突っかかってきてるんだ? >>659 お前が簡単に書けるのなら書かないよ。書く意味もないし。 それってconsoleログ知ってる俺スゲー的なレベルであって、そんなもん一々コード書いてても時間の無駄だろ。 >>660 そう思うのならそれでいいと思うが。 必死にjQueryにすがるからおかしくなるだけで。 必要ない人はjQueryを使わないし、実際必要なくなりつつあるだけの話で、必要だと思えば使い続ければいいし、それだけだろ。 http://mevius.5ch.net/test/read.cgi/tech/1449440793/663
664: デフォルトの名無しさん [sage] 2020/07/24(金) 09:39:24.99 ID:2LubhzPR >>662 なら逆に、「イベントバブルを利用するが親ではイベントを処理しない」方式で何か有効活用出来るか? それがあれば「大前提」ってのは俺の勘違いだと認めるが。 http://mevius.5ch.net/test/read.cgi/tech/1449440793/664
665: デフォルトの名無しさん [sage] 2020/07/24(金) 09:39:35.00 ID:fMjVnhWI さて、どこに親で処理すると書いてあるのでしょうか?w https://en.wikipedia.org/wiki/Event_bubbling Use of Event Bubbling To handle cases where one event has more than one handler, event bubbling concept can be implemented. The major use of event bubbling is the registration of default functions present in the program. In recent times, not many developers use event capturing or bubbling in particular. It is not necessary to implement event bubbling; it may become complicated for the users to keep track of the actions getting executed because of an event.[1] 英語は読めるけど(あんたために、でも面倒なので)Google翻訳しますねw イベントバブリングの使用 1つのイベントに複数のハンドラーがある場合を処理するために、イベントバブリングの概念を実装できます。 イベントバブリングの主な用途は、プログラムに存在するデフォルト関数の登録です。 最近では、特にイベントキャプチャやバブリングを使用する開発者は多くありません。 イベントバブリングを実装する必要はありません。イベントのために実行されるアクションを ユーザーが追跡するのは複雑になる場合があります。[1] 「1つのイベントに複数のハンドラーがある場合を処理するため」というのは 要素をクリックしたときに、クリックした要素→それが含まれた親要素→さらにそれらが含まれた親要素と 複数の要素(の複数のクリックイベントハンドラ)が実行されるわけです。 これがイベントバブリングの例として上げられています。 そして主な用途はデフォルト関数(デフォルト処理)の登録です。 またイベントキャプチャやバブリングを使用する開発者は多くないとまで書いてあります。 親でまとめて処理する話はでてきていません。 面白いですね(笑) http://mevius.5ch.net/test/read.cgi/tech/1449440793/665
666: デフォルトの名無しさん [sage] 2020/07/24(金) 09:41:46.92 ID:fMjVnhWI >>663 > むしろお前は何をどう勘違いして俺に突っかかってきてるんだ? 何をどうって、jQueryはイベントバブリングしかサポートしてないのに jQueryでイベントバブルを使うと意味がないと言っただろw どういう意味ですか?jQueryはイベントバブルしか使いませんよ? イベントバブルを使うということは親で処理するって意味じゃありませんよ? わかってますかw http://mevius.5ch.net/test/read.cgi/tech/1449440793/666
667: デフォルトの名無しさん [sage] 2020/07/24(金) 09:42:35.90 ID:fMjVnhWI >>664 > なら逆に、「イベントバブルを利用するが親ではイベントを処理しない」方式で何か有効活用出来るか? 英語のwikipediaにかいてある。 > それがあれば「大前提」ってのは俺の勘違いだと認めるが。 それがあったのでお前の勘違いだと認めるようにw http://mevius.5ch.net/test/read.cgi/tech/1449440793/667
668: デフォルトの名無しさん [sage] 2020/07/24(金) 09:43:33.55 ID:fMjVnhWI >>663 > イベントがバブルするGUIフレームワークというのは、俺が知ってる中ではHTML/CSS/JavaScriptが初だよ。 HTML/CSS/JavaScriptのいずれの仕様でもありません。 DOMの仕様です。DOMです。Javaでも使えるDOMです。 何度言えば理解できるんだ? http://mevius.5ch.net/test/read.cgi/tech/1449440793/668
669: デフォルトの名無しさん [sage] 2020/07/24(金) 09:48:58.90 ID:2LubhzPR >>665 wikiじゃねーかよ!そりゃ書いた奴が分かってねえんだよ。 既に言ったが、世の中のGUIフレームワークはイベントバブルをこぞって採用してる。 .NETはWPFから、GTKは3から。Qtは知らんが間違いなく採用はされるかその方向の筈。 理由も既に言ったとおり、バブルが出来れば非常に効率よくGUIを実装出来るから、 それに慣れると、バブルが出来ないフレームワークなんてゴミにしか見えなくなるから。 >>666-668 どうにもお前とは話が噛み合わないからこの辺で終わりにしておこう。 色々既に言ったとおりだ。気になるなら読み返してみてくれ。 http://mevius.5ch.net/test/read.cgi/tech/1449440793/669
670: デフォルトの名無しさん [sage] 2020/07/24(金) 09:49:55.44 ID:fMjVnhWI >>669 > wikiじゃねーかよ!そりゃ書いた奴が分かってねえんだよ。 お前はwikipedia以外のなにか信用できるものを持ってきたか? お前の意見はwikipedia以下だってことは理解してるか? http://mevius.5ch.net/test/read.cgi/tech/1449440793/670
671: デフォルトの名無しさん [sage] 2020/07/24(金) 09:52:19.09 ID:fMjVnhWI >>669 jQueryは最初からイベントバブルを採用してるのを知らないで イベントバブルだとjQueryの意味がなくなる! といった話はどうなったの?w 別の話に逃げたねw http://mevius.5ch.net/test/read.cgi/tech/1449440793/671
672: デフォルトの名無しさん [sage] 2020/07/24(金) 10:00:24.59 ID:fMjVnhWI まとめ更新 こいつはイベントバブルの用途をイベントデリゲーション(複数の要素に同じイベントハンドラを割り当てるコード)しかしらず イベントバブル=イベントデリゲーションのことだ!と思い込んでオレオレ用語で「イベントバブルを実装!」と言っていた こいつは自分にしか理解できない間違った用語の使い方を指定ながら、コミュニケーションがどうとか語っていた こいつはMDNにかかれているイベントデリゲーションのページを見せても 世の中で使われてない!と強弁した。 こいつはHTML/CSS/JavaScriptがイベントバブルを実装した最初のフレームワークだと言った。 (当たり前がHTMLはマークアップ言語、CSSはスタイルシート、JavaScriptは言語で どれにもイベントバブルに関する実装など存在しない。イベントバブルはDOMで規定されている) こいつはjQueryは最初からイベントバブルに対応していたことも知らず、 (というか古いIEがイベントバブルしか実装されていなかったのでキャプチャフェーズに対応するのは不可能) イベントバブルを使うとjQueryを使う意味がないと言った。 そしてjQueryで書いているコードを見たことがない、もしくは見たことあっても気づかないで jQueryでもDOM APIと同じように書くしかないはずだ!だからjQueryを使う意味がない!と言っていた。 jQueryで(イベントバブルではなくw)イベントデリゲーションで実装してるコードを見せても イベントバブルを使ってない!とか意味のわからないことを言った。 イベントデリゲーションこそjQueryだとDOM APIよりもシンプルに書けるコードの一つだった こいつは脱jQueryが進んでいない現状を示しても、その事実を受け入れることができなかった http://mevius.5ch.net/test/read.cgi/tech/1449440793/672
673: デフォルトの名無しさん [sage] 2020/07/24(金) 10:01:50.66 ID:fMjVnhWI jQueryおじさん完全勝利(笑) http://mevius.5ch.net/test/read.cgi/tech/1449440793/673
674: デフォルトの名無しさん [sage] 2020/07/24(金) 10:12:17.88 ID:2LubhzPR >>670 一応読んだぞ。 まあそう思うのは自由だが、それは最初に書いてあるとおり、 > To handle cases where one event has more than one handler, event bubbling concept can be implemented. The major use of event bubbling is the registration of default functions present in the program. つまり一つのElementに複数のイベントハンドラを付けたい時にバブルを活用出来るとか、 或いはrootにデフォルトのイベントfunctionを付けておけばそれを「上書き」する際に活用出来る、みたいなわけだが、 そんな使い方してるサイトなんて無いぞ。というかそんなことしたら怒られると思うが。 複数付けたければ普通にaddEventListenerすればいいだけだし、 サイトのスクリプトがユーザースクリプトその他によって「上書き」される前提で書いているサイトなんてほぼ無い。 あるにしてもこんな邪道なやり方ではなく、「サイトのスクリプトをオフにする」という、公式な無効化機能が付いてる。 というか、そうじゃないとお互いに困るだろ。お前はそれも分からないレベルなのだろうけど。 >>671 逃げたって何の事よ? jQueryが採用しているとかそういう話ではなくて、 そもそもバブルは(お前が拘っている『DOMの仕様』なのだから)jQueryとは関係なく、勝手にする物だ。 そしてバブルを利用した書き方=親で纏めて処理する方式なら、 jQueryの得意とするqueryをすることがないからjQueryを使う意味がない、と言ったんだよ。 それはお前が本当に『書ける』というのならすぐに分かる話だろ。 お前はやっぱり書けないのだと思うよ。 http://mevius.5ch.net/test/read.cgi/tech/1449440793/674
675: デフォルトの名無しさん [sage] 2020/07/24(金) 10:13:31.15 ID:fMjVnhWI もう負け逃げしたようだが、 イベントバブルの一番のユースケースはこれなんだよ <a href="link">link<span>test<span></a> 1. aのクリックイベントハンドラ 2. spanのクリックイベントハンドラ 両方のイベントハンドラを設定することができ 両方のイベントハンドラが発動する これがwikipediaに書いてあったことの具体的な意味 そのイベント発動を行うフェーズがバブリングフェーズとキャプチャフェーズの二種類あり バブリングフェーズにおいて下位の要素から上位の要素に伝搬することを イベントバブリング(イベントバブル動作)という (イベントバブルだけでは意味が不明確) http://mevius.5ch.net/test/read.cgi/tech/1449440793/675
676: デフォルトの名無しさん [sage] 2020/07/24(金) 10:15:13.60 ID:fMjVnhWI >>674 まだ繰り返すのかw > jQueryの得意とするqueryをすることがないからjQueryを使う意味がない、と言ったんだよ。 めんどくさいから突っ込まなかったことろを再掲するとかアホやなぁ 「queryをすること」ってなんだよ。どういう意味なのか言ってみ queryしているコードを書いてみろって http://mevius.5ch.net/test/read.cgi/tech/1449440793/676
677: デフォルトの名無しさん [sage] 2020/07/24(金) 10:17:09.02 ID:fMjVnhWI 先に書いてやるか jQueryでqueryすること(意味がよくわからんが)と言われれば 普通に思いつくのは、$('#id1"') とかなわけだが >>623で「イベントデリゲーション」を使ったコードでも このようにqueryしてますがなにか? https://jsfiddle.net/m8q15376/ $("#id1").on('click', 'a', function() { $(this).css("background", "red"); }); http://mevius.5ch.net/test/read.cgi/tech/1449440793/677
678: デフォルトの名無しさん [sage] 2020/07/24(金) 10:18:57.42 ID:fMjVnhWI >>674 > つまり一つのElementに複数のイベントハンドラを付けたい時にバブルを活用出来るとか、 そんなことは英語に書いてない > To handle cases where one event(一つのイベントが) has more than one handler (一つ以上のハンドラを持っている場合), event bubbling concept can be implemented. 「一つのElementに複数のイベントハンドラを付けたい」などとは書いていない。 http://mevius.5ch.net/test/read.cgi/tech/1449440793/678
679: デフォルトの名無しさん [sage] 2020/07/24(金) 10:20:19.73 ID:fMjVnhWI せっかくGoogle翻訳もしてやったのに 英語読めないなら、ちゃんと日本語も読めよ(笑) http://mevius.5ch.net/test/read.cgi/tech/1449440793/679
680: デフォルトの名無しさん [sage] 2020/07/24(金) 10:23:00.47 ID:fMjVnhWI >>674 > そもそもバブルは(お前が拘っている『DOMの仕様』なのだから)jQueryとは関係なく、勝手にする物だ。 お前最初に、バブルは勝手にするものじゃなくて 親でまとめてイベント処理することだって言ってたじゃんwww 自分が使っていた用語が間違っていましたって認めたの? http://mevius.5ch.net/test/read.cgi/tech/1449440793/680
681: デフォルトの名無しさん [sage] 2020/07/24(金) 10:42:49.37 ID:2LubhzPR >>676 > queryしているコードを書いてみろって それはお前が>>622,623で既に書いてるだろ。 jQueryが美味しいのは、getElementByIdとか長たらしいこと書かずに$('#id')と書けるとか、 HTMLCollectionなのに単発のDOMみたいに扱えてforやforEach等のループを自前で書く必要がないとか、そういうところだろ。 そして俺が言ってるのは、親にeventhandlerを付けるのならその辺のおいしさが全くなくなる、ということだよ。 ただまあ、jQueryがそこまで好きならjQueryで一生書けばいいとも思うけど。 俺は必要ないから今後とも使わないだけであって。 http://mevius.5ch.net/test/read.cgi/tech/1449440793/681
682: デフォルトの名無しさん [sage] 2020/07/24(金) 10:44:01.60 ID:2LubhzPR >>680 > 親でまとめてイベント処理することだって言ってたじゃんwww そうだぞ。イベントバブルを活用する=親で纏めて処理する、だ。 それ以外のまともな使い方は俺は知らん。(以下に続く) >>678 おお、確かに読み間違えてる。 一つのイベントが複数のイベントハンドラを持ちたい場合か。 しかし何だそりゃ?て話だがな。 一つのイベントに複数のハンドラを持たせたい為にバブルさせてそれぞれの階層で処理させて結果的に複数処理するってのは、 実際の動きを説明していると言えばそうだが、これの為にバブルを活用するのは間違いだと思うが。 ただまあ、wikiはこの辺デタラメに書く奴が居るからそこまでは信用しない方がいい。 Cの日本語wikiとかも結構デタラメだったりするし。 逆に、本当にこのケース「一つのイベントに複数のハンドラを持たせたい為」にバブルを利用して、 それ以外の方法では美しく実装出来ないケースがあれば確かに俺の勘違いだと認めるが、あるか? 何度も言ってるが、俺はそれがないから「バブルを利用する=親で纏めて処理」だと思っているわけでさ。 或いはこの記述、ユーザ目線ではなくブラウザ目線で書かれている? mouseleave/outの違いとか、 確かにmouseoutは一つのイベントを複数階層で処理して結果的に複数のハンドラを一つのイベントに与えている、とは言えるけども。 https://developer.mozilla.org/en-US/docs/Web/API/Element/mouseleave_event http://mevius.5ch.net/test/read.cgi/tech/1449440793/682
683: デフォルトの名無しさん [sage] 2020/07/24(金) 10:44:43.06 ID:fMjVnhWI >>681 > そして俺が言ってるのは、親にeventhandlerを付けるのならその辺のおいしさが全くなくなる、ということだよ。 だからその親にeventhandlerを付けるコード書けって言ってるんだが? 俺はそれがすごく読みづらくなって、jQueryで書いたらシンプルになると知ってるわけ さっさと書けよ。ここまで言って書かないのは、 お前がそれを書けないと言っているに近いが、それをお前は認めるか? http://mevius.5ch.net/test/read.cgi/tech/1449440793/683
684: デフォルトの名無しさん [sage] 2020/07/24(金) 10:45:17.15 ID:fMjVnhWI >>682 > 一つのイベントが複数のイベントハンドラを持ちたい場合か。 > しかし何だそりゃ?て話だがな。 知らんのね(笑) http://mevius.5ch.net/test/read.cgi/tech/1449440793/684
685: デフォルトの名無しさん [sage] 2020/07/24(金) 10:46:32.32 ID:fMjVnhWI >>682 > 逆に、本当にこのケース「一つのイベントに複数のハンドラを持たせたい為」にバブルを利用して、 > それ以外の方法では美しく実装出来ないケースがあれば確かに俺の勘違いだと認めるが、あるか? 俺の勘違いだと認めるがと言っておきながら、 wikipediaの例を出したら認めなかっただろ 嘘つきだよなw http://mevius.5ch.net/test/read.cgi/tech/1449440793/685
686: デフォルトの名無しさん [sage] 2020/07/24(金) 10:48:00.94 ID:fMjVnhWI > 何度も言ってるが、俺はそれがないから「バブルを利用する=親で纏めて処理」だと思っているわけでさ。 jQueryはイベントバブルにしか対応してないから、 すべてがイベントバブルを利用してるの 親でまとめて処理してなくてもイベントバブルを利用してるの http://mevius.5ch.net/test/read.cgi/tech/1449440793/686
687: デフォルトの名無しさん [sage] 2020/07/24(金) 10:52:08.90 ID:fMjVnhWI > 逆に、本当にこのケース「一つのイベントに複数のハンドラを持たせたい為」にバブルを利用して、 > それ以外の方法では美しく実装出来ないケースがあれば確かに俺の勘違いだと認めるが、あるか? 一つのイベント・・・click それ以外の方法では美しく実装出来ないケース・・・google map お前の勘違いだって認めようねw http://mevius.5ch.net/test/read.cgi/tech/1449440793/687
688: デフォルトの名無しさん [sage] 2020/07/24(金) 11:03:32.54 ID:9v9Epd9J プッチンプリンとにんにく卵黄は同じものだ! その証拠に、にんにく卵黄のほうが検索ヒット数が少ない!! にんにく卵黄なんて用語は誰も使ってない! プッチンプリンが正しい!! ???wwwww http://mevius.5ch.net/test/read.cgi/tech/1449440793/688
689: デフォルトの名無しさん [sage] 2020/07/24(金) 11:09:00.66 ID:2LubhzPR >>683-686 まあやはり堂々巡りか。 wikiに書いてる使い方で活用出来るかについては考えてはみるよ。 ただし、既に言ったが、今のところ俺はそんなの見たこと無いが。 お前が勘違いしているのは、デタラメな使い方でもちゃんとした使い方だ!と思っていること。 それは文系初心者プログラマにも多い、全ての文法を使える人が上級者だ!と勘違いしていたりするのにも近い。 実際はそうじゃない。 例えばキャプチャフェーズとかも実装されているから確かに使えるが、俺はそれを上手く使っている例を見たことがない。 正確に言えば、まともに設計すればキャプチャフェーズなんて必要な事がないから、誰も使ってないだけだが。 バブルにしても、邪道な使い方はいくらでも出来るが、そうではなくて、 正しい使い方=それ以外の方法ではそれ以上に美しく実装出来ない使い方なのか、ということだよ。 「一つのイベントに複数のハンドラ」も、addEventListerを複数行えば普通に実装出来る。 バブルさせる意味はないし、実際、バブルしない.NET(Forms)等でもこれは普通に可能だ。 だからまあ、君にも分かる書き方をするなら、 ・バブルしないX、MFC、.NET(Forms)、GTK2等でも書ける事=バブルを活用しているわけではない ・バブルしないX、MFC、.NET(Forms)、GTK2等では出来ない書き方=バブルを活用している なんだよ。そして複数のイベントをサブスクライブするのは.NET(Forms)は出来るから、 それはバブル必須ということにも、バブルを活用していることにもならない。 そしてその場合にはJavaScriptでも「バブル」ではなくaddEventListerを複数行うのが正道だよ。 http://mevius.5ch.net/test/read.cgi/tech/1449440793/689
690: デフォルトの名無しさん [sage] 2020/07/24(金) 11:10:04.24 ID:2LubhzPR >>687 > 一つのイベント・・・click > それ以外の方法では美しく実装出来ないケース・・・google map うむ、これについて詳しくよろしく。 http://mevius.5ch.net/test/read.cgi/tech/1449440793/690
691: デフォルトの名無しさん [sage] 2020/07/24(金) 11:12:00.44 ID:fMjVnhWI >>689 堂々巡りなのはお前が間違いを認めないからだろ jQueryの話をなかったことにするな。 お前がレスするのを逃げてるのはこれだな 先に書いてやるか jQueryでqueryすること(意味がよくわからんが)と言われれば 普通に思いつくのは、$('#id1"') とかなわけだが >>623で「イベントデリゲーション」を使ったコードでも このようにqueryしてますがなにか? https://jsfiddle.net/m8q15376/ $("#id1").on('click', 'a', function() { $(this).css("background", "red"); }); http://mevius.5ch.net/test/read.cgi/tech/1449440793/691
692: デフォルトの名無しさん [sage] 2020/07/24(金) 11:12:45.73 ID:fMjVnhWI >>690 > うむ、これについて詳しくよろしく。 すでにお前は逃げてるからなw 先にお前の勘違いだったって認めろ。 先に認める文章をお前が書け そうしたら説明してやるから http://mevius.5ch.net/test/read.cgi/tech/1449440793/692
693: デフォルトの名無しさん [sage] 2020/07/24(金) 11:17:44.62 ID:2LubhzPR >>692 逃げてるも何も、そのやり方が正道でなければそりゃ認めないよ。 既に言っているし、君も知っているはずだが、プログラミングなんて糞な書き方は無限に出来るわけでさ。 ふと考えたが、eをもしかしてmutable扱いか? これは若干邪道だけども、そうしないと無理(それ以外での実装では大量なコードが必要)ならそれもありではあるが。 http://mevius.5ch.net/test/read.cgi/tech/1449440793/693
694: デフォルトの名無しさん [sage] 2020/07/24(金) 11:19:41.76 ID:fMjVnhWI >>693 言い訳はいいからさ、>>691のコードをお前がいうコードで書き直してみろって ここまで言って書かないのは、 お前がそれを書けないと言っているに近いが、それをお前は認めるか? まだこれ認めてないよな? http://mevius.5ch.net/test/read.cgi/tech/1449440793/694
695: デフォルトの名無しさん [sage] 2020/07/24(金) 11:20:24.05 ID:fMjVnhWI こいつは何一つコードを書かない 俺はすでに書いている http://mevius.5ch.net/test/read.cgi/tech/1449440793/695
696: デフォルトの名無しさん [sage] 2020/07/24(金) 11:21:33.78 ID:2LubhzPR >>693 訂正 693と思ったが、見る限りほぼ「読みとり専用」だから無理だな。 https://developer.mozilla.org/ja/docs/Web/API/Event http://mevius.5ch.net/test/read.cgi/tech/1449440793/696
697: デフォルトの名無しさん [] 2020/07/26(日) 04:16:24.04 ID:GfAtypzY 誰かjsで書ける珍しいコードのせてくれや http://mevius.5ch.net/test/read.cgi/tech/1449440793/697
698: デフォルトの名無しさん [sage] 2020/07/26(日) 21:49:52.62 ID:f+jrD57t >>697 ど素人かど初心者ほど訳の分からないコードを書くから、そういうの探せば? Web板で聞いた方が受けると思うけど。実際その程度の連中で埋め尽くされてるし。 http://mevius.5ch.net/test/read.cgi/tech/1449440793/698
699: デフォルトの名無しさん [] 2020/07/27(月) 17:27:45.80 ID:2I3xUck9 >>698 なるほど 納得 http://mevius.5ch.net/test/read.cgi/tech/1449440793/699
700: デフォルトの名無しさん [] 2020/07/27(月) 18:00:07.01 ID:2I3xUck9 javascript玄人もいったんこの解説みろ http://re-file.com/18k/1677/ http://mevius.5ch.net/test/read.cgi/tech/1449440793/700
701: デフォルトの名無しさん [sage] 2020/07/27(月) 19:33:11.29 ID:SDAq9vDF >>700のリンク先 俺以外もう見なくていいぞw 【メキシコ】麻薬カルテル、ライバル組織の女を拘束、手足を縛り生きたまま解体 - 18禁グロ ▼カテゴリ - 18禁グロには一部、異様・奇怪・猟奇的・暴力シーン・グロテスクな表現が含まれていますので、閲覧制限をしています。 1. 18歳未満は閲覧禁止です。 2. 耐性が無い方は閲覧しないでください。 3. 閲覧は自己責任でお願い致します。 ※上記、18歳以上で同意できる方は入室してください。 PASS:7777 http://mevius.5ch.net/test/read.cgi/tech/1449440793/701
702: デフォルトの名無しさん [] 2020/07/27(月) 21:36:02.69 ID:2I3xUck9 例えばパスワードとかで、エンター押したら実行するよーにするにはどーしたらいんかね? http://mevius.5ch.net/test/read.cgi/tech/1449440793/702
703: デフォルトの名無しさん [sage] 2020/07/27(月) 21:45:23.89 ID:GH3PnKGv <form action="〜" method="post"> <input type="password" name="pass"> <input type="submit"> </form> http://mevius.5ch.net/test/read.cgi/tech/1449440793/703
704: デフォルトの名無しさん [sage] 2020/07/27(月) 22:05:10.71 ID:P2Gsimd7 HTML, CSS, JavaScript の質問は、web制作管理板で聞いてください! この板のスレは、荒らしが出た時に、緊急避難用に一時的に立てたものなので http://mevius.5ch.net/test/read.cgi/tech/1449440793/704
705: デフォルトの名無しさん [] 2020/07/27(月) 22:09:15.60 ID:2I3xUck9 >>704 ごめんなちゃい http://mevius.5ch.net/test/read.cgi/tech/1449440793/705
706: デフォルトの名無しさん [sage] 2020/07/27(月) 22:11:54.64 ID:fnBRfBHK いいってことよ http://mevius.5ch.net/test/read.cgi/tech/1449440793/706
707: デフォルトの名無しさん [sage] 2020/07/27(月) 23:32:47.58 ID:QhcinMDB そういやあっちどうなってんのかな?って思って見てみたが、 >>595ってマルチポストをこっちに収斂したのかよ! https://mevius.5ch.net/test/read.cgi/hp/1568714120/471 thisが何か分からないレベルの奴は永久にWeb板に引きこもってろ。 というか、お前ら何がやりたいんだ? 全部初心者スレにするから、お前らも完全に知ってるくだらない話題につき合わないといけないわけであって、 そんなスレばかりではお前らにとってもメリットが無いだろ。 他人の手助けをするのはいいが、手助けばかりして自身が成長できないようなら意味無いだろ。 今回のは完全にjQuery廚が悪いようだが。 jQuery厨も結局全く成長しておらず、俺の最初の話が全く通じてないのもかなり酷い。 それで向こうでブッ叩かれたからってこっちに来るのは迷惑でしかないから止めてくれ。 お前(jQuery厨)の問題は、前から言ってるが、書いてるコードの規模が小さすぎる事だ。 少し大きなのを書けば、俺が言ってるように、イベントハンドラが単発の単純な関数で終わることはなくなって、 共通変数/関数をどこに配置すべきかを考えるようになるんだよ。 お前はそこにすら至ってないから俺が何を言っているのかさっぱり理解出来ない。 そして一行で書ける関数に異様に拘るわけだ。 http://mevius.5ch.net/test/read.cgi/tech/1449440793/707
708: デフォルトの名無しさん [sage] 2020/07/27(月) 23:33:18.10 ID:QhcinMDB 俺はその上の「構成」について現在の俺なりの考えを述べた。 食いついてくるかどうかは君らの勝手だが、俺が思うに、今の君らに必要なのはここだと思うんだよ。 だから先鞭を付けてみたわけだ。 俺的区分で 初心者:一通り分かってなくて苦労してるレベル 中級者:一通り抑えているから、動けばいいのなら何とでも出来るレベル 上級者:最初からほぼ最適な構造で構成出来るレベル として、Web板の連中にも中級者はそこそこ居るからおそらく中級者スレは回せる。 だとすればお前らが今やるべきは『中級者スレを建設して回すこと』であって、そこでは、 1. 文法事項の質問は初心者スレでやれ 2. 妥当な実装方法が複数ある場合、どう使い分けるべきかを議論 3. オレオレ的カッコイイ構成を披露、どうだカッコイイだろ!とやって糞ならブッ叩かれて改修点を回収 とかなんだよ。今回で言えば、イベントの捕捉方法には代表して2つのやり方があるが、 1. Elementに直接onXXX または addEventListener で捕捉 2. bubbleしてきたイベントを親で捕捉 このどちらをどう使い分けるか、ということ。 そして俺はもう「bubble主体で組む方が断然いい」と結論を出してしまっているからそれを書いた。 そんなん当たり前、と思っているのなら無視でいいが、「そうじゃない!」と思ってるのなら食いついてくるべきだし、 それ以前の「どう使い分ければいいの?」と思っているのなら、『中級者スレ』を建設して、 その中で君ら同士で喧々諤々やるべきなんだよ。 勿論リアルでやれてればそれが一番いいんだけど、リアルでは言いにくかったりするんだろ? だったらそれが君らが上達する一つの真っ当な方策だよ。 そしてそこでは一通りも書けないレベル、つまり文法事項を一通り抑えてない奴は別スレで、でいいんだよ。 そんな奴混じっても邪魔でしかないだろ。 http://mevius.5ch.net/test/read.cgi/tech/1449440793/708
709: デフォルトの名無しさん [sage] 2020/07/27(月) 23:34:59.54 ID:QhcinMDB で、ここで問題になるのがいわゆる「意識高い系」という言い方で、最近これについてネットでも反省してる奴が散見されるが、 正直俺はどちらの意見もイマイチ賛同出来ないのだな。 多分上記のように「一定以下の奴は切り捨てる」を公言すると「意識高い系ガー」と無駄に攻撃される。 これは、人は誰でも置いて行かれるのは不快なものだし、人数も初心者>>>中級者なのは常だから、 「初心者が中級者を攻撃する便利なキーワード」として『意識高い系』が出来たからそれを使う奴は一定の割合で出てくる。 それで結果的に芽を摘み(=集団を上に引っ張れる奴を挫き)、結果的に糞しかなくなってる、というのが反省の中身だ。 ただ俺はこれもイマイチしっくり来ない。ぶっちゃけ両方ゴミだな、と思っている。つまり、 ゆとり文化で「意識高い系ガー」と言って集団を下に引っ張るのも糞だが、 そもそも「意識高い系」の連中も「俺達は高い=お前らは低い」という、 無駄に見下す事をしてきた(正確にはそういう奴が多い)から嫌われてると思う。 そもそもネット以前のオタク(プログラマ含む)は基本的に一人でやってて、 「俺スゲーだろ!」と自慢する場所も無かったから、完全に自己完結してた。 だから見下すとか、そういうのは基本的になかった。 ところが昨今は無駄に見栄を張れるようになって、食べログでも食べてもないのにレビューを書き、インスタではリア充を装ってもう疲れた、 みたいなのが沢山居るから、「スゲープログラマを装っている糞プログラマ」も多々居て、 そいつらは他人を見下す事によって己の凄さを担保するようなメンタルだから、 そんな奴等に対して「意識高いだけの糞」と言いたくなるのも分かる。 というわけでどっちも糞だな、というのが俺の見解ではある。 が、現実問題として、お前らの大学に幼稚園児が乱入してきて走りまわられても、邪魔でしかないだろ。 同様に、君らが前に進む為の場所にとって初心者が邪魔なら、普通に排除していいんだよ。 初心者の為のスレは別にあり、初心者はそこで問題ないのだから。 というのをだな、どうせ見えた展開になるだろうから、先に言っておく。 つまり、妥当ではない批判にくじけずに前に進め、ということ。 http://mevius.5ch.net/test/read.cgi/tech/1449440793/709
710: デフォルトの名無しさん [sage] 2020/07/27(月) 23:35:38.29 ID:QhcinMDB ちなみに君らはこんなスレでも多少沸いてくるように、周りを見ている、という点は素晴らしい。 いや、JSはそういう状況だから仕方ないのかもしれんが、 Javaは>>546のような奴が普通に居るし、これは最近はC#の連中も同様になりつつある。 で、今の君らに必要なのは、文法ではもう問題がない人同士で、 「何をどう記述すべきか」を議論することだよ。それは良い中級者スレになる。 JavaScriptは構造に対しても非常に柔軟で、それは他の型あり言語、例えばC++で同じ構造で書くのと比べて段違いに楽に書ける。 逆に言えば、いろんな構造をお試し的に書いても、他言語より同じ時間で沢山の構造を試せるから、 中級者から上級者にステップアップするには有利な言語だと思う。 問題は、JS的糞、例えばセミコロンガーに嵌ってしまう馬鹿が多い、という点であって。 http://mevius.5ch.net/test/read.cgi/tech/1449440793/710
711: デフォルトの名無しさん [sage] 2020/07/28(火) 00:26:55.97 ID:nl0WhoWH 一言で言えば糖質 http://mevius.5ch.net/test/read.cgi/tech/1449440793/711
712: デフォルトの名無しさん [sage] 2020/09/12(土) 21:45:44.66 ID:ybxdKypc webpackについて伺いたいんですけど、webpackは将来的には不要になるライブラリって認識は間違ってないですか? あとbabelとかも http://mevius.5ch.net/test/read.cgi/tech/1449440793/712
713: デフォルトの名無しさん [sage] 2020/10/02(金) 10:09:07.53 ID:EkM/KECH WEB Components のラッパーを書きました。 公式:https://strnote.com/static/CompElem.html ライセンスはMIT Veu.js, React.js などより大幅に低水準なラッパーなので、そのぶん改造は楽です http://mevius.5ch.net/test/read.cgi/tech/1449440793/713
714: デフォルトの名無しさん [sage] 2020/10/13(火) 01:31:02.46 ID:dvOlOvK/ JavaScriptの実装について知りたいんですがChromiumのソース読めばいいんでしょうか? http://mevius.5ch.net/test/read.cgi/tech/1449440793/714
715: デフォルトの名無しさん [sage] 2020/10/17(土) 08:56:08.19 ID:N1gX0TwH >>714 https://v8.dev/docs/source-code http://mevius.5ch.net/test/read.cgi/tech/1449440793/715
716: デフォルトの名無しさん [sage] 2020/10/17(土) 08:59:43.06 ID:syR+vJZ+ >>715 ありがとうございますm(_ _)m http://mevius.5ch.net/test/read.cgi/tech/1449440793/716
717: デフォルトの名無しさん [sage] 2020/11/04(水) 11:18:33.79 ID:/5L/Dxz6 パラッパラッパー http://mevius.5ch.net/test/read.cgi/tech/1449440793/717
718: デフォルトの名無しさん [sage] 2021/03/07(日) 23:11:04.14 ID:bNghcsY5 ゲームのコアライブラリ書いてるけど async/await のお世話に頼らないと無茶だと痛感 不定個のPromise配列をパイプライン処理すんの無理だわな http://mevius.5ch.net/test/read.cgi/tech/1449440793/718
719: デフォルトの名無しさん [sage] 2021/03/07(日) 23:24:25.00 ID:bNghcsY5 書けなくもないけど、書いてるうちにゲシュタルト崩壊起こしかけるぅ orz http://mevius.5ch.net/test/read.cgi/tech/1449440793/719
720: デフォルトの名無しさん [sage] 2021/06/12(土) 15:43:59.92 ID:TONJAMor プロならLPIのHTML5レベル2は持ってて当たり前なのでしょうか? http://mevius.5ch.net/test/read.cgi/tech/1449440793/720
721: デフォルトの名無しさん [sage] 2021/06/12(土) 21:20:44.77 ID:uQ7TEz17 >>720 俺はWeb系ではないが、採用条件として明示してあるのでなければ、無視でいいと思う。 一般にIT系では採用時に資格は重視されない。理由は簡単で、 ・進化が早く、資格として整備された時(数年後)には既に陳腐化している。 ・精々数時間で50-100問(数分/問)を課すテストで計れるのは、「知識」であって、「実力」ではない。 だから逆に言えば、ほぼ進化がなく、それなりに知識が必要だとされる分野は、資格も話題にはなってる。 これは他スレ読めば分かると思うけど、JAVA/オラクル/MS位だね。その他は全部ゴミだと思っていい。 進化も早く、知識も浅くて済むJSでは、今後とも資格は主流にはならないよ。 なおみんな「実力」は計りたがっており、テストで計れれば画期的だから、資格ビジネスも乱立するわけだが、 実際はこれは出来ない。理由はこれまた非常に簡単で、タイムスパンが全然違うから。 現代のプロのIT現場では通常の「テスト」のように、数分で完了するような仕事はない。 (その程度だとアマチュアでも問題なく出来てしまうため、今のプロには回ってこない) 人を採用するような規模の企業での実際の仕事は、数ヶ月〜1年くらいのスパンになるから、 テストで計れる「知識量」よりも、分からないことをWeb等で調べる「検索力」「応用力」、 或いは同僚に聞いたり教えたり仲良くやっていける「コミュ力」、 そしてプログラミングの本質である「設計力」が問われ、テストに比べれば時間制限なんて無いに等しい。 だから「テスト」で計ること自体がそもそも無理なんだ。 http://mevius.5ch.net/test/read.cgi/tech/1449440793/721
722: デフォルトの名無しさん [sage] 2021/06/12(土) 21:21:07.32 ID:uQ7TEz17 ちなみに、何でそんな勘違いをしているのか知らんが、 ・採用の際に言われたのなら、それはやるしかない。 それは最低限の知識としてそこで線を引く、ということだから。 ・そうでないのなら、学んだことを学んだとおりにグダグダ言わずにやる能力=学歴だから、 勉強してマシな学歴を目指した方がいい。 勉強すれば何とかなる事柄なら、勉強が得意な奴=学歴で採用した方がいいし、 実際、企業の採用で学歴を重視されるのはこれだから。 もう学歴とかいう年齢ではないのなら、変に資格に拘るよりは、 ・自分でサイトを作ってそこのコードも自分で書いて、それを見せた方がいい。 資格で計れるのは一定の知識があるかどうかだけだが、実際のサイトとコードでは、実力を示せる。 だから、採用側もやる気があれば必ず見る。(実際にWeb系の奴等もこれは言ってる) まあ少なくとも、テストや資格で実力が計れる、なんて思ってるIT系の奴は一人もいないから、 IT系の資格ゴテゴテの奴が来たりすると逆に引かれると思うから、それは止めとけ。 http://mevius.5ch.net/test/read.cgi/tech/1449440793/722
723: デフォルトの名無しさん [sage] 2021/06/12(土) 23:41:34.70 ID:TONJAMor 返信ありがとうございます。 http://mevius.5ch.net/test/read.cgi/tech/1449440793/723
724: デフォルトの名無しさん [sage] 2021/06/13(日) 11:51:30.32 ID:DaJnimMO >>720 そんなもんうちの会社の連中はほとんど持ってる。 あの程度が取れない奴はヤバい。 http://mevius.5ch.net/test/read.cgi/tech/1449440793/724
725: 721 [sage] 2021/06/13(日) 13:42:06.32 ID:dsZW3Lb4 嘘くせー。 こう言うとキレられるのだろうけど、敢えて言っとく。 資格ビジネスでは受験者数が利益に直結するので、胴元連中は当然「すばらしい」と吹聴してるが、全部嘘だ。 実際は、「会社の連中はほとんど持ってる」のなら、その資格を持っていたところで「引く手あまた」なんて事にはならない。 むしろ「足切り」に使われるべきであるが、正直、これもない。 同様に「会社の連中は殆ど持ってる」のなら、現状どおりの採用活動でその程度の連中は十分に確保出来てる、ということだから。 そもそもそんな簡単に取れる資格で「引く手あまた」なんて事にはなり得ないし、 ググったところ360時間程度と書いてる奴が居るが、なら「半年も実務すれば余裕」って事だから、わざわざ取る価値もない。 (誰でも取れるような資格なんて意味がない) それ以前に、会社の連中なんてそんな真面目じゃない。 もっとまともなTOEICですら自前で受ける奴なんて皆無で、昇進時に最低○○点が必要だからとか、社員は全員一律に、だから受けてるのであって、 わざわざ誰でも取れるような資格を取りに行くような連中はただの資格コレクターであり、ヤベェ連中だよ。 だから逆に言えば、この手の資格でも取らせないと勉強しない連中が多いから、報奨金を出す会社もあるようだ。 まあこれは人事戦略としては正しいのだが、そもそもWeb系って人事すら居ない規模の会社が多いだろ。 http://mevius.5ch.net/test/read.cgi/tech/1449440793/725
726: 721 [sage] 2021/06/13(日) 13:42:40.11 ID:dsZW3Lb4 だからまあ、>>724が本当だとすると、 「あの程度が取れない奴はヤバい」ってことで、入社1年目の目標、2年目では義務、という雰囲気にして、 結果的に全員受験させて底上げ(最低限度の知識の確保)を目指すのは、人事戦略としては一見ありのように見えるが、 しかし実際に落ちた奴が居たとして、クビも切れないのなら虐めるネタにしかならないだろ。 だから、全員受かるか、落ちた奴をいびり倒して辞めさせるか出来ないと、余計に悲惨なことになる。 だからあんまりこれもないと思うんだよね。 まあいずれにしても、資格ビジネスをやってる奴は居るし、連中は都合のいいブログとかもデタラメに書きまくってるから、そういうのに騙されないように。 ドラッグストアの薬剤師のように、その資格がないとHTML5を取り扱ってはいけないのならみんな取るけど、 そうじゃないのだから取得するモチベーションも普通はないんだよ。 http://mevius.5ch.net/test/read.cgi/tech/1449440793/726
727: 721 [sage] 2021/06/13(日) 15:18:32.08 ID:dsZW3Lb4 が、まあ、見ずに文句ばかり言うのもアレなんで、一応サンプル問題もチラッと見てみたが、糞だな。 これ知っててどうする?とか、こんなの覚えてる意味無いだろ、とか、そういうのばっかりだ。 ただまあ、IT系の資格って、どれもこれもこの手の糞なのも事実。 それは政府がやってるのも全部含めてだから、そもそもプログラミングが試験に向いてないんだよ。 勿論問題を作ってる馬鹿共が実はプログラマじゃないってのも大きいにしても。 実際は、新しい仕様はガンガン追加されるから、勉強してた頃には存在してなかった物に普通に遭遇することになる。 だから、覚えていることよりは、調べて正しく判断出来るかの方が重要で、 このテスト自体はCBTだからMDNを読みながら回答するのもありなのだろうけど、 実際はそれでは間に合わないのだろうし、やはり、よろしくはないね。 とはいえ、テストでプログラミングの実力を計りたいってのは需要はあるし、永遠の課題でもある。 俺はプログラミングはcraft(工芸、手技)に近く、テストしたければ絵と同様「実技」(絵ならデッサン)でやるしかないと思うけど、 これはプログラミングはknowledge(知識)であると考える奴(=この手のテストを作るような奴)には受け入れがたい思想なんだよ。 だからこんな感じに、昔からなってる。 ああそういえばgoogleは入社テストに実技を課すらしいぜ。 > 一次面接は電話で技術的質問をされました。二次面接は電話で会話をしながら、オンライン共有されたドキュメントにいくつかコードを書きました。 > https://note.com/neko_chan0214/n/n3a64bc1e1412 つまり電話品質の英語を聞き取れるかどうか、そこで「○○を修正してくれ」と指示出して的確にコードが修正されるか、を見てるわけだが、 極めて妥当だよね。これに問題なければリモートワークの下っ端としては十分なんだから、雇う分に問題はない。 (googleの場合は要らなくなったら簡単にクビも切れるし。なお就職後の本人は「思ってたのと違う」と萎えてたらしいが、よくは知らん) http://mevius.5ch.net/test/read.cgi/tech/1449440793/727
728: 721 [sage] 2021/06/13(日) 20:17:57.82 ID:dsZW3Lb4 >>720 駄目押しで言っておくと、こんな過疎っているところでそんなアンケートなんてやらないことだよ。 そんなことを聞く=自分で判断する能力がないって事だから、 デタラメなら突っ込まれる程度の人数が居る場所でないと嘘を吹き込まれてしまう。 (どうしても5chでやりたければマ板か嫌儲かな?) 俺は競プロや今回のプログラミング資格のような、 「ちょっと勉強して○○を取得するだけで人生バラ色」を吹聴している連中は基本的に詐欺師だと見てる。 だから我慢がならない。これがグダグダ言ってる理由。 >>724 が胴元の自演の可能性すらあるわけだし。 ただ、普通に考えれば分かる筈なんだけどね。 ITドカタがブラックだと言われて久しい。 (5ch発の例の「ブラック会社に勤めてるんだが、もう俺は限界かもしれない」もそれ) だからそんな、精々数百時間の勉強で抜け出せる方法があるのなら、みんなやってるよ。 それ以前からある基本情報技術者とかでも、そんな都合のいい話は無いだろ。 学歴にしたって、3-6年間頑張って勉強してもままならないからこそ、それなりの価値があるわけであって。 現在、SESとかプログラミングスクールも乱立してて、 彼等は「プログラミングスクールに通って資格を取ってSESに入ればバラ色」と言うわけだけど、全部嘘だから。 だからどこでそんな資格のことを聞いたのかは知らんが、とにかく止めとけ。 既にプログラマとしてやってて、趣味で資格を集めてるのならどうぞ御勝手にだが、 わざわざ尋ねる=現在はプログラマではないのであれば、 技術レベルの保証にもならず、勉強したところで実力にもならない資格に対して、エネルギーを注ぐべきではない。 問題も、サイトを作って動かしてみれば普通に分かるだろ、程度の物でしかないから、 実際に手を動かしてサイトを作って、それを示した方がいい。 (ただしゆとりは絶対にこれをやらず、 「手を動かさずに効率的に学ぶのだ!」みたいな妙な信仰があるのも事実だし、 ぞれ以前に、ゆとりは上記の「普通に考える」を全くやらないのが問題なわけだが) http://mevius.5ch.net/test/read.cgi/tech/1449440793/728
729: デフォルトの名無しさん [sage] 2021/06/13(日) 21:58:17.40 ID:dsZW3Lb4 ちなみにどれだけ酷いかを一応言っておくとだな、サイトは以下で https://www.html5exam.jp/measures/sample.html https://www.html5exam.jp/measures/lv2_1.html 第一問: obj.key-sampleってのが最悪で、そもそもチェインケースはJSというかプログラミング言語一般で使わない。(使えない) だから最初何が言いたいのか分からなかった。 ただしHTMLには入ってしまっているのでそこはキャメルケース、つまりkeySampleにすることになってる。 だから普通ではあり得ない状況をわざわざ作ってるんだよこれは。 文法の細かい隅を付く為だけど、そもそもそういう使い方はしないようにコーディングルールが制定されてるはず。 マジで、JSでチェインケースを常用してる馬鹿なんて見たことがない。 第二問: console.log(typeof [1, 2] + typeof null); もおかしくて、普通は console.log(a, b); とか、コンマ区切りで出力させた方が断然いいから、こんなの知っておく意味はない。 typeof [] === 'object' と typeof null === 'object' 、特に後者はJSでの実装ミス(仕様バグ)だから知っておく必要はあるけど、だから何?程度。 本当はtypeofを多用すること自体がプログラミング理論的には間違いだとされつつあるので、 Rustみたいに「型スイッチ撲滅しようぜ」ってノリの方が正しい。この場合こんなもん知らなくてもいいし。 とまあ、こんな問題出してて出題者は誰々です!っていわれてる方がヤベーんじゃねえの?と思うレベル。 その他もざっくり見たけど同様だよ。 ただしまあ、初心者あるある集ではあるのかもしれんが。 http://mevius.5ch.net/test/read.cgi/tech/1449440793/729
730: デフォルトの名無しさん [sage] 2021/06/16(水) 17:15:31.15 ID:V9AslF47 >>720 こんなもんすぐに取れるはwwwwwwwwwwwwwwwwwwwwww 引っ掛け問題以外は、プロだったら誰でも知ってることばっかり。 http://mevius.5ch.net/test/read.cgi/tech/1449440793/730
731: デフォルトの名無しさん [] 2021/12/28(火) 16:40:18.70 ID:ChI3TD7z JavaScript classes are still the same as before, except that the super keyword has been added internally. Therefore, what you couldn't do before, you still can't do now. Some people say that class definitions can be used to create code that is easy to understand, but However, I am not sure if it is easy to understand for anyone. I also feel that hiding the prototype makes it harder for beginners to understand the essence of JavaScript. You have to understand what kind of replacement the class syntax is internally before you can learn it. It's not a good way to learn. But once you understand it, I don't think there's any need to bother using classes. Translated with www.DeepL.com/Translator (free version) http://mevius.5ch.net/test/read.cgi/tech/1449440793/731
732: デフォルトの名無しさん [] 2021/12/28(火) 18:47:52.24 ID:JyRJ6HRN それだけの長文を連投する情熱ってどこから発生するの? http://mevius.5ch.net/test/read.cgi/tech/1449440793/732
733: デフォルトの名無しさん [sage] 2022/09/04(日) 10:45:48.62 ID:gMMLSyjY JavaScriptの正規表現後読みのブラウザ対応表が(ずいぶん前から)MDNから落ちているのだけど、 何処かに有れば教えてくれ。(下記ページ内、ブラウザサポート部分) https://developer.mozilla.org/ja/docs/Web/JavaScript/Guide/Regular_Expressions/Assertions これchrome以外は全然駄目で見捨てられてるのか? http://mevius.5ch.net/test/read.cgi/tech/1449440793/733
734: デフォルトの名無しさん [sage] 2022/09/04(日) 12:37:49.60 ID:FTTWPGH/ >>733 https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/RegExp のlookbehind assertions。safariが未対応 http://mevius.5ch.net/test/read.cgi/tech/1449440793/734
735: デフォルトの名無しさん [sage] 2022/09/04(日) 13:19:42.31 ID:gMMLSyjY >>734 ありがとう。助かりました。てかそっちに纏めてるのか。 http://mevius.5ch.net/test/read.cgi/tech/1449440793/735
736: デフォルトの名無しさん [] 2022/11/30(水) 14:57:54.07 ID:puhqr6nn ぼやき MDN見て、セレクトボックスで beforeinput イベントを使おうとして、試してみたら発火しない なんでだーと思ったら英語版には beforeinput イベントは input と textarea だと書いてあった 日本語訳の select が誤記載だったというオチ 登録してまで指摘投げる気はないので、編集できる人がここ見たらそのうち修正されるかなあと書き込み http://mevius.5ch.net/test/read.cgi/tech/1449440793/736
737: デフォルトの名無しさん [] 2022/11/30(水) 15:16:11.94 ID:G0TyVVXA >>720 っていうか応用以上の情報処理試験でも言えるけど 落ちるような人にプロ名乗って欲しくない http://mevius.5ch.net/test/read.cgi/tech/1449440793/737
738: デフォルトの名無しさん [] 2022/11/30(水) 15:25:02.52 ID:G0TyVVXA >>727 >俺はプログラミングはcraft(工芸、手技)に近く、テストしたければ絵と同様「実技」(絵ならデッサン)でやるしかないと思うけど ここは賛成 http://mevius.5ch.net/test/read.cgi/tech/1449440793/738
739: デフォルトの名無しさん [] 2022/11/30(水) 15:34:48.91 ID:G0TyVVXA >>732 他人と少しでも仕事したことあるなら言いたくなることもあるだろう http://mevius.5ch.net/test/read.cgi/tech/1449440793/739
740: デフォルトの名無しさん [sage] 2022/12/21(水) 19:56:54.56 ID:ZLSsY0as ブラウザ上で 別タブでページ開く→開いたページ操作→ページ全体あるいはDOMツリーの一部をスクショ って可能ですかね? 素直にパペッター使った方がいいかな? http://mevius.5ch.net/test/read.cgi/tech/1449440793/740
741: デフォルトの名無しさん [sage] 2022/12/21(水) 20:53:36.23 ID:YF8SK8D8 >>740 今ググって知ったレベルだが、html2canvas使えば出来るらしい。 ただ、別タブを操作するには、そのページ内でJSを動かすかブラウザ拡張とかにしないといけない。 意味不明なら、意味が分かる方(=Puppeteer)を使う方が早いのではないかと。 自分がスクショ取りたいだけなら何でもいいし。 ユーザーにそのページのスクショ採らせて送らせる、というのならJSだが、 html2canvasはブラウザのレンダリングと異なることもあるらしいので。 (と言うほど問題ないのだろうし、見れば差異は分かるからデバッグ用途には十分だが) http://mevius.5ch.net/test/read.cgi/tech/1449440793/741
742: デフォルトの名無しさん [sage] 2022/12/21(水) 22:22:38.47 ID:TTkvZ9O6 >>741 サンガツ 要件的にパペッターが正解っぽいのでこっちで頑張るます http://mevius.5ch.net/test/read.cgi/tech/1449440793/742
743: デフォルトの名無しさん [sage] 2022/12/24(土) 18:22:53.96 ID:DZHz5J2C 高精度タイマ(performance.now())の精度を上げる(落とさない)オプションを知ってたら教えてくれ。 他のスレ見ててCORS回避のオプションがあることを初めて知った。 https://mevius.5ch.net/test/read.cgi/tech/1659855460/472 なら高精度タイマの精度を落とさないオプションも多分あると思って探したが、辿り着けない。 今見つけた限りで、一番多い一覧があったサイトは以下。 https://peter.sh/experiments/chromium-command-line-switches/ http://mevius.5ch.net/test/read.cgi/tech/1449440793/743
744: デフォルトの名無しさん [sage] 2022/12/26(月) 03:08:30.89 ID:qg5Yi6nt >>734-735 4年半以上かけてsafariでもようやく今月実装された bugs.webkit.org/show_bug.cgi?id=174931 http://mevius.5ch.net/test/read.cgi/tech/1449440793/744
745: デフォルトの名無しさん [sage] 2023/03/04(土) 11:08:58.95 ID:BmFTVnYF JSの条件式はifを使わなくても色々書けて楽しい。 http://mevius.5ch.net/test/read.cgi/tech/1449440793/745
746: デフォルトの名無しさん [sage] 2024/03/03(日) 21:51:15.73 ID:BcWORH9H >>733-735と同じだが、 また正規表現先読み/後読みのブラウザ対応表が行方不明になってる。 どこにあるか知ってる人がいたら教えてよろしく。 http://mevius.5ch.net/test/read.cgi/tech/1449440793/746
747: デフォルトの名無しさん [sage] 2024/03/03(日) 23:23:16.95 ID:7fNlciS5 >>746 https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Regular_expressions http://mevius.5ch.net/test/read.cgi/tech/1449440793/747
748: デフォルトの名無しさん [sage] 2024/03/03(日) 23:42:51.53 ID:BcWORH9H >>747 早速ありがとう。助かります。 つか、RegExp等のページ先頭でアナウンスしてる「正規表現について…」が"Guide"行きで、 この"Reference"に繋がってるリンクがないんだな。だから俺はGuide側で迷子になってた。 http://mevius.5ch.net/test/read.cgi/tech/1449440793/748
749: デフォルトの名無しさん [sage] 2024/03/19(火) 11:12:20.58 ID:N0+FD4yc if () {}やfor () {}など}の後に;をつける人ってどれくらいいるんだろう? ESLintの警告でやったほうがいいのかなぁと思ったり思わなかったり http://mevius.5ch.net/test/read.cgi/tech/1449440793/749
750: デフォルトの名無しさん [sage] 2024/03/19(火) 13:05:44.14 ID:d3TWJjaW >>749 > }の後に;をつける人 C/C++/C#/Java等、セミコロン省略禁止の言語でもそこに付ける奴はいない。 つかお前根本的に勘違いしてるからきちんと確認しろ。 そしてその程度ならどっちでもいいからさっさと次に進め。 セミコロンを打つ打たないに拘り始めたら無駄に足踏みして上達しなくなる。 絵を描くのが目的なのに、鉛筆の削り方に拘りすぎて絵を描かなくなるようなものだ。 コードも同様、書いて動かしての反復で上達するのであって、書かないのではどうにもならない。 (書く前に考えろ、というのはあるが、今のお前はそのレベルに達してない) 通常はリンターの警告を全部無くすようにする。 これはリンター製作者がお前よりJSに詳しいという仮定だ。 少なくとも分かるようになってリンター製作者の思惑も見えてきてウザくなるまではそうするべき。 そもそも警告が出てる箇所を間違ってると思うから、まずお前は全部リンターに従うべきだろうよ。 http://mevius.5ch.net/test/read.cgi/tech/1449440793/750
751: デフォルトの名無しさん [sage] 2024/03/19(火) 13:35:59.75 ID:d3TWJjaW >>749 と思ったが、もしかしてPythonやRuby等、セミコロン書かない言語の出身か? ならJSの文法がユルイ所は全部無視して、さっさと進めばいい。 一応セミコロン書かない派閥もあるし、そのコーディングルールもある。 (ESLintもno-unexpected-multiline指定でセミコロン無しルールで動くらしい) リンターを通すのが目的ではなく、アプリケーション開発の生産性を上げる為にリンターを通すのだから、 自分が書き慣れたスタイルで行くべき。 (ただそこに引っかかる程度ならお前はまずセミコロン必須言語で修行すべきとも思うが) http://mevius.5ch.net/test/read.cgi/tech/1449440793/751
752: デフォルトの名無しさん [sage] 2024/04/15(月) 17:37:52.87 ID:O2slytZi ESLintで思い出したが最近大型更新されたけどWebでチェックできる https://eslint.org/play は大幅に機能が減ったね BrowserやGreasemonkey用のconfigが消えてて残念 http://mevius.5ch.net/test/read.cgi/tech/1449440793/752
753: デフォルトの名無しさん [] 2024/04/28(日) 21:54:09.25 ID:zlR73q8o スレ立てあらしスクリプト対抗age http://mevius.5ch.net/test/read.cgi/tech/1449440793/753
754: デフォルトの名無しさん [] 2025/04/28(月) 02:23:16.87 ID:uRHbhPe6 ここ1か月くらいYoutube APIで視聴回数(viewCount)が取得できないYoutubeアカウントが散見されるのですが 原因分かる方います?数値が入らず空で返って来ます。登録者数や動画本数は取得できています。 http://mevius.5ch.net/test/read.cgi/tech/1449440793/754
755: デフォルトの名無しさん [] 2025/04/28(月) 10:11:06.09 ID:AuNLagCl {この中の最後に;}をつけない人は気になるな http://mevius.5ch.net/test/read.cgi/tech/1449440793/755
756: デフォルトの名無しさん [] 2025/04/28(月) 12:30:10.45 ID:04dLWA6z セミコロンハラスメントの可能性がある。 ↑ 例)マルハラ http://mevius.5ch.net/test/read.cgi/tech/1449440793/756
757: デフォルトの名無しさん [sage] 2025/04/28(月) 16:40:25.22 ID:BX6RBBDx ↑ つきまといハラスメント http://mevius.5ch.net/test/read.cgi/tech/1449440793/757
758: 754 [] 2025/04/30(水) 17:44:44.25 ID:wEdJJHpl 昨日か今日自然回復しました youtube側の不具合だったか http://mevius.5ch.net/test/read.cgi/tech/1449440793/758
759: デフォルトの名無しさん [sage] 2025/05/04(日) 17:59:00.64 ID:cuekjvyq jsで鬼車の正規表現を使えるライブラリ https://github.com/slevithan/oniguruma-to-es めちゃ完成度高くてほとんどのお荷車用正規表現をjsで使える http://mevius.5ch.net/test/read.cgi/tech/1449440793/759
760: デフォルトの名無しさん [] 2025/05/15(木) 18:10:24.07 ID:Sisik9pA async な関数にプレフィックスかサフィックスをつけたいんだけど、お前らはどう思う? 自分の信ずる道を教えてくれ http://mevius.5ch.net/test/read.cgi/tech/1449440793/760
メモ帳
(0/65535文字)
上
下
前
次
1-
新
書
関
写
板
覧
索
設
栞
歴
スレ情報
赤レス抽出
画像レス抽出
歴の未読スレ
AAサムネイル
Google検索
Wikipedia
ぬこの手
ぬこTOP
2.027s*