JavaScript の質問用スレッド vol.126 (307レス)
JavaScript の質問用スレッド vol.126 http://mevius.5ch.net/test/read.cgi/tech/1702111239/
上
下
前
次
1-
新
通常表示
512バイト分割
レス栞
1: デフォルトの名無しさん (オッペケ Sr9f-tek/ [126.254.232.20]) [sage] 2023/12/09(土) 17:40:39.92 ID:Mnb70srnr !extend:checked:vvvvvv:1000:512 JavaScript を自ら学ぶ人のための質問スレッドです。 >>2-5のテンプレを読んだ上で質問してください。次スレは>>950が>>2の「次スレの立て方」を元に立ててください ■質問を書く上で (1) 煽り、コード制作依頼等、人を不快にさせる投稿はご遠慮下さい。公序良俗を守った応対を心がけてください。 (2) 他の人に迷惑をかけるスクリプトの質問はご遠慮ください。 (ブラクラ、[戻る], [閉じる], [クリック] の妨害、画面占有など) (3) 質問者及び議論を行う人はメール欄を空欄にし、名前にレス番を入れることを強く推奨します。回答者はなりすましを判断できませんので、なりすましが現れても自己責任となります。 (4) 常に自発的に調べる心構えを持ってください。 具体的には「自分で調べてから質問する」「回答をもらってわからない単語があればGoogle検索してみる」など。 わからない内容を代わりに調べてくれる回答者をお望みの方は余所で質問してください。 (5) 出来るだけ一般的な用語を使用してください。脳内オレオレ用語は混乱の元です。 (6) 出来るだけサンプルコードを掲示してください。言葉による説明は行き違いが生まれる場合があります。 ※必ず「問題の事象が再現されること」を確認してください。 必要な部分だけ切り出したつもりで現象が再現できていなかったケアレスミスがしばしば見られます。 (7) サンプルコードに HTML が含まれる場合は http://validator.w3.org/ で [Check] してみてください。 (8) 質問を具体的かつ詳細に書くと回答を得られやすいです。>>2の質問テンプレートを活用してみてください。 (9) ライブラリ関連の質問は禁止です。関連スレにあるライブラリ質問スレで質問して下さい。 (10) 時にはあなたが望む「答え」だけでなく、「意見」などが寄せられる場合もあります。 ■前スレ JavaScript の質問用スレッド vol.125 https://mevius.5ch.net/test/read.cgi/tech/1659855460/ VIPQ2_EXTDAT: checked:vvvvvv:1000:512:: EXT was configured http://mevius.5ch.net/test/read.cgi/tech/1702111239/1
181: デフォルトの名無しさん (ワッチョイ df68-csuD [2400:2200:454:574d:*]) [sage] 2024/03/29(金) 17:39:27.22 ID:D+b6Pa3z0 現時点ではAIは不可能なことを不可能と答えないケースが多い 信用しすぎないように http://mevius.5ch.net/test/read.cgi/tech/1702111239/181
182: デフォルトの名無しさん (ワッチョイ 0977-nnmZ [2400:2200:587:7d4f:*]) [sage] 2024/04/05(金) 21:57:54.50 ID:otPTbv2G0 test http://mevius.5ch.net/test/read.cgi/tech/1702111239/182
183: デフォルトの名無しさん (ワッチョイ d5af-nnmZ [2400:2200:462:2f4f:*]) [sage] 2024/04/05(金) 21:58:17.84 ID:J45N4zHg0 test http://mevius.5ch.net/test/read.cgi/tech/1702111239/183
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/ [22]米国特許5868100号 【GPS位置情報を使用した動物コントロール・システム】 一例ですが年々受信機の感度は向上している 東工大、磁束集中器を用いない高感度「ダイヤモンド量子センサ」を開発 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の3つの要素を持つ配列ってことです 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とラベルを 無限以内に復活しようよ これで、ド初心者の人気No.ワン言語、確実 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
265: デフォルトの名無しさん (ワッチョイ fb75-qCia [2400:2200:4de:12ad:*]) [sage] 2024/12/14(土) 01:19:41.44 ID:vTrcqbr80 var x = 1; if (x===1){let z = 10;} else if (x===2){let z = 20;} else {let z = 30;} console.log("z = " + z); で、エラーになります。 でもlet をvarへ変更したら、 エラーにならず、z = 10 と表示された このようなプログラミングでは letは使うのは、いけない事のようです。 でも、何が何でもvarよりlet推奨ぽぃし でも、そんなの無視してやはり、 推奨されてないvarで指定すべきですか? とゆぅか、ポクはletとconstが嫌いですが でも、ポクは、varが好きです。 皆さんは、varは嫌いですか❓ http://mevius.5ch.net/test/read.cgi/tech/1702111239/265
266: デフォルトの名無しさん (ワッチョイ fbfd-gJv4 [2405:6581:23c0:5400:*]) [sage] 2024/12/14(土) 06:46:27.36 ID:zVdiZk6o0 釣りネタつまらん http://mevius.5ch.net/test/read.cgi/tech/1702111239/266
267: デフォルトの名無しさん (ワッチョイ 7901-2/hw [60.106.71.182]) [sage] 2024/12/14(土) 20:33:37.99 ID:B6x89OP40 >>265 好きとか嫌いとかで決めるものではない http://mevius.5ch.net/test/read.cgi/tech/1702111239/267
268: デフォルトの名無しさん (ワッチョイ 9c79-0Q8V [61.192.201.239]) [sage] 2024/12/23(月) 07:23:14.55 ID:X/5iZgP80 letの無いIEやHTAで開発する場合var宣言が必要だから好きとか嫌いとかではない つまり古いブラウザのjavascriptでも動かしたい場合必然的にvarだらけになる http://mevius.5ch.net/test/read.cgi/tech/1702111239/268
269: デフォルトの名無しさん (ワッチョイ a392-/oXw [2404:7a84:8ea0:d700:*]) [sage] 2024/12/26(木) 11:59:20.77 ID:YCJOeewg0 JS初心者です。Electron使用しています。 カウントダウンで3→2→1と表示させようとした時、For文で組もうとするとFor文が終了した一瞬で終了してしまうので以下のように一度に作動させることで解決しました。 が、もっと効率の良い組み方があればご教示頂きたいです。よろしくお願いします。 駄目だった文(3→1に飛んでしまう) for (let i = 3; i > 0; i--) { setTimeout(() => { Element.innerHTML = ""; Element.insertAdjacentHTML('beforeend', i); }, 1000) } return 動作しているけど改善できればと思っている文 Element.insertAdjacentHTML('beforeend', 3); setTimeout(() => { Element.innerHTML = ""; Element.insertAdjacentHTML('beforeend', 2); }, 1000) setTimeout(() => { Element.innerHTML = ""; Element.insertAdjacentHTML('beforeend', 1); }, 2000) setTimeout(() => { Element.innerHTML = ""; }, 3000) http://mevius.5ch.net/test/read.cgi/tech/1702111239/269
270: デフォルトの名無しさん (ワッチョイ 7001-Hs8E [60.89.148.145]) [sage] 2024/12/26(木) 12:33:27.44 ID:t8P1jyWN0 setTimeout の第2引数をiを使って変えればいい iが3→2→1と減っていくなら、例えば1000*(4-i)とか http://mevius.5ch.net/test/read.cgi/tech/1702111239/270
271: デフォルトの名無しさん (ワッチョイ a392-/oXw [2404:7a84:8ea0:d700:*]) [] 2024/12/26(木) 12:59:38.81 ID:YCJOeewg0 >>270 ありがとうございます。動きました。 また別の問題出てきましたが、それはそれでPromiseとか勉強してちょっと頑張ります。 http://mevius.5ch.net/test/read.cgi/tech/1702111239/271
272: デフォルトの名無しさん (ワッチョイ b6e0-cPla [2400:2200:634:ad7a:*]) [] 2024/12/26(木) 13:44:41.88 ID:rxD7DMeD0 ウチュ〰人からのお告げという事にしてほしいが //絶対位置指定∵動かすために XXX.style.position = "absolute"; //位置10へ動かす XXX.style.top = 10 + "px"; ( async ()=> { for( let y=-300; y<10; y=y+10 ) { XXX.style.top = y + "px"; await new Promise( res => setTimeout( res, 5) ); } XXX.style.top = "10px"; } )(); ※async関数の直下、直下、直下へ await new Promise をコーディング する事が必要ぢゃ ただし 動作環境等による。 でも、当方の動作環境等では、 async関数の直下、直下、直下へ await new Promise をコーディング する事が必要ぢゃ http://mevius.5ch.net/test/read.cgi/tech/1702111239/272
273: デフォルトの名無しさん (ワッチョイ 8e1a-I2L4 [2001:240:247f:48a9:*]) [sage] 2024/12/26(木) 14:00:17.69 ID:31Mawuna0 >>269 setInterval使え インターバルに間に合わない可能性のある処理をするならsetTimeoutを再帰しろ ループごとに必要もなくinsertAdjacentHTMLなんかするな 値を書き換えれば十分だろ 視覚効果を狙ってるならCSSアニメーション使え http://mevius.5ch.net/test/read.cgi/tech/1702111239/273
274: 265 (ワッチョイ b6e0-cPla [2400:2200:634:ad7a:*]) [] 2024/12/28(土) 04:01:21.72 ID:4NKxKk420 >>265 ポクはどっちも、嫌いデス ちょっと🤏前の自分へ返信 なに、varとlet どっちが嫌いとか なに言ってるんだ。好き嫌いの問題でない 今のポクは、どっちも嫌い。varもlet嫌い てっゆぅか、varとかletとかconstant とか使わなきゃヨシ (๑•̀ㅂ•́)و✧ てなワケで、翻訳アプリ作ってみたぁ x = 2; if (x === 1) { y = "イチ";} else if (x===2){y = "ニッ"} else if (x===3){y = "サン"} else {y = " 知ら無いアル "} console.log("y = " + y) なお、こんなコーディングして エライ人に怒られても、 気にしちゃダメ在る。 http://mevius.5ch.net/test/read.cgi/tech/1702111239/274
275: デフォルトの名無しさん (JP 0Hc2-pkw/ [60.87.218.219]) [sage] 2024/12/28(土) 06:58:46.94 ID:vWbq3x/3H >>274 それは質問ではないな 質問スレは日記を書く場所ではない http://mevius.5ch.net/test/read.cgi/tech/1702111239/275
276: >>274 (ワッチョイ ebe0-AFTv [2400:2200:634:ad7a:*]) [] 2024/12/30(月) 09:51:50.06 ID:Yh06n1a50 >>274 ちょっと前の自分へ返答 var x7 = 1; var x7 += 2; //var再宣言・再代入OKだろ は❌var x7 += 2;となった やっぱvarも使っちゃダメだよな。てなワケで 今のところは、274が大正解 http://mevius.5ch.net/test/read.cgi/tech/1702111239/276
277: 自問自答してみた (ワッチョイ 6faf-NH4A [2400:2200:438:4658:*]) [] 2025/01/24(金) 06:19:41.63 ID:Dgfkru+90 👤コールバック地獄(ファンクション地獄) setTimeout(function() { console.log(1) setTimeout(function() { console.log(2) setTimeout(function() { console.log(3) }, 1000) }, 1000) }, 1000) // end setTimeout×3 ちな、下記ロジックとは違うぞ setTimeout(function() { console.log(1) }, 1000) // end setTimeout setTimeout(function() { console.log(2) }, 1000) // end setTimeout setTimeout(function() { console.log(3) }, 1000) // end setTimeout 🤡じゃ下記ならどお! setTimeout(function() { console.log(1) }, 1000) // end setTimeout setTimeout(function() { console.log(2) }, 2000) // end setTimeout setTimeout(function() { console.log(3) }, 3000) // end setTimeout http://mevius.5ch.net/test/read.cgi/tech/1702111239/277
278: デフォルトの名無しさん (ワッチョイ 6faf-NH4A [2400:2200:438:4658:*]) [自問自答] 2025/01/24(金) 06:29:52.53 ID:Dgfkru+90 >>277の自作自演は、>>269様のご質問内容により閃いた 文学作品である。そしてこれは、 async await promise を実装したjavascriptエンジン v8 の機能が以下にヤバイ位スゴイかを暗に物語ってる 複雑なCSSアニメーションより javascriptでの任意の要素をアニメーション簡単に 実装できることを暗示してる。 上記文学作品を閃かせてくれた弐六九様へ感謝したい THANK YOU FOR 269 http://mevius.5ch.net/test/read.cgi/tech/1702111239/278
279: >>277の続編 グダグダな自問自答 (ワッチョイ 6faf-NH4A [2400:2200:438:4658:*]) [] 2025/01/25(土) 04:32:37.95 ID:TAq0uG+90 🥳なるぼど、もしかして、 for(let t=1000; t<=3000; t+=1000){ setTimeout(function() { console.log(t/1000)}, t) } でどう❓ 👤んー、恐らくは、机上では、 非同期の部分は、setTimeout内の 関数(コールバックの意)だけ、故に それは、以下と等価 for(let t=1000; t<=3000; t+=1000){ } setTimeout(function() { console.log(t/1000)}, t) 然るに、机上ぢゃ、そこで t は undefined故に動かない 🥳 でへへ、それがちゃんと 🤡 マジ❓ 🥳 マジですよー❢ルンルン❢ 👤 机上OKで実際はNGはよくあるが 机上NGで実際はOKは有りえ無い 🥳 それは、机上した👤は、 🐴🦌 かつ、 ポクは、超天才の証明なのだァァァ 👤 ・・・ http://mevius.5ch.net/test/read.cgi/tech/1702111239/279
280: >>277 の続編の続編 (ワッチョイ 6faf-NH4A [2400:2200:438:4658:*]) [] 2025/01/25(土) 08:48:00.93 ID:TAq0uG+90 👤ま、setTimeoutは使用はヨロシイぞ しかし、そのロジックは再帰でなく 単なるループだ。for文のループ 🤡再帰?、再帰って地獄かもよ? setTimeout(function() { console.log(1) setTimeout(function() { console.log(2) setTimeout(function() { console.log(3) }, 1000) }, 1000) }, 1000) 🥳コールバック地獄大好き てか、再帰プログラミングて地獄なの❓ 👤いや(゜o゜; アウウ いやいや(・o・;) 🤡再帰的アルゴリズムとは for等のループ的アルゴリズムなら オレは、どっちも好きだ コールバック地獄は嫌いだし async proなんちゃらも嫌いだけど 👤矛盾した主張だな 🥳コールバック地獄とfor文組合せよう。 👤🤡 それ検討したが挫折 バイバイ http://mevius.5ch.net/test/read.cgi/tech/1702111239/280
281: >>277 の続編³ (ワッチョイ 6faf-NH4A [2400:2200:438:4658:*]) [] 2025/01/25(土) 13:17:37.74 ID:TAq0uG+90 💃(←初登場:ナゾの女性 という設定) あら、これ再帰プログラム❓ 信じられなーーい。ありえなーーい。 マジ、超本物の再帰プログラミングは、 自身の関数を呼び出すのが本物です。 スナワチ、以下の通りよ。 var cnt = 0 ; // Global変数にしてみた setTimeout(fff(), 1000) ; function fff() { console.log(cnt); cnt++; if (cnt < 5) setTimeout(fff(), 1000) ; } アナタ達の再帰は、再帰とは言えません。 モチロン、asyncとかfor文は不要ですよー async forは🈲止です。 🥳これが本物の再帰なのか コールバック地獄と同様に、 意味がわからないコードだぜっ。 本物の再帰プログラミング嫌いです。 てゆぅか、コールバック地獄大好き 🤡めちゃくちゃコードレビュー だからぁぁぁーーforやって async await promise が一番ですよぉっ 👤そもそもjsvsscriptなんてやめちゃえー で、CSSでアニメーションやれ。 http://mevius.5ch.net/test/read.cgi/tech/1702111239/281
282: デフォルトの名無しさん (ワッチョイ 6301-yzBs [60.70.162.219]) [sage] 2025/01/25(土) 15:30:48.00 ID:e0C8gdKs0 >>277-281 質問スレにいつまで居座るつもりなのかね http://mevius.5ch.net/test/read.cgi/tech/1702111239/282
283: デフォルトの名無しさん (ワッチョイ 6faf-NH4A [2400:2200:438:4658:*]) [] 2025/01/25(土) 16:34:31.47 ID:TAq0uG+90 あっそうだ、setTimeout の再帰はおいておいて setInterval というのも在るのか。それは、時間がないから そろそろ、オイトマとするtimeにするかも知れない ま、再帰しなしsetTimeoutで、かつ async promiseは使用しない のが、一番バッチリという感触。今は。では、またいつか。5日ではないいつか (^_^)/~ 👤🤡🥳💃一同 実は同一人物だけど(・_・;) http://mevius.5ch.net/test/read.cgi/tech/1702111239/283
284: やっぱ過疎化防止で、また来ちゃった (ワッチョイ deaf-opVO [2400:2200:438:4658:*]) [] 2025/01/27(月) 06:54:39.55 ID:/Hv0VvQW0 ふと、どうでもヨイ疑問が湧いた。 for(let t=1000; t<=3000; t+=1000){ setTimeout(function() { console.log(t/1000)}, t) } と、 for(let n=1; n<=3; n+=1){ setTimeout(function() { console.log(n)}, 1000*n) } どっちも問題はないけど・・・ どっちが見やすい?。 誤差とかわかり易さとかの観点で てか、どっち に しようかな。 てか、どっち の 仕様がいいのかな。 てか、どっち を 使用しようかな http://mevius.5ch.net/test/read.cgi/tech/1702111239/284
285: デフォルトの名無しさん (ワッチョイ de4b-OnvR [183.176.68.229 [上級国民]]) [sage] 2025/01/27(月) 20:38:29.10 ID:DmLoR8Bu0 >>284 ChatGPTに聞いてみたけど、全部は掲載できないので結論だけ転載 1. 「時間」を基準にして明示的に処理を進めたいなら t 2. 「ループ回数」を基準にするのが直感的なら n 個人的にはtの方が汎用性が高く、特に時間管理が重要なケースでは使いやすいと思います。 http://mevius.5ch.net/test/read.cgi/tech/1702111239/285
286: デフォルトの名無しさん (ワッチョイ de4b-OnvR [183.176.68.229 [上級国民]]) [sage] 2025/01/27(月) 20:44:15.26 ID:DmLoR8Bu0 1. 可読性 tを使ったコードでは、時間そのもの(1000, 2000, 3000)が直接書かれており、「時間に基づいた処理」という意図が明確。 一方、nを使ったコードでは、「ループの回数を基準に処理」していることが読み取れる。 一般的には、「時間を意識した処理」ならt、「回数を意識した処理」ならnを使ったほうが直感的です。 http://mevius.5ch.net/test/read.cgi/tech/1702111239/286
287: デフォルトの名無しさん (ワッチョイ de4b-OnvR [183.176.68.229 [上級国民]]) [sage] 2025/01/27(月) 20:44:38.45 ID:DmLoR8Bu0 2. 精度と誤差 setTimeoutは指定した時間で必ず正確に実行されるわけではなく、若干の誤差が発生します。どちらもこの点においては同じですが、**tの方が「時間の計算結果が直接書かれているため誤差の発生ポイントが少ない」**という印象を受けます。 例えば: 1000 * n // 計算で導出 1000, 2000, 3000 // そのまま指定 上記の違いから、誤差を気にするならtの方が直接的で分かりやすいです。 http://mevius.5ch.net/test/read.cgi/tech/1702111239/287
288: デフォルトの名無しさん (ワッチョイ de4b-OnvR [183.176.68.229 [上級国民]]) [sage] 2025/01/27(月) 20:46:35.01 ID:DmLoR8Bu0 3. メンテナンス性 tのコード 時間間隔を変更したい場合、初期値・上限値・増加値だけを変更すればよく、スケール感の変更がしやすい。 nのコード 「1000を掛ける」という計算式が直接書かれているため、変更時に計算式部分にも目を配る必要がある。 http://mevius.5ch.net/test/read.cgi/tech/1702111239/288
289: デフォルトの名無しさん (ワッチョイ 96c0-zcB2 [2001:240:2472:fef0:*]) [sage] 2025/01/27(月) 21:16:45.23 ID:T51mrGlF0 一般常識があるやつならtを使うメリットなんて一つも無いと分かるはずなんだがChatGPTはいまだにこんな意味のない回答するんだな 俺の使ってるChatGPTと同じとは思えない http://mevius.5ch.net/test/read.cgi/tech/1702111239/289
290: デフォルトの名無しさん (ワッチョイ 1200-wGFo [221.118.182.158]) [sage] 2025/01/27(月) 21:44:29.89 ID:mnVLXxyY0 ChatGPT君はわりと利用者に忖度した回答するので、利用者次第で馬鹿にもなる http://mevius.5ch.net/test/read.cgi/tech/1702111239/290
291: デフォルトの名無しさん (ワッチョイ de4b-OnvR [183.176.68.229 [上級国民]]) [sage] 2025/01/27(月) 21:56:48.37 ID:DmLoR8Bu0 いや、質問をそのままGPTにペーストしたよ 利用者の意見なんて1つも入れてない http://mevius.5ch.net/test/read.cgi/tech/1702111239/291
292: デフォルトの名無しさん (ワッチョイ 1200-wGFo [221.118.182.158]) [sage] 2025/01/27(月) 22:13:58.10 ID:mnVLXxyY0 質問の仕方に利用者の知識量とか思考が入り込んで、ChatGPTはそれに応じた回答をする。回答のレベルは質問のレベルに合致する http://mevius.5ch.net/test/read.cgi/tech/1702111239/292
293: デフォルトの名無しさん (ワッチョイ de4b-OnvR [119.150.245.179 [上級国民]]) [sage] 2025/01/28(火) 03:33:19.87 ID:7uzvZSX70 それはそうだけど、正確性からそんなに大きく逸脱はしてないでしょう というか、客観的に大多数に正しいと思われる解決法を提示してくれるから助かる 無料のは今だに嘘が混じってる事が多いんだけど、有料のPlusは結構正確になった 参照してる知識量が無料のものの何倍もあるみたい http://mevius.5ch.net/test/read.cgi/tech/1702111239/293
294: デフォルトの名無しさん (アウアウウー Sa79-mO6r [106.130.52.8]) [sage] 2025/02/06(木) 13:59:21.74 ID:FTswYlc4a 外国のサイトにある動画から字幕を抜き出したくて色々試したけど上手く行かなかった(www.francetvinfo.frというとこ) でもffmpegだとあっさり成功した もしJavaScriptに詳しければffmpegというツールに頼らず抜き出せたのだろうか? chatGPTに聞くとDOMで作成してるみたいな答えが帰ってきたので字幕作成はJavaScriptで行っているのかなと思った 今字幕抜き出せた喜びとツールに頼った悔しさが入り混じってるけど皆なら自力で抜き出せた? http://mevius.5ch.net/test/read.cgi/tech/1702111239/294
295: デフォルトの名無しさん (JP 0H96-qIVI [133.106.33.6]) [] 2025/02/13(木) 12:33:25.69 ID:DZyx9aKAH 失礼します。 insertBeforeでHTML要素にnodeを追加する際、複数ある要素(class)の1番最後にのみnodeを挿入したいのですが、可能でしょうか? <div class="unko"></div> //1 <div class="unko"></div> //2 <div class="unko"></div> //3 <div class="unko"></div> //4 <div class="unko"></div> //~以下ランダムで増減 このように、ユーザーが投稿するコメントのようなランダムで増減するclass要素があり、その繰り返しの1番最後にnodeを挿入したいのですが、 hoge[0].parentNode.insertBefore(elmDiv, hoge[0].nextSibling) これを改良して hoge[※最後の要素].parentNode.insertBefore(elmDiv, hoge[※最後の要素].nextSibling) とするにはどうすればいいでしょうか? そもそも不可能である場合、不可能であると断言して頂けると幸いです。 http://mevius.5ch.net/test/read.cgi/tech/1702111239/295
296: デフォルトの名無しさん (ワッチョイ 9eba-k2ZP [2001:240:241a:56bf:*]) [sage] 2025/02/13(木) 13:01:37.54 ID:xGLXSNfR0 :last-of-typeとか:last-childとかで出来るけどそういうの知らなくても”配列の長さ-1”くらいは思いつこうよ http://mevius.5ch.net/test/read.cgi/tech/1702111239/296
297: 295 (ワッチョイ b149-GKZ3 [180.221.149.54]) [] 2025/02/13(木) 13:14:34.23 ID:8KNio/Em0 > 296 つまりあまたはわたしをアホとおっしゃるのですか? http://mevius.5ch.net/test/read.cgi/tech/1702111239/297
298: 295 (ワッチョイ b149-GKZ3 [180.221.149.54]) [] 2025/02/13(木) 13:15:37.17 ID:8KNio/Em0 💩 http://mevius.5ch.net/test/read.cgi/tech/1702111239/298
299: デフォルトの名無しさん (ワッチョイ 5e0b-XAIF [153.164.41.34]) [sage] 2025/02/13(木) 13:39:50.07 ID:tamKTj1t0 >>295 hoge[hoge.length-1].insertAdjacentElement("afterend", elemDiv); http://mevius.5ch.net/test/read.cgi/tech/1702111239/299
300: デフォルトの名無しさん (ワッチョイ 7d7c-F9OP [122.212.18.110]) [sage] 2025/04/05(土) 12:51:42.18 ID:7VBJ2biq0 関数定義するとき、 function funcName() { ~} と const funcName = () => { ~ } で、関数内でthisの参照先を気にしないとすると、どっちの書き方のほうがいい、とかありますか? なんとなくconst~で書いてたときがあるんですが、VSCodeでアウトライン表示したときに、functionで定義するとメソッドのアイコンになるけど、constで書くと変数扱いになるで他の変数と(ツリー上)区別が付きにくくなり、functionの書き方に戻しました。 http://mevius.5ch.net/test/read.cgi/tech/1702111239/300
301: デフォルトの名無しさん (ワッチョイ 058f-iziL [2001:ce8:137:595f:*]) [sage] 2025/04/05(土) 21:28:14.07 ID:sUMv9Ks50 >>300 巻き上げがあるから関数宣言はやめた方がいい http://mevius.5ch.net/test/read.cgi/tech/1702111239/301
302: デフォルトの名無しさん (ワッチョイ 0507-pzHV [2001:240:2463:dde5:*]) [sage] 2025/04/05(土) 21:48:41.97 ID:lcZxDDXa0 巻き上げがあったら困る場合だけ関数式 関数宣言のほうが - 巻き上げがあるからトップダウンで書ける - 名前付きの関数なのでdebugabilityが高い ので迷ったらまずはこっち http://mevius.5ch.net/test/read.cgi/tech/1702111239/302
303: デフォルトの名無しさん (ワッチョイ 372f-pQOn [60.236.132.37]) [sage] 2025/05/08(木) 23:46:11.91 ID:fGnrU9Lw0 constに入れておかないと、チーターに簡単に上書き改竄されたりすんのか http://mevius.5ch.net/test/read.cgi/tech/1702111239/303
304: デフォルトの名無しさん (ワッチョイ ef4b-3gjP [119.150.14.214 [上級国民]]) [sage] 2025/05/11(日) 01:02:25.07 ID:N+caZpkb0 水前寺清子? http://mevius.5ch.net/test/read.cgi/tech/1702111239/304
305: デフォルトの名無しさん (ワッチョイ cfcf-+6HO [153.205.197.132]) [sage] 2025/05/11(日) 17:20:56.05 ID:NQ286Pqc0 バイナリをいじる場合はconstとか関係ない。 http://mevius.5ch.net/test/read.cgi/tech/1702111239/305
306: デフォルトの名無しさん (ワッチョイ 9722-2R+f [180.24.66.223 [上級国民]]) [sage] 2025/05/30(金) 22:49:08.32 ID:1o7EfCHn0 愚痴ですが… 当方プログラミングはC言語やVBA、ほんの少しPythonを触ったことがあるぐらいのド素人です 今はサポートされてない昔の測定機器のSDKですが、dllファイルがVBAからライブラリとして読めない現象が発生 原因分からず、VBA詳しい友人にdllファイルをアンコンパイルして解析してもらうとC++で書かれているためそもそもVBAで読めないと言われました ChatGPTにも相談すると中間Wrapper作りますよ!と言われ、紆余曲折有りながら出来上がったものをVBAで読み込んでも動作せず 諦めてダメ元で公式のサポートを頼るも、日本国内の代理店からは対応できないと断られ、やむを得ず国際電話で計測器メーカー直轄の韓国の拠点へ電話 後日メール返すとのこと 疲れた http://mevius.5ch.net/test/read.cgi/tech/1702111239/306
307: デフォルトの名無しさん (ワッチョイ 9722-2R+f [180.24.66.223 [上級国民]]) [sage] 2025/05/30(金) 22:50:16.72 ID:1o7EfCHn0 ちなみに今回の対応も韓国への国際電話も自腹です(^q^) 何やってるんだろうな俺 http://mevius.5ch.net/test/read.cgi/tech/1702111239/307
メモ帳
(0/65535文字)
上
下
前
次
1-
新
書
関
写
板
覧
索
設
栞
歴
スレ情報
赤レス抽出
画像レス抽出
歴の未読スレ
Google検索
Wikipedia
ぬこの手
ぬこTOP
0.021s