JavaScript の質問用スレッド vol.126 (307レス)
上下前次1-新
1(2): デフォルトの名無しさん (オッペケ Sr9f-tek/ [126.254.232.20]) [sage] 2023/12/09(土) 17:40:39.92 ID:Mnb70srnr(1/5) AAS
!extend:checked:vvvvvv:1000:512
JavaScript を自ら学ぶ人のための質問スレッドです。
>>2-5のテンプレを読んだ上で質問してください。次スレは>>950が>>22(3): デフォルトの名無しさん (オッペケ Sre1-tek/ [126.254.232.20]) [sage] 2023/12/09(土) 17:41:59.25 ID:Mnb70srnr(2/5) AAS
■質問テンプレート
【環境】OS, ブラウザをバージョンと共に記入してください。(ex: IE8, Firefox4)
【何をしたのか】何をしたら問題の現象が発生するのか。再現手順を具体的に書いてください。
【エラーメッセージ】エラーメッセージがあれば正確に書き写してください。(Windows なら「コピット」を活用)
【期待する結果】最終的にどういう結果を望んでいるのか、を書いてください。
【サンプルコード】現象を再現可能な最小限のコードを書いてください。
1レスに収まらないならコード投稿サイトを利用してください。
外部リンク:plnkr.co 外部リンク:jsbin.com 外部リンク:jsfiddle.net 外部リンク:ideone.com
■次スレの立て方
本文一行目に「!extend:checked:vvvvvv:1000:512」と書いて、>>1-5のテンプレの「前スレ」「関連スレ」を最新化して立ててください。
■JavaScriptスレの現状
元々はWeb制作板が本スレでしたが、ライブラリ信者に荒らされ、プログラム板に避難所として本スレが立てられました。
Web制作板の本スレは荒らされてから次スレが立っておらず、重複スレの消化のみとなっています。
実質的に本スレは存在しない為、質問者はWeb制作板、ブログラム板のどちらのスレで質問しても問題ありません。
の「次スレの立て方」を元に立ててください
■質問を書く上で
(1) 煽り、コード制作依頼等、人を不快にさせる投稿はご遠慮下さい。公序良俗を守った応対を心がけてください。
(2) 他の人に迷惑をかけるスクリプトの質問はご遠慮ください。
(ブラクラ、[戻る], [閉じる], [クリック] の妨害、画面占有など)
(3) 質問者及び議論を行う人はメール欄を空欄にし、名前にレス番を入れることを強く推奨します。回答者はなりすましを判断できませんので、なりすましが現れても自己責任となります。
(4) 常に自発的に調べる心構えを持ってください。
具体的には「自分で調べてから質問する」「回答をもらってわからない単語があればGoogle検索してみる」など。
わからない内容を代わりに調べてくれる回答者をお望みの方は余所で質問してください。
(5) 出来るだけ一般的な用語を使用してください。脳内オレオレ用語は混乱の元です。
(6) 出来るだけサンプルコードを掲示してください。言葉による説明は行き違いが生まれる場合があります。
※必ず「問題の事象が再現されること」を確認してください。
必要な部分だけ切り出したつもりで現象が再現できていなかったケアレスミスがしばしば見られます。
(7) サンプルコードに HTML が含まれる場合は 外部リンク:validator.w3.org で [Check] してみてください。
(8) 質問を具体的かつ詳細に書くと回答を得られやすいです。>>2の質問テンプレートを活用してみてください。
(9) ライブラリ関連の質問は禁止です。関連スレにあるライブラリ質問スレで質問して下さい。
(10) 時にはあなたが望む「答え」だけでなく、「意見」などが寄せられる場合もあります。
■前スレ
JavaScript の質問用スレッド vol.125
2chスレ:tech VIPQ2_EXTDAT: checked:vvvvvv:1000:512:: EXT was configured
283: デフォルトの名無しさん (ワッチョイ 6faf-NH4A [2400:2200:438:4658:*]) [] 2025/01/25(土) 16:34:31.47 ID:TAq0uG+90(4/4) AAS
あっそうだ、setTimeout の再帰はおいておいて
setInterval というのも在るのか。それは、時間がないから
そろそろ、オイトマとするtimeにするかも知れない
ま、再帰しなしsetTimeoutで、かつ async promiseは使用しない
のが、一番バッチリという感触。今は。では、またいつか。5日ではないいつか
(^_^)/~ 👤🤡🥳💃一同 実は同一人物だけど(・_・;)
284(1): やっぱ過疎化防止で、また来ちゃった (ワッチョイ deaf-opVO [2400:2200:438:4658:*]) [] 2025/01/27(月) 06:54:39.55 ID:/Hv0VvQW0(1) AAS
ふと、どうでもヨイ疑問が湧いた。
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)
}
どっちも問題はないけど・・・
どっちが見やすい?。
誤差とかわかり易さとかの観点で
てか、どっち に しようかな。
てか、どっち の 仕様がいいのかな。
てか、どっち を 使用しようかな
285: デフォルトの名無しさん (ワッチョイ de4b-OnvR [183.176.68.229 [上級国民]]) [sage] 2025/01/27(月) 20:38:29.10 ID:DmLoR8Bu0(1/5) AAS
>>284
ChatGPTに聞いてみたけど、全部は掲載できないので結論だけ転載
1. 「時間」を基準にして明示的に処理を進めたいなら t
2. 「ループ回数」を基準にするのが直感的なら n
個人的にはtの方が汎用性が高く、特に時間管理が重要なケースでは使いやすいと思います。
286: デフォルトの名無しさん (ワッチョイ de4b-OnvR [183.176.68.229 [上級国民]]) [sage] 2025/01/27(月) 20:44:15.26 ID:DmLoR8Bu0(2/5) AAS
1. 可読性
tを使ったコードでは、時間そのもの(1000, 2000, 3000)が直接書かれており、「時間に基づいた処理」という意図が明確。
一方、nを使ったコードでは、「ループの回数を基準に処理」していることが読み取れる。
一般的には、「時間を意識した処理」ならt、「回数を意識した処理」ならnを使ったほうが直感的です。
287: デフォルトの名無しさん (ワッチョイ de4b-OnvR [183.176.68.229 [上級国民]]) [sage] 2025/01/27(月) 20:44:38.45 ID:DmLoR8Bu0(3/5) AAS
2. 精度と誤差
setTimeoutは指定した時間で必ず正確に実行されるわけではなく、若干の誤差が発生します。どちらもこの点においては同じですが、**tの方が「時間の計算結果が直接書かれているため誤差の発生ポイントが少ない」**という印象を受けます。
例えば:
1000 * n // 計算で導出
1000, 2000, 3000 // そのまま指定
上記の違いから、誤差を気にするならtの方が直接的で分かりやすいです。
288: デフォルトの名無しさん (ワッチョイ de4b-OnvR [183.176.68.229 [上級国民]]) [sage] 2025/01/27(月) 20:46:35.01 ID:DmLoR8Bu0(4/5) AAS
3. メンテナンス性
tのコード
時間間隔を変更したい場合、初期値・上限値・増加値だけを変更すればよく、スケール感の変更がしやすい。
nのコード
「1000を掛ける」という計算式が直接書かれているため、変更時に計算式部分にも目を配る必要がある。
289: デフォルトの名無しさん (ワッチョイ 96c0-zcB2 [2001:240:2472:fef0:*]) [sage] 2025/01/27(月) 21:16:45.23 ID:T51mrGlF0(1) AAS
一般常識があるやつならtを使うメリットなんて一つも無いと分かるはずなんだがChatGPTはいまだにこんな意味のない回答するんだな
俺の使ってるChatGPTと同じとは思えない
290: デフォルトの名無しさん (ワッチョイ 1200-wGFo [221.118.182.158]) [sage] 2025/01/27(月) 21:44:29.89 ID:mnVLXxyY0(1/2) AAS
ChatGPT君はわりと利用者に忖度した回答するので、利用者次第で馬鹿にもなる
291: デフォルトの名無しさん (ワッチョイ de4b-OnvR [183.176.68.229 [上級国民]]) [sage] 2025/01/27(月) 21:56:48.37 ID:DmLoR8Bu0(5/5) AAS
いや、質問をそのままGPTにペーストしたよ
利用者の意見なんて1つも入れてない
292: デフォルトの名無しさん (ワッチョイ 1200-wGFo [221.118.182.158]) [sage] 2025/01/27(月) 22:13:58.10 ID:mnVLXxyY0(2/2) AAS
質問の仕方に利用者の知識量とか思考が入り込んで、ChatGPTはそれに応じた回答をする。回答のレベルは質問のレベルに合致する
293: デフォルトの名無しさん (ワッチョイ de4b-OnvR [119.150.245.179 [上級国民]]) [sage] 2025/01/28(火) 03:33:19.87 ID:7uzvZSX70(1) AAS
それはそうだけど、正確性からそんなに大きく逸脱はしてないでしょう
というか、客観的に大多数に正しいと思われる解決法を提示してくれるから助かる
無料のは今だに嘘が混じってる事が多いんだけど、有料のPlusは結構正確になった
参照してる知識量が無料のものの何倍もあるみたい
294: デフォルトの名無しさん (アウアウウー Sa79-mO6r [106.130.52.8]) [sage] 2025/02/06(木) 13:59:21.74 ID:FTswYlc4a(1) AAS
外国のサイトにある動画から字幕を抜き出したくて色々試したけど上手く行かなかった(www.francetvinfo.frというとこ)
でもffmpegだとあっさり成功した
もしJavaScriptに詳しければffmpegというツールに頼らず抜き出せたのだろうか?
chatGPTに聞くとDOMで作成してるみたいな答えが帰ってきたので字幕作成はJavaScriptで行っているのかなと思った
今字幕抜き出せた喜びとツールに頼った悔しさが入り混じってるけど皆なら自力で抜き出せた?
295(1): デフォルトの名無しさん (JP 0H96-qIVI [133.106.33.6]) [] 2025/02/13(木) 12:33:25.69 ID:DZyx9aKAH(1) AAS
失礼します。
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)
とするにはどうすればいいでしょうか?
そもそも不可能である場合、不可能であると断言して頂けると幸いです。
296: デフォルトの名無しさん (ワッチョイ 9eba-k2ZP [2001:240:241a:56bf:*]) [sage] 2025/02/13(木) 13:01:37.54 ID:xGLXSNfR0(1) AAS
:last-of-typeとか:last-childとかで出来るけどそういうの知らなくても”配列の長さ-1”くらいは思いつこうよ
297: 295 (ワッチョイ b149-GKZ3 [180.221.149.54]) [] 2025/02/13(木) 13:14:34.23 ID:8KNio/Em0(1/2) AAS
> 296
つまりあまたはわたしをアホとおっしゃるのですか?
298: 295 (ワッチョイ b149-GKZ3 [180.221.149.54]) [] 2025/02/13(木) 13:15:37.17 ID:8KNio/Em0(2/2) AAS
💩
299: デフォルトの名無しさん (ワッチョイ 5e0b-XAIF [153.164.41.34]) [sage] 2025/02/13(木) 13:39:50.07 ID:tamKTj1t0(1) AAS
>>295
hoge[hoge.length-1].insertAdjacentElement("afterend", elemDiv);
300(1): デフォルトの名無しさん (ワッチョイ 7d7c-F9OP [122.212.18.110]) [sage] 2025/04/05(土) 12:51:42.18 ID:7VBJ2biq0(1) AAS
関数定義するとき、
function funcName() { ~}
と
const funcName = () => { ~ }
で、関数内でthisの参照先を気にしないとすると、どっちの書き方のほうがいい、とかありますか?
なんとなくconst~で書いてたときがあるんですが、VSCodeでアウトライン表示したときに、functionで定義するとメソッドのアイコンになるけど、constで書くと変数扱いになるで他の変数と(ツリー上)区別が付きにくくなり、functionの書き方に戻しました。
301: デフォルトの名無しさん (ワッチョイ 058f-iziL [2001:ce8:137:595f:*]) [sage] 2025/04/05(土) 21:28:14.07 ID:sUMv9Ks50(1) AAS
>>300
巻き上げがあるから関数宣言はやめた方がいい
302: デフォルトの名無しさん (ワッチョイ 0507-pzHV [2001:240:2463:dde5:*]) [sage] 2025/04/05(土) 21:48:41.97 ID:lcZxDDXa0(1) AAS
巻き上げがあったら困る場合だけ関数式
関数宣言のほうが
- 巻き上げがあるからトップダウンで書ける
- 名前付きの関数なのでdebugabilityが高い
ので迷ったらまずはこっち
303: デフォルトの名無しさん (ワッチョイ 372f-pQOn [60.236.132.37]) [sage] 2025/05/08(木) 23:46:11.91 ID:fGnrU9Lw0(1) AAS
constに入れておかないと、チーターに簡単に上書き改竄されたりすんのか
304: デフォルトの名無しさん (ワッチョイ ef4b-3gjP [119.150.14.214 [上級国民]]) [sage] 2025/05/11(日) 01:02:25.07 ID:N+caZpkb0(1) AAS
水前寺清子?
305: デフォルトの名無しさん (ワッチョイ cfcf-+6HO [153.205.197.132]) [sage] 2025/05/11(日) 17:20:56.05 ID:NQ286Pqc0(1) AAS
バイナリをいじる場合はconstとか関係ない。
306: デフォルトの名無しさん (ワッチョイ 9722-2R+f [180.24.66.223 [上級国民]]) [sage] 2025/05/30(金) 22:49:08.32 ID:1o7EfCHn0(1/2) AAS
愚痴ですが…
当方プログラミングはC言語やVBA、ほんの少しPythonを触ったことがあるぐらいのド素人です
今はサポートされてない昔の測定機器のSDKですが、dllファイルがVBAからライブラリとして読めない現象が発生
原因分からず、VBA詳しい友人にdllファイルをアンコンパイルして解析してもらうとC++で書かれているためそもそもVBAで読めないと言われました
ChatGPTにも相談すると中間Wrapper作りますよ!と言われ、紆余曲折有りながら出来上がったものをVBAで読み込んでも動作せず
諦めてダメ元で公式のサポートを頼るも、日本国内の代理店からは対応できないと断られ、やむを得ず国際電話で計測器メーカー直轄の韓国の拠点へ電話
後日メール返すとのこと
疲れた
307: デフォルトの名無しさん (ワッチョイ 9722-2R+f [180.24.66.223 [上級国民]]) [sage] 2025/05/30(金) 22:50:16.72 ID:1o7EfCHn0(2/2) AAS
ちなみに今回の対応も韓国への国際電話も自腹です(^q^)
何やってるんだろうな俺
上下前次1-新書関写板覧索設栞歴
スレ情報 赤レス抽出 画像レス抽出 歴の未読スレ AAサムネイル
ぬこの手 ぬこTOP 0.901s*