JavaScript の質問用スレッド vol.126

2025/01/27(月) 06:54:39.55

ふと、どうでもヨイ疑問が湧いた。

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)
}

どっちも問題はないけど・・・
どっちが見やすい？。
誤差とかわかり易さとかの観点で

てか、どっちにしようかな。
てか、どっちの仕様がいいのかな。
てか、どっちを使用しようかな

2025/01/27(月) 20:38:29.10

>>284
ChatGPTに聞いてみたけど、全部は掲載できないので結論だけ転載

1. 「時間」を基準にして明示的に処理を進めたいなら t
2. 「ループ回数」を基準にするのが直感的なら n
個人的にはtの方が汎用性が高く、特に時間管理が重要なケースでは使いやすいと思います。

2025/01/27(月) 20:44:15.26

1. 可読性
tを使ったコードでは、時間そのもの（1000, 2000, 3000）が直接書かれており、「時間に基づいた処理」という意図が明確。
一方、nを使ったコードでは、「ループの回数を基準に処理」していることが読み取れる。
一般的には、「時間を意識した処理」ならt、「回数を意識した処理」ならnを使ったほうが直感的です。

2025/01/27(月) 20:44:38.45

2. 精度と誤差
setTimeoutは指定した時間で必ず正確に実行されるわけではなく、若干の誤差が発生します。どちらもこの点においては同じですが、**tの方が「時間の計算結果が直接書かれているため誤差の発生ポイントが少ない」**という印象を受けます。
例えば：
1000 * n // 計算で導出
1000, 2000, 3000 // そのまま指定
上記の違いから、誤差を気にするならtの方が直接的で分かりやすいです。

2025/01/27(月) 20:46:35.01

3. メンテナンス性
tのコード
時間間隔を変更したい場合、初期値・上限値・増加値だけを変更すればよく、スケール感の変更がしやすい。
nのコード
「1000を掛ける」という計算式が直接書かれているため、変更時に計算式部分にも目を配る必要がある。

2025/01/27(月) 21:16:45.23

一般常識があるやつならtを使うメリットなんて一つも無いと分かるはずなんだがChatGPTはいまだにこんな意味のない回答するんだな

俺の使ってるChatGPTと同じとは思えない

2025/01/27(月) 21:44:29.89

ChatGPT君はわりと利用者に忖度した回答するので、利用者次第で馬鹿にもなる

2025/01/27(月) 21:56:48.37

いや、質問をそのままGPTにペーストしたよ
利用者の意見なんて1つも入れてない

2025/01/27(月) 22:13:58.10

質問の仕方に利用者の知識量とか思考が入り込んで、ChatGPTはそれに応じた回答をする。回答のレベルは質問のレベルに合致する

2025/01/28(火) 03:33:19.87

それはそうだけど、正確性からそんなに大きく逸脱はしてないでしょう
というか、客観的に大多数に正しいと思われる解決法を提示してくれるから助かる
無料のは今だに嘘が混じってる事が多いんだけど、有料のPlusは結構正確になった
参照してる知識量が無料のものの何倍もあるみたい

2025/02/06(木) 13:59:21.74

外国のサイトにある動画から字幕を抜き出したくて色々試したけど上手く行かなかった（www.francetvinfo.frというとこ）
でもffmpegだとあっさり成功した
もしJavaScriptに詳しければffmpegというツールに頼らず抜き出せたのだろうか？
chatGPTに聞くとDOMで作成してるみたいな答えが帰ってきたので字幕作成はJavaScriptで行っているのかなと思った
今字幕抜き出せた喜びとツールに頼った悔しさが入り混じってるけど皆なら自力で抜き出せた？

2025/02/13(木) 12:33:25.69

失礼します。
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)

とするにはどうすればいいでしょうか？

そもそも不可能である場合、不可能であると断言して頂けると幸いです。

2025/02/13(木) 13:01:37.54

:last-of-typeとか:last-childとかで出来るけどそういうの知らなくても”配列の長さ-1”くらいは思いつこうよ

**295** (ﾜｯﾁｮｲ b149-GKZ3 [180.221.149.54]) · 2025/02/13(木) 13:14:34.23

> 296
つまりあまたはわたしをアホとおっしゃるのですか?

**295** (ﾜｯﾁｮｲ b149-GKZ3 [180.221.149.54]) · 2025/02/13(木) 13:15:37.17

💩

2025/02/13(木) 13:39:50.07

>>295
hoge[hoge.length-1].insertAdjacentElement("afterend", elemDiv);

2025/04/05(土) 12:51:42.18

関数定義するとき、
function funcName() { ～}
と
const funcName = () => { ～ }
で、関数内でthisの参照先を気にしないとすると、どっちの書き方のほうがいい、とかありますか？

なんとなくconst～で書いてたときがあるんですが、VSCodeでアウトライン表示したときに、functionで定義するとメソッドのアイコンになるけど、constで書くと変数扱いになるで他の変数と(ツリー上)区別が付きにくくなり、functionの書き方に戻しました。

2025/04/05(土) 21:28:14.07

>>300
巻き上げがあるから関数宣言はやめた方がいい

2025/04/05(土) 21:48:41.97

巻き上げがあったら困る場合だけ関数式

関数宣言のほうが
- 巻き上げがあるからトップダウンで書ける
- 名前付きの関数なのでdebugabilityが高い
ので迷ったらまずはこっち

2025/05/08(木) 23:46:11.91

constに入れておかないと、チーターに簡単に上書き改竄されたりすんのか

2025/05/11(日) 01:02:25.07

水前寺清子？

2025/05/11(日) 17:20:56.05

バイナリをいじる場合はconstとか関係ない。

2025/05/30(金) 22:49:08.32

愚痴ですが…
当方プログラミングはC言語やVBA、ほんの少しPythonを触ったことがあるぐらいのド素人です
今はサポートされてない昔の測定機器のSDKですが、dllファイルがVBAからライブラリとして読めない現象が発生
原因分からず、VBA詳しい友人にdllファイルをアンコンパイルして解析してもらうとC++で書かれているためそもそもVBAで読めないと言われました
ChatGPTにも相談すると中間Wrapper作りますよ！と言われ、紆余曲折有りながら出来上がったものをVBAで読み込んでも動作せず
諦めてダメ元で公式のサポートを頼るも、日本国内の代理店からは対応できないと断られ、やむを得ず国際電話で計測器メーカー直轄の韓国の拠点へ電話
後日メール返すとのこと
疲れた

2025/05/30(金) 22:50:16.72

ちなみに今回の対応も韓国への国際電話も自腹です(^q^)
何やってるんだろうな俺

2025/10/11(土) 20:33:48.15

video_elm.addEventListener(
"ended",
function(){
alert("全て見た");
}
);
動画を再生しきると「全て見た」と出るけど
video_elm.currentTime = 0;で再生位置を最初に戻してまた再生しても
「全て見た」と出ませんでした。
このイベントは１回限りなんですか？