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

2023/12/09(土) 17:40:39.92

!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

2024/07/27(土) 23:26:18.23

iOSのブラウザだと指をつまむようにピンチ操作するとタブ一覧になりますがこれを防ぐ方法ってないんでしょうか
touchstart, touchmove, touchendのそれぞれでpreventDefaultしても無理でした

2024/08/11(日) 18:28:32.58

東京都の低所得者向け支援事業のページですが、
https://kurashiouen.metro.tokyo.lg.jp/login

ここのフォームに毎回手動で入れるのが面倒なんで
TamperMonkeyで入れようとしたんですが、
うまく値が入らないです。
(メアド登録すれば向こうから知らせてくるのだけどメアドを広範囲に振りまくのはなるべく避けたい)

inputタグのvalueプロパティに
値を入れてその値が画面に出ていても
そのinputにフォーカスすると消えてしまいますし、
ページのjavascriptからは正常な値が入っていると認識されていないようです。
(生年月日のselectタグも同じ)

2024/08/11(日) 18:28:49.67

最初の世帯識別番号を全部フィルしてから(全部4ケタ)
一番下の規約同意チェックボックスをクリックしないと
ログインボタンが有効にならないという動作のようです。
(チェックボックスを.checked=trueにするだけではダメ)

うまく自動で値を入力するにはどうすればいいでしょうか？
セレニウムやAutoHotKeyを使えばできるような気もしますが
できればTamperMonkeyでやりたい

2024/08/11(日) 21:08:30.34

>>224
それぞれイベント発火時に値を読み取るようなので
inputに対しては.valueに値設定したら.dispatchEvent(new Event("input"))
selectは.dispatchEvent(new Event("change"))
チェックボックスは.click()

2024/08/12(月) 18:41:31.15

>>226
できました！
ありがとうございます
なるほど

なお
チェックボックスの.click()だけはわかってたんですが、
ちゃんと書いておりませんで、すみませんです。。。

2024/08/23(金) 05:01:35.54

ここ1年くらいで本格的に学び始めたものです
数カ月前にmicromatchていう正規表現ライブラリに脆弱性が指摘されてCVEに登録されたみたいんなんですが
これ使ってるライブラリは芋づる式で全部npmでSeverity：moderateの警告が出てるはずで
その中にtypescript-eslintも入ってるので、これ使ってるフレームワークのテンプレート、
ほとんど影響受けてると思うんですが、各ライブラリのissueとか探しても全然話題になっていないみたいです。
皆、moderateくらいのセキュリティ警告はほとんど気にしないんですか？
それとも開発環境Onlyの依存関係だから？

2024/08/23(金) 16:45:00.54

>>228
botがプルリク送ってきたとて放置

2024/08/27(火) 21:06:37.83

バニラJSって流行ってんですか？

2024/08/28(水) 07:37:45.61

>>228
devDependency なら伝播はしないだろ。
npm audit で確認してみりゃいい。

2024/08/30(金) 21:40:56.02

拡張機能でページの読み込み完了時に動作するスクリプトを書いたが、
完了前に発動してしまい、
ラッセーラー、ラッセーラー

2024/09/03(火) 06:53:50.48

《言語　javascript》
for(let i = 0;i < 10; i++){
　if (i === 99999){
　　break; // とにかく脱出
　}
}
console.log("i="+i)
は、ダメである
varは非推奨らしいけど、この意味は
Ⅰ》varは、使用しないことは、推奨
Ⅱ》varは、使用は、推奨は、しない
等　イロイロな解釈の余地はあるな
by 🤡自称プロマネ

letは地球人が推奨するヤバイやつ∴
letは、宇宙人的には、使用は、🈲ずる
by 👤自称ウチュ〰人本日もモチ暴言

質問ぢゃない質問。ウチュ〰人素晴らしい
by 🥳ウチュ〰人に忖度するバカッテスタ

2024/09/09(月) 00:14:27.71

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

2024/09/09(月) 01:15:24.84

>>234
非表示になってる#sdataがもう一つ存在してそっちを拾ってるせい
セレクタを'#overLayer > #sdata'等詳細にする

2024/09/09(月) 07:40:59.09

>>235
ありがとう！解決しました

ちなみに何を見ると非表示の#sdataがあることを確認できますか？

2024/09/10(火) 01:02:40.92

>>236
ブラウザF12の開発ツールの要素タブでCtrl+Fして#sdataで検索

2024/09/11(水) 23:50:48.17

>>235
ありがとう！解決しました

ちなみに何を見ると非表示の#sdataがあることを確認できますか？

2024/09/26(木) 10:16:59.99

document.getElementById("test_id");
を使わずに
test_id.value
と、直接使うと何か問題がありますか？

2024/09/26(木) 21:22:05.89

📕は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 👤

2024/10/03(木) 08:27:00.36

const str = "[aaa,bbb,ccc],[ddd,eee,fff],[ggg,hhh,iii]";
という文字列を[]で囲まれた部分を取り出して配列にしたいんだけど
どうやればいいですか？
aaa,bbb,cccとddd,eee,fffとggg,hhh,iiiの３つの要素を持つ配列ってことです

2024/10/03(木) 08:38:25.14

外側を［］で囲んでeval

2024/10/03(木) 08:40:52.73

aaaとかbbbとかの形式によってはJSON.parseで良くないか

2024/10/08(火) 10:57:59.20

const str = "[aaa,bbb,ccc],[ddd,eee,fff],[ggg,hhh,iii]";
str.split(",");

2024/10/08(火) 11:13:58.37

// こうか？
const str = "[aaa,bbb,ccc],[ddd,eee,fff],[ggg,hhh,iii]";
str.replace("[","").replaceAll("],","").replace("]","").split("[");

2024/10/08(火) 11:28:09.41

// こっちか
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"]]

2024/10/11(金) 07:13:33.54

久々にプログラミングしてるのですが、今のjavascriptって即時関数の中にコードを書くのが普通なんですか？
昔javascript触ってた時はそういうのなかったので

2024/10/11(金) 07:51:03.87

JSは15年くらい前から無名関数使い倒す文化だと思うけど

2024/10/11(金) 09:47:24.63

2005年頃には即時関数を使い倒す文化が確立されてたぞ
むしろ2015以降は代替手段ができたからQuick and Dirtyなコードじゃなければ即時関数の利用シーンはかなり減ってる

2024/10/11(金) 09:52:14.18

letとconstができたから即時間数なんてもういらない

2024/10/11(金) 11:05:14.15

個人的には 1) その場限りのコールバック、2) 一連の手続きの中で中間変数（説明変数含む）が多くなるケース、で即時関数をよく使う
後者は「結果の局所化」及び「意図と実装の分離」の効果をサクッと得られる

2024/10/11(金) 11:29:01.18

即時関数は即時実行関数式(IIFE)の略で無名関数とは違うと思うんだけど>>251は無名関数について書いてない？

2024/10/11(金) 11:48:22.92

すまん。俺が無名関数とか言い出したから良くなかったんだろうと思う

2024/10/15(火) 06:39:54.87

そもそも、基本的に関数なんていらん。
ほぼ全部、変数は、グローバル変数で宣言し
とにかく、サブルーチンは
イベンリスナー系を除いて不要だよな

てゆぅかさ、goto文がないようだし、
goto文のラベルの代わりに
無名じゃない関数
(モビロン引数はなし∵全部グローバル変数)

これが、無限年後のJavaスクリプトの常識だぜ
てか、無名関数廃止して、gotoとラベルを
無限以内に復活しようよ

これで、ド初心者の人気Ｎｏ．ワン言語、確実

2024/10/15(火) 09:34:04.49

>>241
Ruby のJSON.parse なら、

require 'json'

# 改行を削除する。削除しなくても同じ結果
json_str = <<'JSON'.delete( "\n" )
[ {"あ":[{"い":1}, "x"]},
[] ]
JSON

p json_obj = JSON.parse( json_str )
#=> [{"あ"=>[{"い"=>1}, "x"]}, []]

2024/10/19(土) 15:37:37.54

スクリプトの問題とは微妙に話が違いますが、
tampermonkeyじゃなくてgreasemonkey使っている人いますか？
firefoxで使ってるんですが、
greasemonkeyだと自作スクリプトって簡単にはインストールできないですよね？
zipに固めないとインストールできないと思うのですが、
みなさんはどうやってるんでしょうか？

2024/11/19(火) 23:39:35.70

JavaScriptのwindow.openで第2引数にウィンド名を指定して画面を開きます続いて全く同じ引数で同じ画面をwindow.openで開いてるのに別ウィンドウで開いてしまいます
broadcastchannelを使っている画面でこのような事象が見られるように思えるのですが、broadcastchannelを使っている画面はwindow.openで第2引数を指定しても別ウィンドウで開いてしまうのでしょうか
因みに関連ウィンドウは全て同オリジンでウィンドウ名は半角空白も含まれない半角英文字のみです

2024/11/20(水) 09:20:12.24

開いたウインドウにナビゲートするのではなく?

2024/11/20(水) 10:44:47.45

>>258
同じurl window.nameのページが普通に別ウィンドウで開いちゃいますね

2024/11/21(木) 20:21:30.75

>>259
単なるロジックバグでした
お騒がせしました

?2BP(1000) · 2024/11/25(月) 21:37:59.73

EchoAPIはVS Code環境に素晴らしい追加で、APIテストが超楽になった！

2024/12/07(土) 12:00:11.18

画像の読み込みが完了したら動作するのはできたけど、動画の読み込みが完了したら動作するのは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("画像の読み込み完了");

}

2024/12/07(土) 13:15:33.00

>>262
https://developer.mozilla.org/ja/docs/Web/HTML/Element/video
video要素で発生するイベントはloadではなくloadeddataやloadedmetadata

2024/12/07(土) 20:39:58.70

>>263
そうなんですか
ありがとうございます

2024/12/14(土) 01:19:41.44

2024/12/14(土) 06:46:27.36

釣りネタつまらん

2024/12/14(土) 20:33:37.99

>>265
好きとか嫌いとかで決めるものではない

2024/12/23(月) 07:23:14.55

letの無いIEやHTAで開発する場合var宣言が必要だから好きとか嫌いとかではない
つまり古いブラウザのjavascriptでも動かしたい場合必然的にvarだらけになる

2024/12/26(木) 11:59:20.77

JS初心者です。Electron使用しています。
カウントダウンで3→2→1と表示させようとした時、Foｒ文で組もうとすると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)

2024/12/26(木) 12:33:27.44

setTimeout の第2引数をiを使って変えればいい
iが3→2→1と減っていくなら、例えば1000*(4-i)とか

2024/12/26(木) 12:59:38.81

>>270
ありがとうございます。動きました。
また別の問題出てきましたが、それはそれでPromiseとか勉強してちょっと頑張ります。

2024/12/26(木) 13:44:41.88

ウチュ〰人からのお告げという事にしてほしいが
//絶対位置指定∵動かすために
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　をコーディング
　する事が必要ぢゃ　

2024/12/26(木) 14:00:17.69

>>269
setInterval使え
インターバルに間に合わない可能性のある処理をするならsetTimeoutを再帰しろ

ループごとに必要もなくinsertAdjacentHTMLなんかするな
値を書き換えれば十分だろ
視覚効果を狙ってるならCSSアニメーション使え

**265** (ﾜｯﾁｮｲ b6e0-cPla [2400:2200:634:ad7a:*]) · 2024/12/28(土) 04:01:21.72

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

なお、こんなコーディングして
エライ人に怒られても、
気にしちゃダメ在る。

2024/12/28(土) 06:58:46.94

>>274
それは質問ではないな
質問スレは日記を書く場所ではない

2024/12/30(月) 09:51:50.06

>>274 ちょっと前の自分へ返答
var x7 = 1;
var x7 += 2; //var再宣言・再代入OKだろ

は❌var x7 += 2;となった
やっぱvarも使っちゃダメだよな。てなワケで
今のところは、274が大正解

2025/01/24(金) 06:19:41.63

👤コールバック地獄(ファンクション地獄)
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

2025/01/24(金) 06:29:52.53

>>277の自作自演は、>>269様のご質問内容により閃いた
文学作品である。そしてこれは、
async await promise を実装したjavascriptエンジン
v8 の機能が以下にヤバイ位スゴイかを暗に物語ってる
複雑なCSSアニメーションより
javascriptでの任意の要素をアニメーション簡単に
実装できることを暗示してる。

上記文学作品を閃かせてくれた弐六九様へ感謝したい
THANK YOU FOR 269

2025/01/25(土) 04:32:37.95

🥳なるぼど、もしかして、

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は有りえ無い
🥳　それは、机上した👤は、
　　🐴🦌　かつ、
　　ポクは、超天才の証明なのだァァァ
👤　・・・

2025/01/25(土) 08:48:00.93

👤ま、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文組合せよう。
👤🤡　それ検討したが挫折　バイバイ

2025/01/25(土) 13:17:37.74

💃(←初登場:ナゾの女性　という設定)
あら、これ再帰プログラム❓
信じられなーーい。ありえなーーい。

マジ、超本物の再帰プログラミングは、
自身の関数を呼び出すのが本物です。
スナワチ、以下の通りよ。

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でアニメーションやれ。

2025/01/25(土) 15:30:48.00

>>277-281
質問スレにいつまで居座るつもりなのかね

2025/01/25(土) 16:34:31.47

あっそうだ、setTimeout の再帰はおいておいて
setInterval というのも在るのか。それは、時間がないから
そろそろ、オイトマとするtimeにするかも知れない
ま、再帰しなしsetTimeoutで、かつ async promiseは使用しない
のが、一番バッチリという感触。今は。では、またいつか。５日ではないいつか
(^_^)/~　👤🤡🥳💃一同　実は同一人物だけど(⁠・⁠_⁠・⁠;⁠)

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;で再生位置を最初に戻してまた再生しても
「全て見た」と出ませんでした。
このイベントは１回限りなんですか？