JavaScript の質問用スレッド vol.126 (307ﾚｽ)
上下前次1-新
1(2): (ｵｯﾍﾟｹ Sr9f-tek/ [126.254.232.20]) 2023/12/09(土) 17:40:39.92 ID:Mnb70srnr(1/5)調 AAS
!extend:checked:vvvvvv:1000:512
JavaScript を自ら学ぶ人のための質問スレッドです。
>>2-5のテンプレを読んだ上で質問してください。次スレは>>950が>>2の「次スレの立て方」を元に立ててください
■質問を書く上で
(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
181: (ﾜｯﾁｮｲ df68-csuD [2400:2200:454:574d:*]) 2024/03/29(金) 17:39:27.22 ID:D+b6Pa3z0(1)調 AAS
現時点ではAIは不可能なことを不可能と答えないケースが多い
信用しすぎないように
182: (ﾜｯﾁｮｲ 0977-nnmZ [2400:2200:587:7d4f:*]) 2024/04/05(金) 21:57:54.50 ID:otPTbv2G0(1)調 AAS
test
183: (ﾜｯﾁｮｲ d5af-nnmZ [2400:2200:462:2f4f:*]) 2024/04/05(金) 21:58:17.84 ID:J45N4zHg0(1)調 AAS
test
184: (ﾜｯﾁｮｲ 1bbc-AtXo [2404:7a87:26a0:9e00:*]) 2024/04/13(土) 22:59:37.70 ID:3VlMmSMB0(1)調 AAS
すいません、Reactの質問ってここでいいですか？
185: (ﾜｯﾁｮｲ a310-0yiv [2400:2200:4d8:f2fa:*]) 2024/04/13(土) 23:23:14.15 ID:i7geu5sV0(1)調 AAS
まずスレ一覧をReactで検索するぐらいしてみたら？
186(2): (ﾜｯﾁｮｲ 298b-29lp [240d:1a:7fe:ef00:*]) 2024/04/20(土) 13:04:04.45 ID:/vy8T+9K0(1/2)調 AAS
昔、私が大学でプログラミングを習ったとき（C言語でした）には円周率など特別な値については定数にしろと言われはしましたが、その他の変数については定数にしろとは言われませんでした。
Javascriptの本を今読んでいるのですが、再代入を行わない場合にはすべて「let」ではなく「const」を使えと書いてあります。
このようなことが言われるようになったのはいつ頃からでしょうか？
私がそう習わなかっただけで、昔から言われていたことでしょうか？
187(1): (ﾜｯﾁｮｲ d15e-4mIM [240b:12:203:6300:* [上級国民]]) 2024/04/20(土) 14:12:14.37 ID:7dIwEOD00(1/3)調 AAS
>>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を使いましょうという風潮が比較的早く出来た
188(1): (ﾜｯﾁｮｲ d15e-4mIM [240b:12:203:6300:* [上級国民]]) 2024/04/20(土) 14:22:49.70 ID:7dIwEOD00(2/3)調 AAS
constは直訳すれば定数だが
JSのconstは再代入しちゃいけませんよってだけで
基本は普通の変数として取り扱う
配列やオブジェクト、関数、インスタンスなんかもconstで宣言出来るね
他言語のletみたいなものと考えると良い
constで宣言したオブジェクトや配列は再代入禁止なだけで、中身は普通に加工出来てしまうのも作りとして良くない
const arr = [1, 2, 3];
arr.push(4);
console.log(arr);
// [1, 2, 3, 4]
この辺は勝手に加工しないよう運用でカバーやね
値は基本的に複製しまくってガベージコレクションで掃除してもらう
パフォーマンスチューニングで仕方なく一つの値を加工しまくる時はライブラリ化したり関数で固めたりして、メインロジックの邪魔にならないようにすること
189: (ﾜｯﾁｮｲ 298b-29lp [240d:1a:7fe:ef00:*]) 2024/04/20(土) 14:53:24.59 ID:/vy8T+9K0(2/2)調 AAS
>>187-188
ありがとうございました。
190(1): (ﾜｯﾁｮｲ 6b21-9wFU [121.2.134.225]) 2024/04/20(土) 21:40:49.05 ID:KOUUOZ8l0(1)調 AAS
すみません。
以前からJSフレーム・ワークについて
疑問を持っていたのですが
フレーム・ワークを使う人は、
1. JavaScriptに精通しているので
中規模程度のサイトなら
素のJavaScriptと_lodash等だけでも組めるが
効率が悪いのでフレーム・ワークを
その内部構造をも理解して使っている。
2. JavaScriptの基本的な仕組みと
DOM操作の基本は理解しているが
素のJavaScriptではサイトを作れないので
フレーム・ワークの仕様仕組みを理解して使っている。
の2種類に大別できると思うのですが
結局ブラウザは素のJavaScriptで動いているだけなので
「1」の技能習得に向かわざるを得ないと思うのですが
いかがでしょうか。
191(1): (ﾜｯﾁｮｲ 6b55-Olxi [2400:2200:6b3:858d:*]) 2024/04/20(土) 22:07:39.36 ID:xlVv2mR90(1)調 AAS
どこから突っ込んでいいのかわからなくて答えようがない
192(1): (ﾜｯﾁｮｲ d1f1-4mIM [240b:12:203:6300:* [上級国民]]) 2024/04/20(土) 22:27:55.19 ID:7dIwEOD00(3/3)調 AAS
>>190
lodashは関数型プログラミング的な値の加工を司るフレームワークだぞ
一部だけ利用させて頂いて関数片の集合体ライブラリとして使うことも出来るがな
フレームワークは機能を提供するライブラリであると共に
大きなプロダクトを作っていく為のファイル・関数・モジュール置き場をルールで区切ってここに設置してくださいねー
こういう司書さんみたいな役割も担ってる
複数人でプロダクトを触ったり
半年後にどれどれ？と帰ってきて読み直した時にナニコレ？にならない為に
プログラミングスキルの良し悪しに限らず
適切なフレームワークがあるなら使った方が良い
フレームワークを使わん機能を作る時でも
関数やファイルを作って保管するタイミングで「このフレームワークの考え方は好きだな、同じディレクトリ名を作ってそこに保管しよう」
自然とこういう発想が生まれる
なのでフレームワークを使い分けてる人間は引き出しが多くなっていき
可読性の良いプロダクトを作る能力も養われる
結局フレームワーク無しで適当に関数やファイルを作って放り投げるばかりで
読み辛いプロダクト作ってる奴なんて3流の雑魚だよ
193: (ﾜｯﾁｮｲ d721-K5o/ [121.2.134.225]) 2024/04/21(日) 00:20:10.62 ID:R6fhRdj50(1)調 AAS
>>191 >>192
ありがとうございます。
ご教示参考にさせて頂き
精進いたします。
194: (ﾜｯﾁｮｲ 1735-TxeL [2001:268:9a1c:ec74:*]) 2024/04/21(日) 02:22:30.51 ID:9CBVBBl20(1)調 AAS
>>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 //=> エラー。再代入はできない！
195: (ﾜｯﾁｮｲ 0979-208W [110.2.64.150]) 2024/04/28(日) 21:53:35.47 ID:zlR73q8o0(1)調 AAS
スレ立てあらしスクリプト対抗age
196(2): (ﾜｯﾁｮｲ 3fd8-HeGF [240b:11:92e0:d400:*]) 2024/06/09(日) 04:17:47.61 ID:7bXOQjjM0(1/2)調 AAS
お願いします。
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後には削除されている期待通りの結果になるのですが
どんな理屈なのかわかりません。
初歩的な質問で申し訳ありませんが教えてください
197(1): (JP 0H7f-Odlx [133.106.38.39]) 2024/06/09(日) 04:55:12.99 ID:Wajupa1KH(1/2)調 AAS
paiza.ioで試したが再現しなかった
JavaScriptの実行エンジンがあらかじめ使いもせずすぐdeleteするような無駄な処理を削ぎ落とすとかしてるんじゃね？知らんけど
198(1): (ﾜｯﾁｮｲ 23a9-YaDi [240b:12:203:6300:* [上級国民]]) 2024/06/09(日) 04:59:29.38 ID:eQJZpcgM0(1)調 AAS
>>196
「JavaScript 参照の値渡し」でググれ
初歩的な事柄だろ？すぐ理解出来るだろ
199(2): (JP 0H7f-Odlx [133.106.38.39]) 2024/06/09(日) 05:22:49.71 ID:Wajupa1KH(2/2)調 AAS
あーjsをhtmlに直書きしてFireFox/Edgeで読み込んだら再現したわ
jsじゃなくて開発者ツールのコンソール表示の仕様だと思う
配列内のオブジェクトみたいなネストされてるモノについては、その時点の値じゃなく表示を求められた時点の値が表示されるとかじやないかな
200: (ﾜｯﾁｮｲ 3f12-HeGF [240b:11:92e0:d400:*]) 2024/06/09(日) 06:13:08.40 ID:7bXOQjjM0(2/2)調 AAS
>>198
ありがとうございます。
参照渡しがメモリ上のアドレスを参照してるのは知っていたのですが
初めのconsole.logをした時点ではまだ値を変更していないのに
なぜ変更後の値が表示されるのか理屈が分かりませんでした
>>197>>199
一度テキストに書いたものを貼ったので^^;お手数をおかけました
コンソール表示の仕様ですか、なんとなくですが納得できました
丁寧にありがとうございます。
201: (ﾜｯﾁｮｲ 43e9-qUdF [222.15.234.152]) 2024/06/09(日) 06:25:46.35 ID:v+ppJ5f30(1)調 AAS
id を別な文字に変えると
202: (ﾜｯﾁｮｲ ff0c-xov0 [240b:253:a100:e600:*]) 2024/06/09(日) 08:02:18.06 ID:GyoPGP3N0(1)調 AAS
全ての波【電磁波】で下記の症状が起きる
理由は電磁波が強いために起こるか電磁波が通過すれば磁気が生じて鉄分が振動して間接的に鼓膜などが振動する
マイクロ波聴覚効果を用いた音声伝送に関する検討
2018/03/05
外部ﾘﾝｸ:www.bookpark.ne.jp
マイクロ波聴覚効果 Wikipedia
外部ﾘﾝｸ:ja.wikipedia.org
>>マイクロ波を照射された被験者は、クリック音やブザーのようなうなり音が聞こえる
早大、物質中の創発磁気モノポールに起こる集団振動現象を理論的に発見
2024/06/04
外部ﾘﾝｸ:news.mynavi.jp
理研、電子ビームの電子回折をアト秒で制御できる技術を開発
2024/06/06
外部ﾘﾝｸ:news.mynavi.jp
※電磁波も振動させれると記載あり
最低でも下記ノ電磁波の威力が必要なら行っている者全員補足されている
GPSの電波は超微弱
外部ﾘﾝｸ:gigazine.net
［２２］米国特許５８６８１００号
【ＧＰＳ位置情報を使用した動物コントロール・システム】
一例ですが年々受信機の感度は向上している
東工大、磁束集中器を用いない高感度「ダイヤモンド量子センサ」を開発
2024/06/07
外部ﾘﾝｸ:news.mynavi.jp
電磁波音波攻撃をされている部位ごとにホルモンや異常物質などの観測
パーキンソン病の原因物質、脳内の可視化に成功
2024年6月6日 0時00分
外部ﾘﾝｸ[html]:www.asahi.com
203: (ﾜｯﾁｮｲ 2301-t5YS [60.88.88.32]) 2024/06/09(日) 08:21:10.79 ID:kTI4ZAed0(1)調 AAS
>>196
>>199 でも指摘のある通りconsole.logの仕様かな
オブジェクトを渡した場合、開発者ツールで見ることのできるのはそのオブジェクトの現在の状態
デバッグで delete の行で止めてみれば確認できるはず
204: (ﾜｯﾁｮｲ 2361-7AaF [124.87.227.97]) 2024/06/09(日) 16:12:58.02 ID:Q+r4d53/0(1)調 AAS
単純なオブジェクトならconsole.log(JSON.stringify(hoge))とかするのも手だね
205: (ﾜｯﾁｮｲ ff96-sNpc [2400:2200:4b1:1eb8:*]) 2024/06/09(日) 17:12:03.63 ID:bzc/s2Ac0(1)調 AAS
ここが詳しいね↓
Chrome の console.log でハマらないために
外部ﾘﾝｸ:nmi.jp
206: (ﾜｯﾁｮｲ 639f-VQfa [2001:268:9a20:1e45:*]) 2024/06/09(日) 18:59:00.31 ID:47AcMhsH0(1)調 AAS
>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: '太郎' } ]
207: (ﾜｯﾁｮｲ cf10-N2Ms [153.252.74.3]) 2024/06/13(木) 23:54:51.41 ID:UwmoZOtM0(1)調 AAS
console.log厄介だな…プリントデバッグ卒業しないと駄目か
208: (ﾜｯﾁｮｲ 8f13-Sdaz [2400:2200:1d9:de7d:*]) 2024/06/14(金) 00:22:57.99 ID:QtqbLyKp0(1)調 AAS
卒業しなくていい
209: (ﾜｯﾁｮｲ 8299-bV2f [2400:2200:4fb:564e:*]) 2024/07/02(火) 17:17:44.53 ID:kFuGoUXg0(1/2)調 AAS
ループの中でwindow.openして、ポートだけが違う同じドメインの同じ画面を複数開くとchromeのタスクマネージャーでは全部同じプロセスIDでcpuコア分散してくれないのだけれどそういうものでしょうか？
最初は同じオリジンでやってたんだけどふか高くて、ポート変えて別オリジンならプロセスも変わってコア使い回してくれるかなと思ったのだけれどそうはならず、回避方法模索中です
210(1): (ﾜｯﾁｮｲ 1231-PoPW [2400:2200:4d2:c4bd:*]) 2024/07/02(火) 20:47:10.76 ID:nZysD7UJ0(1)調 AAS
詳しくは分からないけどJavaScriptのコードで関与できる部分じゃないような
まずchromeのスレあたりで挙動について質問してみたら？
211(1): (ﾜｯﾁｮｲ 8299-bV2f [2400:2200:4fb:564e:*]) 2024/07/02(火) 21:33:51.40 ID:kFuGoUXg0(2/2)調 AAS
>>210
ありがとうございます
イロイロ試したけど挙動的にwindow.openで同じドメインのページ開くと同じプロセスに囲われてしまうっぽいです
で、hostsに同じipを別ホスト名に定義してそのホスト名で呼んだら別プロセスになってくれた
気持ち悪いけど一旦これで逃げられるか検証したいと思います
212(1): (ﾜｯﾁｮｲ 0df5-hfHU [2404:7a82:3de0:3500:*]) 2024/07/03(水) 18:29:30.68 ID:YlCf6WAf0(1/2)調 AAS
>>211
子ウィンドウから opener で親を参照できる間柄だと CPU を分けるわけにはいかないんじゃない？
213(1): (ﾜｯﾁｮｲ 0df5-hfHU [2404:7a82:3de0:3500:*]) 2024/07/03(水) 18:30:11.37 ID:YlCf6WAf0(2/2)調 AAS
>>212
CPU じゃない、プロセスか
214(1): (ﾜｯﾁｮｲ 9e7e-bV2f [2400:2200:7b2:8057:*]) 2024/07/03(水) 20:03:48.10 ID:QL5YeWa80(1)調 AAS
>>213
大元画面
→A機能群メイン画面
→B機能群メイン画面
→C機能群メイン画面
みたいな構成で大元からワンクリックでA,B,C画面がバババっと別Windowで表示のイメージで
大元とA,B,Cは親子関係いらないしA,B,C間も参照不要だから別プロセスで上げてコア分散して欲しいんだけどA,B,Cが同一プロセスになっちゃうって感じなのです
215: (ﾜｯﾁｮｲ 0df5-hfHU [2404:7a82:3de0:3500:*]) 2024/07/04(木) 04:55:13.57 ID:O++Z8oMX0(1)調 AAS
>>214
それらが同じドメインにあってセキュリティ上も子画面から親画面を opener で参照できちゃう間柄だから、スクリプトエンジンも同じインスタンスじゃないといけなくて同じプロセスになるってことなんじゃないかな。
間に別ドメインを挟んでリダイレクトでもするとプロセスが分かれるかもね。
216: (ﾜｯﾁｮｲ f518-w2mC [2400:2200:6b6:7ae7:*]) 2024/07/04(木) 08:37:45.29 ID:7WHO1Maz0(1)調 AAS
Chromeのプロセスマネジメントの仕組みについて説明すると、Chromeは各タブや拡張機能を個別のプロセスで管理することで、ブラウザの安定性とセキュリティを向上させています。しかし、同じオリジン（スキーム、ホスト、ポートが同じ）からのリクエストに対しては、プロセスを共有することが一般的です。ポート番号が異なる場合でも、同じドメインからのリクエストは同じプロセスで処理されることが多いです。
CPUコアの分散については、Chromeのプロセスマネジメントに依存するため、開いているタブや実行中のスクリプトの数が多くても、同じプロセスで実行される場合があります。そのため、CPUコアが均等に分散されないことがあるのです。
217: (ﾜｯﾁｮｲ 5e63-klGW [153.174.220.41]) 2024/07/05(金) 09:45:00.80 ID:Js1ZcPln0(1/3)調 AAS
acrobatで選択した単語をJavascriptに渡せないのは仕様？
api使いたいのにその前段階で躓いている
218: (ﾜｯﾁｮｲ 5e63-klGW [153.174.220.41]) 2024/07/05(金) 10:34:02.07 ID:Js1ZcPln0(2/3)調 AAS
自己解決した。
渡せないんだねえ。
ハイライト経由で渡すんだね。
面倒くさくな。
219: (ﾜｯﾁｮｲ 692d-RZYL [240b:12:203:6300:* [上級国民]]) 2024/07/05(金) 10:37:09.77 ID:Beou0vig0(1)調 AAS
ブラウザの制約を厳しくしないと
すぐクレカ番号やログイン情報を抜かれるからな
特殊な事をしたければデスクトップアプリやCLIをベースにした方が無難
220: (ﾜｯﾁｮｲ 5e63-klGW [153.174.220.41]) 2024/07/05(金) 11:02:03.90 ID:Js1ZcPln0(3/3)調 AAS
デスクトップアプリのAcrobat DCで英文自動翻訳注釈作成機を作ろうとしてるんですけどねえ
221(1): (ﾜｯﾁｮｲ 9279-oiVf [27.132.131.251]) 2024/07/06(土) 16:41:04.11 ID:ixa6zhE30(1)調 AAS
acrobatというかPDFに英文箇所を翻訳したいってことだよね
acrobatでやるならプラグインでも入れないと無理なんじゃないかな
やる事の割に大変な手間だから有償だったりするね
222: (ﾜｯﾁｮｲ 5e63-klGW [153.174.220.41]) 2024/07/06(土) 19:00:07.61 ID:SVaQBkcr0(1)調 AAS
>>221
Wordで簡単に出来たことがこんなに大変で驚いてる
selectionオブジェクトがないのに驚きました
223: (ﾜｯﾁｮｲ c24b-Wzaw [203.139.76.105 [上級国民]]) 2024/07/27(土) 23:26:18.23 ID:6J8KNmw/0(1)調 AAS
iOSのブラウザだと指をつまむようにピンチ操作するとタブ一覧になりますがこれを防ぐ方法ってないんでしょうか
touchstart, touchmove, touchendのそれぞれでpreventDefaultしても無理でした
224(1): (ﾜｯﾁｮｲ ef7d-urqj [111.89.246.142]) 2024/08/11(日) 18:28:32.58 ID:tgahoj8r0(1/2)調 AAS
東京都の低所得者向け支援事業のページですが、
外部ﾘﾝｸ:kurashiouen.metro.tokyo.lg.jp
ここのフォームに毎回手動で入れるのが面倒なんで
TamperMonkeyで入れようとしたんですが、
うまく値が入らないです。
(メアド登録すれば向こうから知らせてくるのだけどメアドを広範囲に振りまくのはなるべく避けたい)
inputタグのvalueプロパティに
値を入れてその値が画面に出ていても
そのinputにフォーカスすると消えてしまいますし、
ページのjavascriptからは正常な値が入っていると認識されていないようです。
(生年月日のselectタグも同じ)
225: (ﾜｯﾁｮｲ ef7d-urqj [111.89.246.142]) 2024/08/11(日) 18:28:49.67 ID:tgahoj8r0(2/2)調 AAS
最初の世帯識別番号を全部フィルしてから(全部4ケタ)
一番下の規約同意チェックボックスをクリックしないと
ログインボタンが有効にならないという動作のようです。
(チェックボックスを.checked=trueにするだけではダメ)
うまく自動で値を入力するにはどうすればいいでしょうか？
セレニウムやAutoHotKeyを使えばできるような気もしますが
できればTamperMonkeyでやりたい
226(1): (ﾜｯﾁｮｲ cb61-6HV9 [60.45.92.38]) 2024/08/11(日) 21:08:30.34 ID:lbk/Z2Eg0(1)調 AAS
>>224
それぞれイベント発火時に値を読み取るようなので
inputに対しては.valueに値設定したら.dispatchEvent(new Event("input"))
selectは.dispatchEvent(new Event("change"))
チェックボックスは.click()
227: (ﾜｯﾁｮｲ ef7d-urqj [111.89.246.142]) 2024/08/12(月) 18:41:31.15 ID:dTbtx1jA0(1)調 AAS
>>226
できました！
ありがとうございます
なるほど
なお
チェックボックスの.click()だけはわかってたんですが、
ちゃんと書いておりませんで、すみませんです。。。
228(2): (ﾜｯﾁｮｲ 2501-FzYF [126.51.187.51]) 2024/08/23(金) 05:01:35.54 ID:GNzk6D2z0(1)調 AAS
ここ1年くらいで本格的に学び始めたものです
数カ月前にmicromatchていう正規表現ライブラリに脆弱性が指摘されてCVEに登録されたみたいんなんですが
これ使ってるライブラリは芋づる式で全部npmでSeverity：moderateの警告が出てるはずで
その中にtypescript-eslintも入ってるので、これ使ってるフレームワークのテンプレート、
ほとんど影響受けてると思うんですが、各ライブラリのissueとか探しても全然話題になっていないみたいです。
皆、moderateくらいのセキュリティ警告はほとんど気にしないんですか？
それとも開発環境Onlyの依存関係だから？
229: (ﾜｯﾁｮｲ db59-3ukT [2400:4176:2846:5b00:*]) 2024/08/23(金) 16:45:00.54 ID:bCxVN52K0(1)調 AAS
>>228
botがプルリク送ってきたとて放置
230: (ﾜｯﾁｮｲ 3542-l7gQ [2001:268:c203:2913:*]) 2024/08/27(火) 21:06:37.83 ID:lR/Nrb/N0(1)調 AAS
バニラJSって流行ってんですか？
231: (ﾜｯﾁｮｲ 6bcf-Xwm8 [153.165.155.26]) 2024/08/28(水) 07:37:45.61 ID:RARaVMf40(1)調 AAS
>>228
devDependency なら伝播はしないだろ。
npm audit で確認してみりゃいい。
232: (ﾜｯﾁｮｲ 25a5-sJ2H [2400:4051:e720:2600:*]) 2024/08/30(金) 21:40:56.02 ID:iQc2EzH00(1)調 AAS
拡張機能でページの読み込み完了時に動作するスクリプトを書いたが、
完了前に発動してしまい、
ラッセーラー、ラッセーラー
233: 1000て事にしよっと 999よりデカい (ﾜｯﾁｮｲ 8dc0-gcOT [2400:2200:671:c292:*]) 2024/09/03(火) 06:53:50.48 ID:3ofcqTVt0(1)調 AAS
《言語 javascript》
for(let i = 0;i < 10; i++){
if (i === 99999){
break; // とにかく脱出
}
}
console.log("i="+i)
は、ダメである
varは非推奨らしいけど、この意味は
?》varは、使用しないことは、推奨
?》varは、使用は、推奨は、しない
等 イロイロな解釈の余地はあるな
by 🤡自称プロマネ
letは地球人が推奨するヤバイやつ∴
letは、宇宙人的には、使用は、🈲ずる
by 👤自称ウチュ〰人 本日もモチ暴言
質問ぢゃない質問。ウチュ〰人素晴らしい
by 🥳ウチュ〰人に忖度するバカッテスタ
234(1): (ﾜｯﾁｮｲ c18d-v++5 [240d:f:2a0:600:*]) 2024/09/09(月) 00:14:27.71 ID:0tBQa8Zr0(1/2)調 AAS
node.jsで「外部ﾘﾝｸ[html]:www.amecs.co.jp」の
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('外部ﾘﾝｸ[html]:www.amecs.co.jp
// ページが完全に読み込まれるのを待ちます
await page.waitForSelector('#sdata');
// textareaの値を取得します
const textareaValue = await page.$eval('#sdata', el => el.value);
console.log('Textarea value:', textareaValue);
await browser.close();
})();
235(2): (ﾜｯﾁｮｲ 1361-IU9Y [61.119.230.146]) 2024/09/09(月) 01:15:24.84 ID:/+PLPYVG0(1)調 AAS
>>234
非表示になってる#sdataがもう一つ存在してそっちを拾ってるせい
セレクタを'#overLayer > #sdata'等詳細にする
236(1): (ﾜｯﾁｮｲ c1ed-BHET [240d:f:2a0:600:*]) 2024/09/09(月) 07:40:59.09 ID:0tBQa8Zr0(2/2)調 AAS
>>235
ありがとう！解決しました
ちなみに何を見ると非表示の#sdataがあることを確認できますか？
237: (ﾜｯﾁｮｲ 1361-IU9Y [61.119.230.146]) 2024/09/10(火) 01:02:40.92 ID:pJ+fs1Xn0(1)調 AAS
>>236
ブラウザF12の開発ツールの要素タブでCtrl+Fして#sdataで検索
238: (ﾜｯﾁｮｲ c1b3-BHET [240d:f:2a0:600:*]) 2024/09/11(水) 23:50:48.17 ID:HwHYDYw50(1)調 AAS
>>235
ありがとう！解決しました
ちなみに何を見ると非表示の#sdataがあることを確認できますか？
239: (ﾗｸｯﾍﾟﾍﾟ MM4e-co9J [133.106.89.97]) 2024/09/26(木) 10:16:59.99 ID:Wk3ylYwqM(1)調 AAS
document.getElementById("test_id");
を使わずに
test_id.value
と、直接使うと何か問題がありますか？
240: 今の所はポクのは問題は未だ無い (ﾜｯﾁｮｲ 3ffb-dFxZ [2400:2200:5d5:5428:*]) 2024/09/26(木) 21:22:05.89 ID:hoEdOj9E0(1)調 AAS
📕は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 👤
241(1): (ﾜｯﾁｮｲ b310-Qw5I [180.12.82.129]) 2024/10/03(木) 08:27:00.36 ID:EHJ+UvFT0(1)調 AAS
const str = "[aaa,bbb,ccc],[ddd,eee,fff],[ggg,hhh,iii]";
という文字列を[]で囲まれた部分を取り出して配列にしたいんだけど
どうやればいいですか？
aaa,bbb,cccとddd,eee,fffとggg,hhh,iiiの３つの要素を持つ配列ってことです
242: (ﾗｸｯﾍﾟﾍﾟ MMff-xL0Q [133.106.77.209]) 2024/10/03(木) 08:38:25.14 ID:G42V7GDMM(1)調 AAS
外側を［］で囲んでeval
243: (ﾜｯﾁｮｲ 3f00-v4Ln [221.118.182.146]) 2024/10/03(木) 08:40:52.73 ID:WRRjekij0(1)調 AAS
aaaとかbbbとかの形式によってはJSON.parseで良くないか
244: (ｱｳｱｳｴｰ Sa72-xere [111.239.153.138]) 2024/10/08(火) 10:57:59.20 ID:BetB/9MOa(1/3)調 AAS
const str = "[aaa,bbb,ccc],[ddd,eee,fff],[ggg,hhh,iii]";
str.split(",");
245: (ｱｳｱｳｴｰ Sa72-xere [111.239.153.138]) 2024/10/08(火) 11:13:58.37 ID:BetB/9MOa(2/3)調 AAS
// こうか？
const str = "[aaa,bbb,ccc],[ddd,eee,fff],[ggg,hhh,iii]";
str.replace("[","").replaceAll("],","").replace("]","").split("[");
246: (ｱｳｱｳｴｰ Sa72-xere [111.239.153.138]) 2024/10/08(火) 11:28:09.41 ID:BetB/9MOa(3/3)調 AAS
// こっちか
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"]]
247: (ﾜｯﾁｮｲ ba45-1ld3 [59.147.98.100]) 2024/10/11(金) 07:13:33.54 ID:tTImpqsq0(1)調 AAS
久々にプログラミングしてるのですが、今のjavascriptって即時関数の中にコードを書くのが普通なんですか？
昔javascript触ってた時はそういうのなかったので
248: (ﾜｯﾁｮｲ fa00-F8I7 [221.118.182.146]) 2024/10/11(金) 07:51:03.87 ID:o/ilE/ed0(1/2)調 AAS
JSは15年くらい前から無名関数使い倒す文化だと思うけど
249: (ﾜｯﾁｮｲ 0b4c-V3+A [2001:240:2472:c002:*]) 2024/10/11(金) 09:47:24.63 ID:uRIO12V20(1/2)調 AAS
2005年頃には即時関数を使い倒す文化が確立されてたぞ
むしろ2015以降は代替手段ができたからQuick and Dirtyなコードじゃなければ即時関数の利用シーンはかなり減ってる
250: (ﾜｯﾁｮｲ 9302-i3Tp [124.210.129.68]) 2024/10/11(金) 09:52:14.18 ID:SCGEnJgQ0(1)調 AAS
letとconstができたから即時間数なんてもういらない
251(1): (ﾍﾞｰｲﾓ MM66-shoS [27.253.251.174]) 2024/10/11(金) 11:05:14.15 ID:cc/oW7+2M(1)調 AAS
個人的には 1) その場限りのコールバック、2) 一連の手続きの中で中間変数（説明変数含む）が多くなるケース、で即時関数をよく使う
後者は「結果の局所化」及び「意図と実装の分離」の効果をサクッと得られる
252: (ﾜｯﾁｮｲ 0b4c-V3+A [2001:240:2472:c002:*]) 2024/10/11(金) 11:29:01.18 ID:uRIO12V20(2/2)調 AAS
即時関数は即時実行関数式(IIFE)の略で無名関数とは違うと思うんだけど>>251は無名関数について書いてない？
253: (ﾜｯﾁｮｲ fa00-F8I7 [221.118.182.146]) 2024/10/11(金) 11:48:22.92 ID:o/ilE/ed0(2/2)調 AAS
すまん。俺が無名関数とか言い出したから良くなかったんだろうと思う
254: (ﾜｯﾁｮｲ b70e-3m9W [2400:2200:6f3:9a36:*]) 2024/10/15(火) 06:39:54.87 ID:/S0KwaUI0(1)調 AAS
そもそも、基本的に関数なんていらん。
ほぼ全部、変数は、グローバル変数で宣言し
とにかく、サブルーチンは
イベンリスナー系を除いて不要だよな
てゆぅかさ、goto文がないようだし、
goto文のラベルの代わりに
無名じゃない関数
(モビロン引数はなし∵全部グローバル変数)
これが、無限年後のJavaスクリプトの常識だぜ
てか、無名関数廃止して、gotoとラベルを
無限以内に復活しようよ
これで、ド初心者の人気Ｎｏ．ワン言語、確実
255: (ﾜｯﾁｮｲ bfa1-LGdj [2001:268:9a20:b79:*]) 2024/10/15(火) 09:34:04.49 ID:vvxZNDvq0(1)調 AAS
>>241
Ruby のJSON.parse なら、
require 'json'
# 改行を削除する。削除しなくても同じ結果
json_str = <<'JSON'.delete( "\n" )
[ {"あ":[{"い":1}, "x"]},
[] ]
JSON
p json_obj = JSON.parse( json_str )
#=> [{"あ"=>[{"い"=>1}, "x"]}, []]
256: (ﾜｯﾁｮｲ bf7d-ZVNI [111.89.246.142]) 2024/10/19(土) 15:37:37.54 ID:67I5xGKq0(1)調 AAS
スクリプトの問題とは微妙に話が違いますが、
tampermonkeyじゃなくてgreasemonkey使っている人いますか？
firefoxで使ってるんですが、
greasemonkeyだと自作スクリプトって簡単にはインストールできないですよね？
zipに固めないとインストールできないと思うのですが、
みなさんはどうやってるんでしょうか？
257: (ﾜｯﾁｮｲ 977c-d0HJ [122.209.8.233]) 2024/11/19(火) 23:39:35.70 ID:Jroeim880(1)調 AAS
JavaScriptのwindow.openで第2引数にウィンド名を指定して画面を開きます 続いて全く同じ引数で同じ画面をwindow.openで開いてるのに別ウィンドウで開いてしまいます
broadcastchannelを使っている画面でこのような事象が見られるように思えるのですが、broadcastchannelを使っている画面はwindow.openで第2引数を指定しても別ウィンドウで開いてしまうのでしょうか
因みに関連ウィンドウは全て同オリジンでウィンドウ名は半角空白も含まれない半角英文字のみです
258(1): (ﾜｯﾁｮｲ 0ed1-iDGe [240a:61:11c0:64d6:*]) 2024/11/20(水) 09:20:12.24 ID:GmME3X9l0(1)調 AAS
開いたウインドウにナビゲートするのではなく?
259(1): (ﾜｯﾁｮｲ 1a43-d0HJ [2400:2200:7db:bf56:*]) 2024/11/20(水) 10:44:47.45 ID:0q/8r7xH0(1)調 AAS
>>258
同じurl window.nameのページが普通に別ウィンドウで開いちゃいますね
260: (ﾜｯﾁｮｲ 0b10-d0HJ [2400:2200:7f9:bb38:*]) 2024/11/21(木) 20:21:30.75 ID:/JpQPFMK0(1)調 AAS
>>259
単なるロジックバグでした
お騒がせしました
261: (JP 0Ha3-/Vqe [103.151.173.94]) 2024/11/25(月) 21:37:59.73 ID:NYf/jFroH(1)調 AAS
EchoAPIはVS Code環境に素晴らしい追加で、APIテストが超楽になった！
262(1): (ﾜｯﾁｮｲ 1755-Dj8N [2400:4151:a4a0:6500:*]) 2024/12/07(土) 12:00:11.18 ID:Hozm9f1q0(1)調 AAS
画像の読み込みが完了したら動作するのはできたけど、動画の読み込みが完了したら動作するのは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("画像の読み込み完了");
}
263(1): (ﾜｯﾁｮｲ 1f61-LsAq [221.187.41.227]) 2024/12/07(土) 13:15:33.00 ID:UdJyqKqA0(1)調 AAS
>>262
外部ﾘﾝｸ:developer.mozilla.org
video要素で発生するイベントはloadではなくloadeddataやloadedmetadata
264: (ﾜｯﾁｮｲ e310-aw/E [180.12.82.129]) 2024/12/07(土) 20:39:58.70 ID:Ho+7zKXc0(1)調 AAS
>>263
そうなんですか
ありがとうございます
265(2): (ﾜｯﾁｮｲ fb75-qCia [2400:2200:4de:12ad:*]) 2024/12/14(土) 01:19:41.44 ID:vTrcqbr80(1)調 AAS
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は嫌いですか❓
266: (ﾜｯﾁｮｲ fbfd-gJv4 [2405:6581:23c0:5400:*]) 2024/12/14(土) 06:46:27.36 ID:zVdiZk6o0(1)調 AAS
釣りネタつまらん
267: (ﾜｯﾁｮｲ 7901-2/hw [60.106.71.182]) 2024/12/14(土) 20:33:37.99 ID:B6x89OP40(1)調 AAS
>>265
好きとか嫌いとかで決めるものではない
268: (ﾜｯﾁｮｲ 9c79-0Q8V [61.192.201.239]) 2024/12/23(月) 07:23:14.55 ID:X/5iZgP80(1)調 AAS
letの無いIEやHTAで開発する場合var宣言が必要だから好きとか嫌いとかではない
つまり古いブラウザのjavascriptでも動かしたい場合必然的にvarだらけになる
269(2): (ﾜｯﾁｮｲ a392-/oXw [2404:7a84:8ea0:d700:*]) 2024/12/26(木) 11:59:20.77 ID:YCJOeewg0(1/2)調 AAS
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)
270(1): (ﾜｯﾁｮｲ 7001-Hs8E [60.89.148.145]) 2024/12/26(木) 12:33:27.44 ID:t8P1jyWN0(1)調 AAS
setTimeout の第2引数をiを使って変えればいい
iが3→2→1と減っていくなら、例えば1000*(4-i)とか
271: (ﾜｯﾁｮｲ a392-/oXw [2404:7a84:8ea0:d700:*]) 2024/12/26(木) 12:59:38.81 ID:YCJOeewg0(2/2)調 AAS
>>270
ありがとうございます。動きました。
また別の問題出てきましたが、それはそれでPromiseとか勉強してちょっと頑張ります。
272: (ﾜｯﾁｮｲ b6e0-cPla [2400:2200:634:ad7a:*]) 2024/12/26(木) 13:44:41.88 ID:rxD7DMeD0(1)調 AAS
ウチュ〰人からのお告げという事にしてほしいが
//絶対位置指定∵動かすために
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 をコーディング
する事が必要ぢゃ
273: (ﾜｯﾁｮｲ 8e1a-I2L4 [2001:240:247f:48a9:*]) 2024/12/26(木) 14:00:17.69 ID:31Mawuna0(1)調 AAS
>>269
setInterval使え
インターバルに間に合わない可能性のある処理をするならsetTimeoutを再帰しろ
ループごとに必要もなくinsertAdjacentHTMLなんかするな
値を書き換えれば十分だろ
視覚効果を狙ってるならCSSアニメーション使え
274(2): 265 (ﾜｯﾁｮｲ b6e0-cPla [2400:2200:634:ad7a:*]) 2024/12/28(土) 04:01:21.72 ID:4NKxKk420(1)調 AAS
>>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)
なお、こんなコーディングして
エライ人に怒られても、
気にしちゃダメ在る。
275: (JP 0Hc2-pkw/ [60.87.218.219]) 2024/12/28(土) 06:58:46.94 ID:vWbq3x/3H(1)調 AAS
>>274
それは質問ではないな
質問スレは日記を書く場所ではない
276: >>274 (ﾜｯﾁｮｲ ebe0-AFTv [2400:2200:634:ad7a:*]) 2024/12/30(月) 09:51:50.06 ID:Yh06n1a50(1)調 AAS
>>274 ちょっと前の自分へ返答
var x7 = 1;
var x7 += 2; //var再宣言・再代入OKだろ
は❌var x7 += 2;となった
やっぱvarも使っちゃダメだよな。てなワケで
今のところは、274が大正解
277(2): 自問自答してみた (ﾜｯﾁｮｲ 6faf-NH4A [2400:2200:438:4658:*]) 2025/01/24(金) 06:19:41.63 ID:Dgfkru+90(1/2)調 AAS
👤コールバック地獄(ファンクション地獄)
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
278(1): (ﾜｯﾁｮｲ 6faf-NH4A [2400:2200:438:4658:*]) [自問自答] 2025/01/24(金) 06:29:52.53 ID:Dgfkru+90(2/2)調 AAS
>>277の自作自演は、>>269様のご質問内容により閃いた
文学作品である。そしてこれは、
async await promise を実装したjavascriptエンジン
v8 の機能が以下にヤバイ位スゴイかを暗に物語ってる
複雑なCSSアニメーションより
javascriptでの任意の要素をアニメーション簡単に
実装できることを暗示してる。
上記文学作品を閃かせてくれた弐六九様へ感謝したい
THANK YOU FOR 269
279(1): >>277の続編 グダグダな自問自答 (ﾜｯﾁｮｲ 6faf-NH4A [2400:2200:438:4658:*]) 2025/01/25(土) 04:32:37.95 ID:TAq0uG+90(1/4)調 AAS
🥳なるぼど、もしかして、
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は有りえ無い
🥳 それは、机上した👤は、
🐴🦌 かつ、
ポクは、超天才の証明なのだァァァ
👤 ・・・
280(1): >>277 の続編の続編 (ﾜｯﾁｮｲ 6faf-NH4A [2400:2200:438:4658:*]) 2025/01/25(土) 08:48:00.93 ID:TAq0uG+90(2/4)調 AAS
👤ま、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文組合せよう。
👤🤡 それ検討したが挫折 バイバイ
281(1): >>277 の続編³ (ﾜｯﾁｮｲ 6faf-NH4A [2400:2200:438:4658:*]) 2025/01/25(土) 13:17:37.74 ID:TAq0uG+90(3/4)調 AAS
💃(←初登場:ナゾの女性 という設定)
あら、これ再帰プログラム❓
信じられなーーい。ありえなーーい。
マジ、超本物の再帰プログラミングは、
自身の関数を呼び出すのが本物です。
スナワチ、以下の通りよ。
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でアニメーションやれ。
282: (ﾜｯﾁｮｲ 6301-yzBs [60.70.162.219]) 2025/01/25(土) 15:30:48.00 ID:e0C8gdKs0(1)調 AAS
>>277-281
質問スレにいつまで居座るつもりなのかね
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は使用しない
のが、一番バッチリという感触。今は。では、またいつか。５日ではないいつか
(^_^)/~ 👤🤡🥳💃一同 実は同一人物だけど(・_・;)
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 [上級国民]]) 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 [上級国民]]) 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 [上級国民]]) 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 [上級国民]]) 2025/01/27(月) 20:46:35.01 ID:DmLoR8Bu0(4/5)調 AAS
3. メンテナンス性
tのコード
時間間隔を変更したい場合、初期値・上限値・増加値だけを変更すればよく、スケール感の変更がしやすい。
nのコード
「1000を掛ける」という計算式が直接書かれているため、変更時に計算式部分にも目を配る必要がある。
289: (ﾜｯﾁｮｲ 96c0-zcB2 [2001:240:2472:fef0:*]) 2025/01/27(月) 21:16:45.23 ID:T51mrGlF0(1)調 AAS
一般常識があるやつならtを使うメリットなんて一つも無いと分かるはずなんだがChatGPTはいまだにこんな意味のない回答するんだな
俺の使ってるChatGPTと同じとは思えない
290: (ﾜｯﾁｮｲ 1200-wGFo [221.118.182.158]) 2025/01/27(月) 21:44:29.89 ID:mnVLXxyY0(1/2)調 AAS
ChatGPT君はわりと利用者に忖度した回答するので、利用者次第で馬鹿にもなる
291: (ﾜｯﾁｮｲ de4b-OnvR [183.176.68.229 [上級国民]]) 2025/01/27(月) 21:56:48.37 ID:DmLoR8Bu0(5/5)調 AAS
いや、質問をそのままGPTにペーストしたよ
利用者の意見なんて1つも入れてない
292: (ﾜｯﾁｮｲ 1200-wGFo [221.118.182.158]) 2025/01/27(月) 22:13:58.10 ID:mnVLXxyY0(2/2)調 AAS
質問の仕方に利用者の知識量とか思考が入り込んで、ChatGPTはそれに応じた回答をする。回答のレベルは質問のレベルに合致する
293: (ﾜｯﾁｮｲ de4b-OnvR [119.150.245.179 [上級国民]]) 2025/01/28(火) 03:33:19.87 ID:7uzvZSX70(1)調 AAS
それはそうだけど、正確性からそんなに大きく逸脱はしてないでしょう
というか、客観的に大多数に正しいと思われる解決法を提示してくれるから助かる
無料のは今だに嘘が混じってる事が多いんだけど、有料のPlusは結構正確になった
参照してる知識量が無料のものの何倍もあるみたい
294: (ｱｳｱｳｳｰ Sa79-mO6r [106.130.52.8]) 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:*]) 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]) 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]) 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:*]) 2025/04/05(土) 21:28:14.07 ID:sUMv9Ks50(1)調 AAS
>>300
巻き上げがあるから関数宣言はやめた方がいい
302: (ﾜｯﾁｮｲ 0507-pzHV [2001:240:2463:dde5:*]) 2025/04/05(土) 21:48:41.97 ID:lcZxDDXa0(1)調 AAS
巻き上げがあったら困る場合だけ関数式
関数宣言のほうが
- 巻き上げがあるからトップダウンで書ける
- 名前付きの関数なのでdebugabilityが高い
ので迷ったらまずはこっち
303: (ﾜｯﾁｮｲ 372f-pQOn [60.236.132.37]) 2025/05/08(木) 23:46:11.91 ID:fGnrU9Lw0(1)調 AAS
constに入れておかないと、チーターに簡単に上書き改竄されたりすんのか
304: (ﾜｯﾁｮｲ ef4b-3gjP [119.150.14.214 [上級国民]]) 2025/05/11(日) 01:02:25.07 ID:N+caZpkb0(1)調 AAS
水前寺清子？
305: (ﾜｯﾁｮｲ cfcf-+6HO [153.205.197.132]) 2025/05/11(日) 17:20:56.05 ID:NQ286Pqc0(1)調 AAS
バイナリをいじる場合はconstとか関係ない。
306: (ﾜｯﾁｮｲ 9722-2R+f [180.24.66.223 [上級国民]]) 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 [上級国民]]) 2025/05/30(金) 22:50:16.72 ID:1o7EfCHn0(2/2)調 AAS
ちなみに今回の対応も韓国への国際電話も自腹です(^q^)
何やってるんだろうな俺
上下前次1-新書関写板覧索設栞歴
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ
ぬこの手 ぬこTOP 0.049s