JavaScript の質問用スレッド vol.126 (308ﾚｽ)
JavaScript の質問用スレッド vol.126 http://mevius.5ch.net/test/read.cgi/tech/1702111239/
上
下
前
次
1-
新
通常表示
512ﾊﾞｲﾄ分割
ﾚｽ栞
184: デフォルトの名無しさん (ﾜｯﾁｮｲ 1bbc-AtXo [2404:7a87:26a0:9e00:*]) [sage] 2024/04/13(土) 22:59:37.70 ID:3VlMmSMB0 すいません、Reactの質問ってここでいいですか？ http://mevius.5ch.net/test/read.cgi/tech/1702111239/184
185: デフォルトの名無しさん (ﾜｯﾁｮｲ a310-0yiv [2400:2200:4d8:f2fa:*]) [sage] 2024/04/13(土) 23:23:14.15 ID:i7geu5sV0 まずスレ一覧をReactで検索するぐらいしてみたら？ http://mevius.5ch.net/test/read.cgi/tech/1702111239/185
186: デフォルトの名無しさん (ﾜｯﾁｮｲ 298b-29lp [240d:1a:7fe:ef00:*]) [] 2024/04/20(土) 13:04:04.45 ID:/vy8T+9K0 昔、私が大学でプログラミングを習ったとき（C言語でした）には円周率など特別な値については定数にしろと言われはしましたが、その他の変数については定数にしろとは言われませんでした。 Javascriptの本を今読んでいるのですが、再代入を行わない場合にはすべて「let」ではなく「const」を使えと書いてあります。 このようなことが言われるようになったのはいつ頃からでしょうか？ 私がそう習わなかっただけで、昔から言われていたことでしょうか？ http://mevius.5ch.net/test/read.cgi/tech/1702111239/186
187: デフォルトの名無しさん (ﾜｯﾁｮｲ d15e-4mIM [240b:12:203:6300:* [上級国民]]) [sage] 2024/04/20(土) 14:12:14.37 ID:7dIwEOD00 >>186 JavaScriptはCromeやFirefox等のブラウザ作ってる所が各自で動作するエンジン作れと丸投げしてるが 仕様書にあたるECMAScriptが長い間ES5というバージョンのまま止まってた その頃には変数宣言はvarのみだった 流石に今時のプログラミング言語にしようぜって事でECMAScriptの強化が始まり(ES6というプロジェクト) 最終的に2015年からは毎年強化した仕様を出しましょうという話になった その最初の成果物とも言えるES2015で変数宣言としてvarの他にletとconstの2つが追加 for (var i = 0; i < 5; i++) { setTimeout(() => console.log(i)) } これの出力結果が4が5個連続で表示される 違和感があるが、 letのブロックスコープによって解消されてるのでvarはもう二度と使うなという風潮が出来た (それ以外にもvarは関数の先頭で纏めて書かないと変な動きする箇所がちらほら見受けられ、コーディング規約で制限されていた) また値がコロコロ変わる状態変数が多いと 登場人物がやたら多い粗悪な小説みたいになって作業者が困るので 「再代入禁止の変数」を求める声が元々多かった その要望を汲んだ再代入禁止のconstも実装されたため 必要になるまで全てconstでプログラミングして、必要な箇所だけ最小限にletを使いましょうという風潮が比較的早く出来た http://mevius.5ch.net/test/read.cgi/tech/1702111239/187
188: デフォルトの名無しさん (ﾜｯﾁｮｲ d15e-4mIM [240b:12:203:6300:* [上級国民]]) [sage] 2024/04/20(土) 14:22:49.70 ID:7dIwEOD00 constは直訳すれば定数だが JSのconstは再代入しちゃいけませんよってだけで 基本は普通の変数として取り扱う 配列やオブジェクト、関数、インスタンスなんかもconstで宣言出来るね 他言語のletみたいなものと考えると良い constで宣言したオブジェクトや配列は再代入禁止なだけで、中身は普通に加工出来てしまうのも作りとして良くない const arr = [1, 2, 3]; arr.push(4); console.log(arr); // [1, 2, 3, 4] この辺は勝手に加工しないよう運用でカバーやね 値は基本的に複製しまくってガベージコレクションで掃除してもらう パフォーマンスチューニングで仕方なく一つの値を加工しまくる時はライブラリ化したり関数で固めたりして、メインロジックの邪魔にならないようにすること http://mevius.5ch.net/test/read.cgi/tech/1702111239/188
189: デフォルトの名無しさん (ﾜｯﾁｮｲ 298b-29lp [240d:1a:7fe:ef00:*]) [] 2024/04/20(土) 14:53:24.59 ID:/vy8T+9K0 >>187-188 ありがとうございました。 http://mevius.5ch.net/test/read.cgi/tech/1702111239/189
190: デフォルトの名無しさん (ﾜｯﾁｮｲ 6b21-9wFU [121.2.134.225]) [] 2024/04/20(土) 21:40:49.05 ID:KOUUOZ8l0 すみません。 以前からJSフレーム・ワークについて 疑問を持っていたのですが フレーム・ワークを使う人は、 1. JavaScriptに精通しているので 中規模程度のサイトなら 素のJavaScriptと_lodash等だけでも組めるが 効率が悪いのでフレーム・ワークを その内部構造をも理解して使っている。 2. JavaScriptの基本的な仕組みと DOM操作の基本は理解しているが 素のJavaScriptではサイトを作れないので フレーム・ワークの仕様仕組みを理解して使っている。 の2種類に大別できると思うのですが 結局ブラウザは素のJavaScriptで動いているだけなので 「1」の技能習得に向かわざるを得ないと思うのですが いかがでしょうか。 http://mevius.5ch.net/test/read.cgi/tech/1702111239/190
191: デフォルトの名無しさん (ﾜｯﾁｮｲ 6b55-Olxi [2400:2200:6b3:858d:*]) [sage] 2024/04/20(土) 22:07:39.36 ID:xlVv2mR90 どこから突っ込んでいいのかわからなくて答えようがない http://mevius.5ch.net/test/read.cgi/tech/1702111239/191
192: デフォルトの名無しさん (ﾜｯﾁｮｲ d1f1-4mIM [240b:12:203:6300:* [上級国民]]) [sage] 2024/04/20(土) 22:27:55.19 ID:7dIwEOD00 >>190 lodashは関数型プログラミング的な値の加工を司るフレームワークだぞ 一部だけ利用させて頂いて関数片の集合体ライブラリとして使うことも出来るがな フレームワークは機能を提供するライブラリであると共に 大きなプロダクトを作っていく為のファイル・関数・モジュール置き場をルールで区切ってここに設置してくださいねー こういう司書さんみたいな役割も担ってる 複数人でプロダクトを触ったり 半年後にどれどれ？と帰ってきて読み直した時にナニコレ？にならない為に プログラミングスキルの良し悪しに限らず 適切なフレームワークがあるなら使った方が良い フレームワークを使わん機能を作る時でも 関数やファイルを作って保管するタイミングで「このフレームワークの考え方は好きだな、同じディレクトリ名を作ってそこに保管しよう」 自然とこういう発想が生まれる なのでフレームワークを使い分けてる人間は引き出しが多くなっていき 可読性の良いプロダクトを作る能力も養われる 結局フレームワーク無しで適当に関数やファイルを作って放り投げるばかりで 読み辛いプロダクト作ってる奴なんて3流の雑魚だよ http://mevius.5ch.net/test/read.cgi/tech/1702111239/192
193: デフォルトの名無しさん (ﾜｯﾁｮｲ d721-K5o/ [121.2.134.225]) [] 2024/04/21(日) 00:20:10.62 ID:R6fhRdj50 >>191 >>192 ありがとうございます。 ご教示参考にさせて頂き 精進いたします。 http://mevius.5ch.net/test/read.cgi/tech/1702111239/193
194: デフォルトの名無しさん (ﾜｯﾁｮｲ 1735-TxeL [2001:268:9a1c:ec74:*]) [sage] 2024/04/21(日) 02:22:30.51 ID:9CBVBBl20 >>186 サイの表紙のサイ本。 初めてのJavaScript 第3版 ――ES2015以降の最新ウェブ開発、オライリー、2017 ECMA Script は、ES6(ES2015)で大きな改正があった。 var を非推奨にして、let/const を使う オブジェクトの場合は、たいていconst を使う。 代入はできないが、オブジェクトの中身は更新できるから const a = { x: 1 } a.y = 'あ' a //=> { x: 1, y: 'あ' } a = 2 //=> エラー。再代入はできない！ http://mevius.5ch.net/test/read.cgi/tech/1702111239/194
195: デフォルトの名無しさん (ﾜｯﾁｮｲ 0979-208W [110.2.64.150]) [] 2024/04/28(日) 21:53:35.47 ID:zlR73q8o0 スレ立てあらしスクリプト対抗age http://mevius.5ch.net/test/read.cgi/tech/1702111239/195
196: デフォルトの名無しさん (ﾜｯﾁｮｲ 3fd8-HeGF [240b:11:92e0:d400:*]) [] 2024/06/09(日) 04:17:47.61 ID:7bXOQjjM0 お願いします。 let test = [{id: 1,name: '太郎'},{id: 2,name: '二郎'},{id: 3,name: '三郎'}]; console.log(test); //forEach実行前 test.forEach((value) => { delete value.id; }) console.log(test); //forEach実行後 これを実行してlogを見ると 0:{name: '太郎'} 1:{name: '二郎'} 2:{name: '三郎'} forEach実行後だけでなく実行前の値もオブジェクトのidプロパティが削除されていたのですが理屈がわかりません。 試しに配列ではなくて配列の中のオブジェクトをconsole.logで調べると let test = [{id: 1,name: '太郎'},{id: 2,name: '二郎'},{id: 3,name: '三郎'}]; console.log(test[0]); test.forEach((value) => { delete value.id; }) console.log(test[0]); forEach前のオブジェクトにはidプロパティが存在して forEach後には削除されている期待通りの結果になるのですが どんな理屈なのかわかりません。 初歩的な質問で申し訳ありませんが教えてください http://mevius.5ch.net/test/read.cgi/tech/1702111239/196
197: デフォルトの名無しさん (JP 0H7f-Odlx [133.106.38.39]) [sage] 2024/06/09(日) 04:55:12.99 ID:Wajupa1KH paiza.ioで試したが再現しなかった JavaScriptの実行エンジンがあらかじめ使いもせずすぐdeleteするような無駄な処理を削ぎ落とすとかしてるんじゃね？知らんけど http://mevius.5ch.net/test/read.cgi/tech/1702111239/197
198: デフォルトの名無しさん (ﾜｯﾁｮｲ 23a9-YaDi [240b:12:203:6300:* [上級国民]]) [sage] 2024/06/09(日) 04:59:29.38 ID:eQJZpcgM0 >>196 「JavaScript 参照の値渡し」でググれ 初歩的な事柄だろ？すぐ理解出来るだろ http://mevius.5ch.net/test/read.cgi/tech/1702111239/198
199: デフォルトの名無しさん (JP 0H7f-Odlx [133.106.38.39]) [sage] 2024/06/09(日) 05:22:49.71 ID:Wajupa1KH あーjsをhtmlに直書きしてFireFox/Edgeで読み込んだら再現したわ jsじゃなくて開発者ツールのコンソール表示の仕様だと思う 配列内のオブジェクトみたいなネストされてるモノについては、その時点の値じゃなく表示を求められた時点の値が表示されるとかじやないかな http://mevius.5ch.net/test/read.cgi/tech/1702111239/199
200: デフォルトの名無しさん (ﾜｯﾁｮｲ 3f12-HeGF [240b:11:92e0:d400:*]) [] 2024/06/09(日) 06:13:08.40 ID:7bXOQjjM0 >>198 ありがとうございます。 参照渡しがメモリ上のアドレスを参照してるのは知っていたのですが 初めのconsole.logをした時点ではまだ値を変更していないのに なぜ変更後の値が表示されるのか理屈が分かりませんでした >>197>>199 一度テキストに書いたものを貼ったので^^;お手数をおかけました コンソール表示の仕様ですか、なんとなくですが納得できました 丁寧にありがとうございます。 http://mevius.5ch.net/test/read.cgi/tech/1702111239/200
201: デフォルトの名無しさん (ﾜｯﾁｮｲ 43e9-qUdF [222.15.234.152]) [] 2024/06/09(日) 06:25:46.35 ID:v+ppJ5f30 id を別な文字に変えると http://mevius.5ch.net/test/read.cgi/tech/1702111239/201
202: デフォルトの名無しさん (ﾜｯﾁｮｲ ff0c-xov0 [240b:253:a100:e600:*]) [] 2024/06/09(日) 08:02:18.06 ID:GyoPGP3N0 全ての波【電磁波】で下記の症状が起きる 理由は電磁波が強いために起こるか電磁波が通過すれば磁気が生じて鉄分が振動して間接的に鼓膜などが振動する マイクロ波聴覚効果を用いた音声伝送に関する検討 2018/03/05 https://www.bookpark.ne.jp/cm/ieej/detail/IEEJ-ZT181039-PDF/ マイクロ波聴覚効果 Wikipedia https://ja.wikipedia.org/wiki/%E3%83%9E%E3%82%A4%E3%82%AF%E3%83%AD%E6%B3%A2%E8%81%B4%E8%A6%9A%E5%8A%B9%E6%9E%9C >>マイクロ波を照射された被験者は、クリック音やブザーのようなうなり音が聞こえる 早大、物質中の創発磁気モノポールに起こる集団振動現象を理論的に発見 2024/06/04 https://news.mynavi.jp/techplus/article/20240604-2958879/ 理研、電子ビームの電子回折をアト秒で制御できる技術を開発 2024/06/06 https://news.mynavi.jp/techplus/article/20240606-2960578/ ※電磁波も振動させれると記載あり 最低でも下記ノ電磁波の威力が必要なら行っている者全員補足されている GPSの電波は超微弱 https://gigazine.net/news/20240421-gypsum-gps-receiver/ ［２２］米国特許５８６８１００号 【ＧＰＳ位置情報を使用した動物コントロール・システム】 一例ですが年々受信機の感度は向上している 東工大、磁束集中器を用いない高感度「ダイヤモンド量子センサ」を開発 2024/06/07 https://news.mynavi.jp/techplus/article/20240607-2961238/ 電磁波音波攻撃をされている部位ごとにホルモンや異常物質などの観測 パーキンソン病の原因物質、脳内の可視化に成功 2024年6月6日 0時00分 https://www.asahi.com/articles/ASS652V7RS65ULBH00GM.html http://mevius.5ch.net/test/read.cgi/tech/1702111239/202
203: デフォルトの名無しさん (ﾜｯﾁｮｲ 2301-t5YS [60.88.88.32]) [sage] 2024/06/09(日) 08:21:10.79 ID:kTI4ZAed0 >>196 >>199 でも指摘のある通りconsole.logの仕様かな オブジェクトを渡した場合、開発者ツールで見ることのできるのはそのオブジェクトの現在の状態 デバッグで delete の行で止めてみれば確認できるはず http://mevius.5ch.net/test/read.cgi/tech/1702111239/203
204: デフォルトの名無しさん (ﾜｯﾁｮｲ 2361-7AaF [124.87.227.97]) [sage] 2024/06/09(日) 16:12:58.02 ID:Q+r4d53/0 単純なオブジェクトならconsole.log(JSON.stringify(hoge))とかするのも手だね http://mevius.5ch.net/test/read.cgi/tech/1702111239/204
205: デフォルトの名無しさん (ﾜｯﾁｮｲ ff96-sNpc [2400:2200:4b1:1eb8:*]) [sage] 2024/06/09(日) 17:12:03.63 ID:bzc/s2Ac0 ここが詳しいね↓ Chrome の console.log でハマらないために http://nmi.jp/2022-11-14-Be-careful-about-console-log-in-chrome http://mevius.5ch.net/test/read.cgi/tech/1702111239/205
206: デフォルトの名無しさん (ﾜｯﾁｮｲ 639f-VQfa [2001:268:9a20:1e45:*]) [sage] 2024/06/09(日) 18:59:00.31 ID:47AcMhsH0 >let test オブジェクトtest に再代入していないから、const test を使う。 内部を変更しているだけだから(破壊的変更) 配列オブジェクトtest の、内部のオブジェクトを変更している。 value は参照渡し。 内部のオブジェクトをコピー・再構築して、引数に渡すのではない！ C/C++ 以外の言語は参照渡し。 コピー・再構築せずに、現存するオブジェクトをそのまま引数に渡す const test = [{id: 1,name: '太郎'}]; console.log(test); //=> forEach 実行前は、[ { id: 1, name: '太郎' } ] test.forEach((value) => { delete value.id; }) console.log(test); //=> forEach 実行後は、[ { name: '太郎' } ] http://mevius.5ch.net/test/read.cgi/tech/1702111239/206
207: デフォルトの名無しさん (ﾜｯﾁｮｲ cf10-N2Ms [153.252.74.3]) [sage] 2024/06/13(木) 23:54:51.41 ID:UwmoZOtM0 console.log厄介だな…プリントデバッグ卒業しないと駄目か http://mevius.5ch.net/test/read.cgi/tech/1702111239/207
208: デフォルトの名無しさん (ﾜｯﾁｮｲ 8f13-Sdaz [2400:2200:1d9:de7d:*]) [sage] 2024/06/14(金) 00:22:57.99 ID:QtqbLyKp0 卒業しなくていい http://mevius.5ch.net/test/read.cgi/tech/1702111239/208
209: デフォルトの名無しさん (ﾜｯﾁｮｲ 8299-bV2f [2400:2200:4fb:564e:*]) [sage] 2024/07/02(火) 17:17:44.53 ID:kFuGoUXg0 ループの中でwindow.openして、ポートだけが違う同じドメインの同じ画面を複数開くとchromeのタスクマネージャーでは全部同じプロセスIDでcpuコア分散してくれないのだけれどそういうものでしょうか？ 最初は同じオリジンでやってたんだけどふか高くて、ポート変えて別オリジンならプロセスも変わってコア使い回してくれるかなと思ったのだけれどそうはならず、回避方法模索中です http://mevius.5ch.net/test/read.cgi/tech/1702111239/209
210: デフォルトの名無しさん (ﾜｯﾁｮｲ 1231-PoPW [2400:2200:4d2:c4bd:*]) [sage] 2024/07/02(火) 20:47:10.76 ID:nZysD7UJ0 詳しくは分からないけどJavaScriptのコードで関与できる部分じゃないような まずchromeのスレあたりで挙動について質問してみたら？ http://mevius.5ch.net/test/read.cgi/tech/1702111239/210
211: デフォルトの名無しさん (ﾜｯﾁｮｲ 8299-bV2f [2400:2200:4fb:564e:*]) [sage] 2024/07/02(火) 21:33:51.40 ID:kFuGoUXg0 >>210 ありがとうございます イロイロ試したけど挙動的にwindow.openで同じドメインのページ開くと同じプロセスに囲われてしまうっぽいです で、hostsに同じipを別ホスト名に定義してそのホスト名で呼んだら別プロセスになってくれた 気持ち悪いけど一旦これで逃げられるか検証したいと思います http://mevius.5ch.net/test/read.cgi/tech/1702111239/211
212: デフォルトの名無しさん (ﾜｯﾁｮｲ 0df5-hfHU [2404:7a82:3de0:3500:*]) [sage] 2024/07/03(水) 18:29:30.68 ID:YlCf6WAf0 >>211 子ウィンドウから opener で親を参照できる間柄だと CPU を分けるわけにはいかないんじゃない？ http://mevius.5ch.net/test/read.cgi/tech/1702111239/212
213: デフォルトの名無しさん (ﾜｯﾁｮｲ 0df5-hfHU [2404:7a82:3de0:3500:*]) [sage] 2024/07/03(水) 18:30:11.37 ID:YlCf6WAf0 >>212 CPU じゃない、プロセスか http://mevius.5ch.net/test/read.cgi/tech/1702111239/213
214: デフォルトの名無しさん (ﾜｯﾁｮｲ 9e7e-bV2f [2400:2200:7b2:8057:*]) [sage] 2024/07/03(水) 20:03:48.10 ID:QL5YeWa80 >>213 大元画面 →A機能群メイン画面 →B機能群メイン画面 →C機能群メイン画面 みたいな構成で大元からワンクリックでA,B,C画面がバババっと別Windowで表示のイメージで 大元とA,B,Cは親子関係いらないしA,B,C間も参照不要だから別プロセスで上げてコア分散して欲しいんだけどA,B,Cが同一プロセスになっちゃうって感じなのです http://mevius.5ch.net/test/read.cgi/tech/1702111239/214
215: デフォルトの名無しさん (ﾜｯﾁｮｲ 0df5-hfHU [2404:7a82:3de0:3500:*]) [sage] 2024/07/04(木) 04:55:13.57 ID:O++Z8oMX0 >>214 それらが同じドメインにあってセキュリティ上も子画面から親画面を opener で参照できちゃう間柄だから、スクリプトエンジンも同じインスタンスじゃないといけなくて同じプロセスになるってことなんじゃないかな。 間に別ドメインを挟んでリダイレクトでもするとプロセスが分かれるかもね。 http://mevius.5ch.net/test/read.cgi/tech/1702111239/215
216: デフォルトの名無しさん (ﾜｯﾁｮｲ f518-w2mC [2400:2200:6b6:7ae7:*]) [sage] 2024/07/04(木) 08:37:45.29 ID:7WHO1Maz0 Chromeのプロセスマネジメントの仕組みについて説明すると、Chromeは各タブや拡張機能を個別のプロセスで管理することで、ブラウザの安定性とセキュリティを向上させています。しかし、同じオリジン（スキーム、ホスト、ポートが同じ）からのリクエストに対しては、プロセスを共有することが一般的です。ポート番号が異なる場合でも、同じドメインからのリクエストは同じプロセスで処理されることが多いです。 CPUコアの分散については、Chromeのプロセスマネジメントに依存するため、開いているタブや実行中のスクリプトの数が多くても、同じプロセスで実行される場合があります。そのため、CPUコアが均等に分散されないことがあるのです。 http://mevius.5ch.net/test/read.cgi/tech/1702111239/216
217: デフォルトの名無しさん (ﾜｯﾁｮｲ 5e63-klGW [153.174.220.41]) [sage] 2024/07/05(金) 09:45:00.80 ID:Js1ZcPln0 acrobatで選択した単語をJavascriptに渡せないのは仕様？ api使いたいのにその前段階で躓いている http://mevius.5ch.net/test/read.cgi/tech/1702111239/217
218: デフォルトの名無しさん (ﾜｯﾁｮｲ 5e63-klGW [153.174.220.41]) [sage] 2024/07/05(金) 10:34:02.07 ID:Js1ZcPln0 自己解決した。 渡せないんだねえ。 ハイライト経由で渡すんだね。 面倒くさくな。 http://mevius.5ch.net/test/read.cgi/tech/1702111239/218
219: デフォルトの名無しさん (ﾜｯﾁｮｲ 692d-RZYL [240b:12:203:6300:* [上級国民]]) [sage] 2024/07/05(金) 10:37:09.77 ID:Beou0vig0 ブラウザの制約を厳しくしないと すぐクレカ番号やログイン情報を抜かれるからな 特殊な事をしたければデスクトップアプリやCLIをベースにした方が無難 http://mevius.5ch.net/test/read.cgi/tech/1702111239/219
220: デフォルトの名無しさん (ﾜｯﾁｮｲ 5e63-klGW [153.174.220.41]) [sage] 2024/07/05(金) 11:02:03.90 ID:Js1ZcPln0 デスクトップアプリのAcrobat DCで英文自動翻訳注釈作成機を作ろうとしてるんですけどねえ http://mevius.5ch.net/test/read.cgi/tech/1702111239/220
221: デフォルトの名無しさん (ﾜｯﾁｮｲ 9279-oiVf [27.132.131.251]) [sage] 2024/07/06(土) 16:41:04.11 ID:ixa6zhE30 acrobatというかPDFに英文箇所を翻訳したいってことだよね acrobatでやるならプラグインでも入れないと無理なんじゃないかな やる事の割に大変な手間だから有償だったりするね http://mevius.5ch.net/test/read.cgi/tech/1702111239/221
222: デフォルトの名無しさん (ﾜｯﾁｮｲ 5e63-klGW [153.174.220.41]) [sage] 2024/07/06(土) 19:00:07.61 ID:SVaQBkcr0 >>221 Wordで簡単に出来たことがこんなに大変で驚いてる selectionオブジェクトがないのに驚きました http://mevius.5ch.net/test/read.cgi/tech/1702111239/222
223: デフォルトの名無しさん (ﾜｯﾁｮｲ c24b-Wzaw [203.139.76.105 [上級国民]]) [] 2024/07/27(土) 23:26:18.23 ID:6J8KNmw/0 iOSのブラウザだと指をつまむようにピンチ操作するとタブ一覧になりますがこれを防ぐ方法ってないんでしょうか touchstart, touchmove, touchendのそれぞれでpreventDefaultしても無理でした http://mevius.5ch.net/test/read.cgi/tech/1702111239/223
224: デフォルトの名無しさん (ﾜｯﾁｮｲ ef7d-urqj [111.89.246.142]) [sage] 2024/08/11(日) 18:28:32.58 ID:tgahoj8r0 東京都の低所得者向け支援事業のページですが、 https://kurashiouen.metro.tokyo.lg.jp/login ここのフォームに毎回手動で入れるのが面倒なんで TamperMonkeyで入れようとしたんですが、 うまく値が入らないです。 (メアド登録すれば向こうから知らせてくるのだけどメアドを広範囲に振りまくのはなるべく避けたい) inputタグのvalueプロパティに 値を入れてその値が画面に出ていても そのinputにフォーカスすると消えてしまいますし、 ページのjavascriptからは正常な値が入っていると認識されていないようです。 (生年月日のselectタグも同じ) http://mevius.5ch.net/test/read.cgi/tech/1702111239/224
225: デフォルトの名無しさん (ﾜｯﾁｮｲ ef7d-urqj [111.89.246.142]) [sage] 2024/08/11(日) 18:28:49.67 ID:tgahoj8r0 最初の世帯識別番号を全部フィルしてから(全部4ケタ) 一番下の規約同意チェックボックスをクリックしないと ログインボタンが有効にならないという動作のようです。 (チェックボックスを.checked=trueにするだけではダメ) うまく自動で値を入力するにはどうすればいいでしょうか？ セレニウムやAutoHotKeyを使えばできるような気もしますが できればTamperMonkeyでやりたい http://mevius.5ch.net/test/read.cgi/tech/1702111239/225
226: デフォルトの名無しさん (ﾜｯﾁｮｲ cb61-6HV9 [60.45.92.38]) [sage] 2024/08/11(日) 21:08:30.34 ID:lbk/Z2Eg0 >>224 それぞれイベント発火時に値を読み取るようなので inputに対しては.valueに値設定したら.dispatchEvent(new Event("input")) selectは.dispatchEvent(new Event("change")) チェックボックスは.click() http://mevius.5ch.net/test/read.cgi/tech/1702111239/226
227: デフォルトの名無しさん (ﾜｯﾁｮｲ ef7d-urqj [111.89.246.142]) [sage] 2024/08/12(月) 18:41:31.15 ID:dTbtx1jA0 >>226 できました！ ありがとうございます なるほど なお チェックボックスの.click()だけはわかってたんですが、 ちゃんと書いておりませんで、すみませんです。。。 http://mevius.5ch.net/test/read.cgi/tech/1702111239/227
228: デフォルトの名無しさん (ﾜｯﾁｮｲ 2501-FzYF [126.51.187.51]) [sage] 2024/08/23(金) 05:01:35.54 ID:GNzk6D2z0 ここ1年くらいで本格的に学び始めたものです 数カ月前にmicromatchていう正規表現ライブラリに脆弱性が指摘されてCVEに登録されたみたいんなんですが これ使ってるライブラリは芋づる式で全部npmでSeverity：moderateの警告が出てるはずで その中にtypescript-eslintも入ってるので、これ使ってるフレームワークのテンプレート、 ほとんど影響受けてると思うんですが、各ライブラリのissueとか探しても全然話題になっていないみたいです。 皆、moderateくらいのセキュリティ警告はほとんど気にしないんですか？ それとも開発環境Onlyの依存関係だから？ http://mevius.5ch.net/test/read.cgi/tech/1702111239/228
229: デフォルトの名無しさん (ﾜｯﾁｮｲ db59-3ukT [2400:4176:2846:5b00:*]) [sage] 2024/08/23(金) 16:45:00.54 ID:bCxVN52K0 >>228 botがプルリク送ってきたとて放置 http://mevius.5ch.net/test/read.cgi/tech/1702111239/229
230: デフォルトの名無しさん (ﾜｯﾁｮｲ 3542-l7gQ [2001:268:c203:2913:*]) [sage] 2024/08/27(火) 21:06:37.83 ID:lR/Nrb/N0 バニラJSって流行ってんですか？ http://mevius.5ch.net/test/read.cgi/tech/1702111239/230
231: デフォルトの名無しさん (ﾜｯﾁｮｲ 6bcf-Xwm8 [153.165.155.26]) [sage] 2024/08/28(水) 07:37:45.61 ID:RARaVMf40 >>228 devDependency なら伝播はしないだろ。 npm audit で確認してみりゃいい。 http://mevius.5ch.net/test/read.cgi/tech/1702111239/231
232: デフォルトの名無しさん (ﾜｯﾁｮｲ 25a5-sJ2H [2400:4051:e720:2600:*]) [] 2024/08/30(金) 21:40:56.02 ID:iQc2EzH00 拡張機能でページの読み込み完了時に動作するスクリプトを書いたが、 完了前に発動してしまい、 ラッセーラー、ラッセーラー http://mevius.5ch.net/test/read.cgi/tech/1702111239/232
233: 1000て事にしよっと 999よりデカい (ﾜｯﾁｮｲ 8dc0-gcOT [2400:2200:671:c292:*]) [] 2024/09/03(火) 06:53:50.48 ID:3ofcqTVt0 《言語 javascript》 for(let i = 0;i < 10; i++){ if (i === 99999){ break; // とにかく脱出 } } console.log("i="+i) は、ダメである varは非推奨らしいけど、この意味は ?》varは、使用しないことは、推奨 ?》varは、使用は、推奨は、しない 等 イロイロな解釈の余地はあるな by 🤡自称プロマネ letは地球人が推奨するヤバイやつ∴ letは、宇宙人的には、使用は、🈲ずる by 👤自称ウチュ〰人 本日もモチ暴言 質問ぢゃない質問。ウチュ〰人素晴らしい by 🥳ウチュ〰人に忖度するバカッテスタ http://mevius.5ch.net/test/read.cgi/tech/1702111239/233
234: デフォルトの名無しさん (ﾜｯﾁｮｲ c18d-v++5 [240d:f:2a0:600:*]) [] 2024/09/09(月) 00:14:27.71 ID:0tBQa8Zr0 node.jsで「http://www.amecs.co.jp/solar/index.html?hlat=36.00&hlon=140.25」の textareaの「0,0,0,0...」という文字列を取得したいです。 以下のようなコードで実行すると結果は Textarea value: となり、うまく取得できません。 もし原因がわかれば教えてください。 ＜コード＞ const puppeteer = require('puppeteer'); (async () => { const browser = await puppeteer.launch(); const page = await browser.newPage(); await page.goto('http://www.amecs.co.jp/solar/index.html?hlat=36.00&hlon=140.25'); // ページが完全に読み込まれるのを待ちます await page.waitForSelector('#sdata'); // textareaの値を取得します const textareaValue = await page.$eval('#sdata', el => el.value); console.log('Textarea value:', textareaValue); await browser.close(); })(); http://mevius.5ch.net/test/read.cgi/tech/1702111239/234
235: デフォルトの名無しさん (ﾜｯﾁｮｲ 1361-IU9Y [61.119.230.146]) [sage] 2024/09/09(月) 01:15:24.84 ID:/+PLPYVG0 >>234 非表示になってる#sdataがもう一つ存在してそっちを拾ってるせい セレクタを'#overLayer > #sdata'等詳細にする http://mevius.5ch.net/test/read.cgi/tech/1702111239/235
236: デフォルトの名無しさん (ﾜｯﾁｮｲ c1ed-BHET [240d:f:2a0:600:*]) [] 2024/09/09(月) 07:40:59.09 ID:0tBQa8Zr0 >>235 ありがとう！解決しました ちなみに何を見ると非表示の#sdataがあることを確認できますか？ http://mevius.5ch.net/test/read.cgi/tech/1702111239/236
237: デフォルトの名無しさん (ﾜｯﾁｮｲ 1361-IU9Y [61.119.230.146]) [sage] 2024/09/10(火) 01:02:40.92 ID:pJ+fs1Xn0 >>236 ブラウザF12の開発ツールの要素タブでCtrl+Fして#sdataで検索 http://mevius.5ch.net/test/read.cgi/tech/1702111239/237
238: デフォルトの名無しさん (ﾜｯﾁｮｲ c1b3-BHET [240d:f:2a0:600:*]) [] 2024/09/11(水) 23:50:48.17 ID:HwHYDYw50 >>235 ありがとう！解決しました ちなみに何を見ると非表示の#sdataがあることを確認できますか？ http://mevius.5ch.net/test/read.cgi/tech/1702111239/238
239: デフォルトの名無しさん (ﾗｸｯﾍﾟﾍﾟ MM4e-co9J [133.106.89.97]) [sage] 2024/09/26(木) 10:16:59.99 ID:Wk3ylYwqM document.getElementById("test_id"); を使わずに test_id.value と、直接使うと何か問題がありますか？ http://mevius.5ch.net/test/read.cgi/tech/1702111239/239
240: 今の所はポクのは問題は未だ無い (ﾜｯﾁｮｲ 3ffb-dFxZ [2400:2200:5d5:5428:*]) [] 2024/09/26(木) 21:22:05.89 ID:hoEdOj9E0 📕はCanvasタグID 、📘はAタグID ─ ─ ─ ─ ─ ─ ─ 🔴 = document.getElementById("📕"); 🔵= document.getElementById("📘"); var 🟢 = 🔴.toDataURL("image/png"); 🔵.href = 🟢; BY 🤡 んー素晴らしい ─ ─ ─ ─ ─ ─ ─ オレッちのパソコン環境だと pure な javascript のハズだけど document.getElementById は不要 var 🟢 = 📕.toDataURL("image/png"); 📘.href = 🟢; BY 👤 ヤバぃのかな。こんな実装 ─ ─ ─ ─ ─ ─ ─ タグID がjavascriptのグローバル変数❓ そんなのは、教科書は、見たことは、 ナイナイナイ 在る。 てか、そぅなら、以下一行で済むぢゃん 📘.href = 📕.toDataURL("image/png"); BY 🥳 ─ ─ ─ ─ ─ ─ ─ 地球の javascriptは超進化したのだろうか?! BY 👤 http://mevius.5ch.net/test/read.cgi/tech/1702111239/240
241: デフォルトの名無しさん (ﾜｯﾁｮｲ b310-Qw5I [180.12.82.129]) [] 2024/10/03(木) 08:27:00.36 ID:EHJ+UvFT0 const str = "[aaa,bbb,ccc],[ddd,eee,fff],[ggg,hhh,iii]"; という文字列を[]で囲まれた部分を取り出して配列にしたいんだけど どうやればいいですか？ aaa,bbb,cccとddd,eee,fffとggg,hhh,iiiの３つの要素を持つ配列ってことです http://mevius.5ch.net/test/read.cgi/tech/1702111239/241
242: デフォルトの名無しさん (ﾗｸｯﾍﾟﾍﾟ MMff-xL0Q [133.106.77.209]) [sage] 2024/10/03(木) 08:38:25.14 ID:G42V7GDMM 外側を［］で囲んでeval http://mevius.5ch.net/test/read.cgi/tech/1702111239/242
243: デフォルトの名無しさん (ﾜｯﾁｮｲ 3f00-v4Ln [221.118.182.146]) [sage] 2024/10/03(木) 08:40:52.73 ID:WRRjekij0 aaaとかbbbとかの形式によってはJSON.parseで良くないか http://mevius.5ch.net/test/read.cgi/tech/1702111239/243
244: デフォルトの名無しさん (ｱｳｱｳｴｰ Sa72-xere [111.239.153.138]) [] 2024/10/08(火) 10:57:59.20 ID:BetB/9MOa const str = "[aaa,bbb,ccc],[ddd,eee,fff],[ggg,hhh,iii]"; str.split(","); http://mevius.5ch.net/test/read.cgi/tech/1702111239/244
245: デフォルトの名無しさん (ｱｳｱｳｴｰ Sa72-xere [111.239.153.138]) [sage] 2024/10/08(火) 11:13:58.37 ID:BetB/9MOa // こうか？ const str = "[aaa,bbb,ccc],[ddd,eee,fff],[ggg,hhh,iii]"; str.replace("[","").replaceAll("],","").replace("]","").split("["); http://mevius.5ch.net/test/read.cgi/tech/1702111239/245
246: デフォルトの名無しさん (ｱｳｱｳｴｰ Sa72-xere [111.239.153.138]) [] 2024/10/08(火) 11:28:09.41 ID:BetB/9MOa // こっちか const strArray = "[aaa,bbb,ccc],[ddd,eee,fff],[ggg,hhh,iii]"; // 角括弧で囲まれた要素を二重引用符で囲んでJSON形式に変換 const jsonFormattedStr = strArray.replace(/(\w+)/g, '"$1"'); // JSON.parse()を使って配列に変換 JSON.parse(`[${jsonFormattedStr}]`); // [ ["aaa", "bbb", "ccc"], ["ddd", "eee", "fff"], ["ggg", "hhh", "iii"]] http://mevius.5ch.net/test/read.cgi/tech/1702111239/246
247: デフォルトの名無しさん (ﾜｯﾁｮｲ ba45-1ld3 [59.147.98.100]) [sage] 2024/10/11(金) 07:13:33.54 ID:tTImpqsq0 久々にプログラミングしてるのですが、今のjavascriptって即時関数の中にコードを書くのが普通なんですか？ 昔javascript触ってた時はそういうのなかったので http://mevius.5ch.net/test/read.cgi/tech/1702111239/247
248: デフォルトの名無しさん (ﾜｯﾁｮｲ fa00-F8I7 [221.118.182.146]) [sage] 2024/10/11(金) 07:51:03.87 ID:o/ilE/ed0 JSは15年くらい前から無名関数使い倒す文化だと思うけど http://mevius.5ch.net/test/read.cgi/tech/1702111239/248
249: デフォルトの名無しさん (ﾜｯﾁｮｲ 0b4c-V3+A [2001:240:2472:c002:*]) [sage] 2024/10/11(金) 09:47:24.63 ID:uRIO12V20 2005年頃には即時関数を使い倒す文化が確立されてたぞ むしろ2015以降は代替手段ができたからQuick and Dirtyなコードじゃなければ即時関数の利用シーンはかなり減ってる http://mevius.5ch.net/test/read.cgi/tech/1702111239/249
250: デフォルトの名無しさん (ﾜｯﾁｮｲ 9302-i3Tp [124.210.129.68]) [sage] 2024/10/11(金) 09:52:14.18 ID:SCGEnJgQ0 letとconstができたから即時間数なんてもういらない http://mevius.5ch.net/test/read.cgi/tech/1702111239/250
251: デフォルトの名無しさん (ﾍﾞｰｲﾓ MM66-shoS [27.253.251.174]) [sage] 2024/10/11(金) 11:05:14.15 ID:cc/oW7+2M 個人的には 1) その場限りのコールバック、2) 一連の手続きの中で中間変数（説明変数含む）が多くなるケース、で即時関数をよく使う 後者は「結果の局所化」及び「意図と実装の分離」の効果をサクッと得られる http://mevius.5ch.net/test/read.cgi/tech/1702111239/251
252: デフォルトの名無しさん (ﾜｯﾁｮｲ 0b4c-V3+A [2001:240:2472:c002:*]) [sage] 2024/10/11(金) 11:29:01.18 ID:uRIO12V20 即時関数は即時実行関数式(IIFE)の略で無名関数とは違うと思うんだけど>>251は無名関数について書いてない？ http://mevius.5ch.net/test/read.cgi/tech/1702111239/252
253: デフォルトの名無しさん (ﾜｯﾁｮｲ fa00-F8I7 [221.118.182.146]) [sage] 2024/10/11(金) 11:48:22.92 ID:o/ilE/ed0 すまん。俺が無名関数とか言い出したから良くなかったんだろうと思う http://mevius.5ch.net/test/read.cgi/tech/1702111239/253
254: デフォルトの名無しさん (ﾜｯﾁｮｲ b70e-3m9W [2400:2200:6f3:9a36:*]) [] 2024/10/15(火) 06:39:54.87 ID:/S0KwaUI0 そもそも、基本的に関数なんていらん。 ほぼ全部、変数は、グローバル変数で宣言し とにかく、サブルーチンは イベンリスナー系を除いて不要だよな てゆぅかさ、goto文がないようだし、 goto文のラベルの代わりに 無名じゃない関数 (モビロン引数はなし∵全部グローバル変数) これが、無限年後のJavaスクリプトの常識だぜ てか、無名関数廃止して、gotoとラベルを 無限以内に復活しようよ これで、ド初心者の人気Ｎｏ．ワン言語、確実 http://mevius.5ch.net/test/read.cgi/tech/1702111239/254
255: デフォルトの名無しさん (ﾜｯﾁｮｲ bfa1-LGdj [2001:268:9a20:b79:*]) [sage] 2024/10/15(火) 09:34:04.49 ID:vvxZNDvq0 >>241 Ruby のJSON.parse なら、 require 'json' # 改行を削除する。削除しなくても同じ結果 json_str = <<'JSON'.delete( "\n" ) [ {"あ":[{"い":1}, "x"]}, [] ] JSON p json_obj = JSON.parse( json_str ) #=> [{"あ"=>[{"い"=>1}, "x"]}, []] http://mevius.5ch.net/test/read.cgi/tech/1702111239/255
256: デフォルトの名無しさん (ﾜｯﾁｮｲ bf7d-ZVNI [111.89.246.142]) [sage] 2024/10/19(土) 15:37:37.54 ID:67I5xGKq0 スクリプトの問題とは微妙に話が違いますが、 tampermonkeyじゃなくてgreasemonkey使っている人いますか？ firefoxで使ってるんですが、 greasemonkeyだと自作スクリプトって簡単にはインストールできないですよね？ zipに固めないとインストールできないと思うのですが、 みなさんはどうやってるんでしょうか？ http://mevius.5ch.net/test/read.cgi/tech/1702111239/256
257: デフォルトの名無しさん (ﾜｯﾁｮｲ 977c-d0HJ [122.209.8.233]) [sage] 2024/11/19(火) 23:39:35.70 ID:Jroeim880 JavaScriptのwindow.openで第2引数にウィンド名を指定して画面を開きます 続いて全く同じ引数で同じ画面をwindow.openで開いてるのに別ウィンドウで開いてしまいます broadcastchannelを使っている画面でこのような事象が見られるように思えるのですが、broadcastchannelを使っている画面はwindow.openで第2引数を指定しても別ウィンドウで開いてしまうのでしょうか 因みに関連ウィンドウは全て同オリジンでウィンドウ名は半角空白も含まれない半角英文字のみです http://mevius.5ch.net/test/read.cgi/tech/1702111239/257
258: デフォルトの名無しさん (ﾜｯﾁｮｲ 0ed1-iDGe [240a:61:11c0:64d6:*]) [] 2024/11/20(水) 09:20:12.24 ID:GmME3X9l0 開いたウインドウにナビゲートするのではなく? http://mevius.5ch.net/test/read.cgi/tech/1702111239/258
259: デフォルトの名無しさん (ﾜｯﾁｮｲ 1a43-d0HJ [2400:2200:7db:bf56:*]) [sage] 2024/11/20(水) 10:44:47.45 ID:0q/8r7xH0 >>258 同じurl window.nameのページが普通に別ウィンドウで開いちゃいますね http://mevius.5ch.net/test/read.cgi/tech/1702111239/259
260: デフォルトの名無しさん (ﾜｯﾁｮｲ 0b10-d0HJ [2400:2200:7f9:bb38:*]) [sage] 2024/11/21(木) 20:21:30.75 ID:/JpQPFMK0 >>259 単なるロジックバグでした お騒がせしました http://mevius.5ch.net/test/read.cgi/tech/1702111239/260
261: デフォルトの名無しさん (JP 0Ha3-/Vqe [103.151.173.94]) [] 2024/11/25(月) 21:37:59.73 ID:NYf/jFroH sssp://img.5ch.net/ico/nida.gif EchoAPIはVS Code環境に素晴らしい追加で、APIテストが超楽になった！ http://mevius.5ch.net/test/read.cgi/tech/1702111239/261
262: デフォルトの名無しさん (ﾜｯﾁｮｲ 1755-Dj8N [2400:4151:a4a0:6500:*]) [] 2024/12/07(土) 12:00:11.18 ID:Hozm9f1q0 画像の読み込みが完了したら動作するのはできたけど、動画の読み込みが完了したら動作するのはimgの部分をvideoに変えてもできませんでした。 どのようにやれば動画の読み込みが完了して動作するようにできますか？ const img_elm = document.createElement("img"); document.body.appendChild(img_elm); img_elm.src = "./test.png"; img_elm.style.position = "absolute"; img_elm.style.top = "0px"; img_elm.style.left = "0px"; img_elm.onload = function(){ alert("画像の読み込み完了"); } http://mevius.5ch.net/test/read.cgi/tech/1702111239/262
263: デフォルトの名無しさん (ﾜｯﾁｮｲ 1f61-LsAq [221.187.41.227]) [sage] 2024/12/07(土) 13:15:33.00 ID:UdJyqKqA0 >>262 https://developer.mozilla.org/ja/docs/Web/HTML/Element/video video要素で発生するイベントはloadではなくloadeddataやloadedmetadata http://mevius.5ch.net/test/read.cgi/tech/1702111239/263
264: デフォルトの名無しさん (ﾜｯﾁｮｲ e310-aw/E [180.12.82.129]) [] 2024/12/07(土) 20:39:58.70 ID:Ho+7zKXc0 >>263 そうなんですか ありがとうございます http://mevius.5ch.net/test/read.cgi/tech/1702111239/264
ﾒﾓ帳
(0/65535文字)
上
下
前
次
1-
新
書
関
写
板
覧
索
設
栞
歴
あと 44 ﾚｽあります
ｽﾚ情報
赤ﾚｽ抽出
画像ﾚｽ抽出
歴の未読ｽﾚ
AAｻﾑﾈｲﾙ
Google検索
Wikipedia
ぬこの手
ぬこTOP
0.010s