- 1 名前：デフォルトの名無しさん mailto:sage [2022/08/07(日) 15:57:40.26 ID:TS5TGpUB0.net]
- !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.124
https://mevius.5ch.net/test/read.cgi/tech/1636525464/
VIPQ2_EXTDAT: checked:vvvvvv:1000:512:: EXT was configured
- 844 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 028b-KeI6 [211.5.157.105]) mailto:sage [2023/05/09(火) 10:14:34.85 ID:y5YEea020.net]
- ChatGPTでsqlでハマった点を質問してみたんだけど
ヤバイな。一瞬で分かり易く解説してくれた。
どんなプログラムを組んでるんだ。凄すぎる。
- 845 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 028b-KeI6 [211.5.157.105]) mailto:sage [2023/05/09(火) 14:59:12.62 ID:y5YEea020.net]
- chatGPTえぐいんですけど。
- 846 名前：デフォルトの名無しさん mailto:sage [2023/05/18(木) 17:50:03.04 ID:An6NATd90.net]
- javascriptでctrl+Wでブラウザタブが落ちるのを無効にする方法はありますか？
- 847 名前：デフォルトの名無しさん mailto:sage [2023/05/23(火) 06:51:40.61 ID:tIBpGAYNH.net]
- それはJSの設定？Winの設定？
- 848 名前：デフォルトの名無しさん mailto:sage [2023/05/23(火) 20:39:57.19 ID:85f2/18wa.net]
- 最近勉強してvarの何でもありな傍若無人さに気が付いた
例えば関数実行後に初期化してもホイスティングで勝手にundefiedが代入されるからエラーにならず混乱の素、
ブロックスコープ内で使うとその生成を無視するから混乱の素
なのでプロなのにES6以降の環境で未だにvar使ってる人って新人にも劣ると思った
ES6以降でEcmaから非推奨と言われてるのに未だにvar使わなければいけない理由ってある？
今後var使ってる人見たら問答無用で勉強しない人と判断しても良い？
- 849 名前：デフォルトの名無しさん mailto:sage [2023/05/23(火) 20:57:14.94 ID:PscArQu/0.net]
- キモ
- 850 名前：デフォルトの名無しさん [2023/05/23(火) 22:34:28.22 ID:y7+F4Fx6M.net]
- >>833
>例えば関数実行後に初期化してもホイスティングで勝手にundefiedが代入される
これいろいろ間違ってる
>未だにvar使わなければいけない理由ってある？
REPLで繰り返しコードブロックを実行したい場合なんかにvar使う
あとはブラウザ以外の環境でES3しか動かない環境とかね
>今後var使ってる人見たら問答無用で勉強しない人と判断しても良い？
良いと思うけど君もそっち側に片足突っ込んでるから気をつけて
- 851 名前：デフォルトの名無しさん mailto:sage [2023/05/24(水) 10:07:05.19 ID:qaFXRxUx0.net]
- スコープの基本だね
レキシカルなのかパラメーターなのか
DOMをいじるとみんな参照になるし変数大切ね
- 852 名前：デフォルトの名無しさん mailto:sage [2023/05/24(水) 10:45:52.94 ID:R9+x876F0.net]
- 匿名イベントを削除する方法って無い？
ググりまくっても全く見当たらんから仕方ないのでElement.prototype.addEventListenerフックしてフィルタしてるんだけど非常に遠回りな事してる気がしてならない
- 853 名前：デフォルトの名無しさん [2023/05/24(水) 11:04:01.62 ID:CrZEaXEyM.net]
- >>837
イベントリスナーへの参照を保持してないと
removeEventListenerは使えない
あとはAbortSignalを使う方法がある
MDNのaddEventListener辺りに全部書いてる
- 854 名前：デフォルトの名無しさん mailto:sage [2023/05/25(木) 06:53:07.70 ID:djzVD0JU0.net]
- くそ素人で申し訳ない
ブックマークレットでCookieを編集する時に有効期限も同時に編集したいのだけれど
どうしたらいいのだろうか
元々は
javascript:document.cookie=%22ipb_member_id=〇〇%22;document.cookie=%22ipb_pass_hash=〇〇%22;
って感じなのだけれど1日くらいしたらすぐ消えてしまう
- 855 名前：デフォルトの名無しさん (ｽｯﾌﾟ Sd5a-9ehv [49.96.239.55]) mailto:sage [2023/05/25(木) 11:10:49.64 ID:vvIauVZOd.net]
- どっかのRFCに載ってるはず
- 856 名前：デフォルトの名無しさん mailto:sage [2023/05/27(土) 14:04:26.57 ID:MkhutBump.net]
- >>839
そいつは有効期限も一緒に設定しなきゃならんな。
javascript:(function(){
var date = new Date();
date.setDate(date.getDate() + 30); // 30日後に設定
document.cookie = "ipb_member_id=〇〇; expires=" + date.toUTCString() + "; path=/";
document.cookie = "ipb_pass_hash=〇〇; expires=" + date.toUTCString() + "; path=/";
})();
こんな感じでやってみ。
これでipb_member_idとipb_pass_hashが
30日間有効になるぜ。
ただし、ブラウザの設定やCookieの設定によってはJavaScriptから触れないこともあるから、
その辺は自己責任でな。
- 857 名前：デフォルトの名無しさん [2023/05/28(日) 15:24:03.43 ID:n14WZ+eY0.net]
- documentのinnerHTMLやtextContentの書き換えをしたとき、ブラウザのDOMの計算（？）や再描画（？）は変更があった部分のみか、ページ全体で行われるののどちらでしょうか？
- 858 名前：デフォルトの名無しさん mailto:sage [2023/05/28(日) 23:28:10.35 ID:8mVMxOyu0.net]
- >>841
ありがとうまじ助かった
- 859 名前：デフォルトの名無しさん mailto:sage [2023/05/29(月) 06:35:55.98 ID:eVNfBOW80.net]
- CookieってPHPみたいなサーバーサイドから設定するのとJSから設定するのどっちが良いんかね？
同僚から受け継いだシステムはPHPでやってたが
- 860 名前：デフォルトの名無しさん mailto:sage [2023/05/29(月) 07:03:02.74 ID:nuFuFtG60.net]
- HttpOnlyの存在考えるとサーバーサイド一択じゃね？
- 861 名前：デフォルトの名無しさん mailto:sage [2023/05/29(月) 08:05:53.64 ID:7kZHwtIo0.net]
- ステートレスな通信を補助するものだから、処理の起点側でつけると良い
ただ、一般的にはサーバサイドになると思うよ
- 862 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 5f4b-HhYS [110.2.215.28 [上級国民]]) mailto:sage [2023/06/19(月) 13:57:37.11 ID:iYcFBKEZ0.net]
- if ((a == b && c != d) || (e == f && g != h)){
alert ("正解");
}
こういうコードの書き方は出来ますか？
二重括弧の使い方は正しいでしょうか？
- 863 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 5f4b-HhYS [110.2.215.28 [上級国民]]) mailto:sage [2023/06/19(月) 14:42:31.77 ID:iYcFBKEZ0.net]
- ちょっと調べてたんですが、こうでしょうか？
if (((a == b) && (c != d)) || ((e == f) && (g != h))){
alert ("正解");
}
「a == bとc != dの条件が両方ともtrue」か「e == fとg != hの条件が両方ともtrue」なら"正解"と警告を表示したいのですが…
三重括弧なんてあります？
- 864 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ ff7b-0fSR [153.185.178.93]) mailto:sage [2023/06/19(月) 14:49:42.42 ID:G503Uwj70.net]
- >>847で大丈夫やろ。
なんで試さんの？
- 865 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ ff61-gPkm [153.171.212.140]) mailto:sage [2023/06/19(月) 14:54:44.66 ID:Glrukv1f0.net]
- 演算子優先度の理解が追い付いて無いなら好きなだけ括弧使えばいい
- 866 名前：デフォルトの名無しさん (ｵｯﾍﾟｹ Sr33-vDmN [126.157.241.160]) mailto:sage [2023/06/19(月) 14:58:41.52 ID:3rS08iXar.net]
- 何重カッコでもいけるけど演算子やカッコが増えると可読性が落ちて条件式を読み解くのが辛くなる
コードは長くなっても条件式をいくつかに分割して変数に入れた方が読みやすくなるよ
const x = (a == b) && (c != d)
const y = (e == f) && (g != h)
if(x || y){
alert ("正解");
}
とか
- 867 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 5f4b-HhYS [110.2.215.28 [上級国民]]) mailto:sage [2023/06/19(月) 15:02:17.21 ID:iYcFBKEZ0.net]
- 皆さん、ありがとうございます
変数に入れるのがいいですね
やってみます
- 868 名前：デフォルトの名無しさん (ｱｳｱｳｳｰ Sa23-QBJ2 [106.130.41.210]) mailto:sage [2023/06/19(月) 23:22:27.82 ID:xNSaH23va.net]
- イテレータ、Map、Setがややこしくて😩なんだけど実務で使う？
一応理解したけどカスタムイテレータ作ってそれをオブジェクトに追加してfor...ofなんて無理だな
プログラマーならバリバリ使うのかな？それとも知識として仕組み知っとくだけ？
- 869 名前：デフォルトの名無しさん (ｵｯﾍﾟｹ Sr33-vDmN [126.205.219.139]) mailto:sage [2023/06/20(火) 13:18:59.52 ID:es0ShzRur.net]
- Mapはキーと値の組み合わせのコレクション
Setは重複のない値のコレクション
どちらも実務で出番はある
イテレータは中身を1個ずつ取り出せるものの総称
カスタムイテレータに関してはmdnもおすすめのジェネレータ関数を覚えておけばいいかと
バリバリではないにしてもここぞというときに役に立つ
- 870 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ ffda-ZcId [223.216.178.53]) mailto:sage [2023/06/21(水) 18:20:14.61 ID:He5qrAkL0.net]
- tableタグのtrをjqueryかjavascriptでアニメーションアコーディオンがうまくアニメーションしないんだけど
slideToggleで開発ツールではheightの数字は変化しているんだけど・・
もしかしてtrにheightという概念が無いから？
<tr class=name><td>名前1</td></tr>
<tr class=detail><td>中身1</td></tr>
<tr class=name><td>名前2</td></tr>
<tr class=detail><td>中身2</td></tr>
・・・
- 871 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 7d4b-Hjce [110.2.215.28 [上級国民]]) mailto:sage [2023/06/26(月) 12:08:05.73 ID:QXVTwCFE0.net]
- 変数って定義する前はundefinedが入ってるんでしょうか？
- 872 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 1501-WolJ [60.109.218.97]) mailto:sage [2023/06/26(月) 20:02:32.96 ID:nZR6QJ/D0.net]
- >>856
変数定義前は変数がない
変数定義時に値を代入しなければundefinedで初期化される
- 873 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 7d4b-Hjce [110.2.215.28 [上級国民]]) mailto:sage [2023/06/26(月) 21:13:06.03 ID:QXVTwCFE0.net]
- >>857
ありがとうございます。
- 874 名前：デフォルトの名無しさん (ｱｳｱｳｳｰ Sab9-cUyJ [106.130.49.224]) mailto:sage [2023/06/29(木) 21:35:42.23 ID:I06beN9ya.net]
- Promiseメソッドなんなの独自ルール多すぎでしょ。もはや別言語に感じる。これよく使用される？
- 875 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 1a00-KjOb [221.118.182.138 [上級国民]]) mailto:sage [2023/06/29(木) 22:34:31.96 ID:mZg1DRHQ0.net]
- Promise周りは最初は取っつきにくいけど、凄く使いやすく作られてるし、物凄くよく使うよ。
- 876 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 1d5f-momQ [14.8.104.32]) mailto:sage [2023/06/29(木) 23:09:38.14 ID:OBXN/r9b0.net]
- async awaitでしかfetchをかけない自分と、thenでしかfetchを書けない前任者のせめぎあい
xhrはなぜか知らんがもう時代じゃないらしいし
- 877 名前：デフォルトの名無しさん (ｱｳｱｳｳｰ Sab9-Br7/ [106.128.36.203]) [2023/06/30(金) 10:14:20.96 ID:Lj29KtNna.net]
- 的外れな質問だったら申し訳ありません…
クラスAが長くなってしまったこと(1500行くらい）、類似クラスBとある程度共通化できそうな部分があったので関数Cとして
別ファイルに切りだそうと思いました。
その際、関数CからAの複数のメンバ変数/メソッド（Bも同じ名前の変数/メソッドを持っている）を利用したいのですが、
一つ一つ引数で渡していくと記述が煩雑だし、仕様も変わる可能性があります。
そこで、Aのインスタンスから関数Cにthisを引数として渡すようにして、関数Cからは仮引数this.メンバ変数 などのようにして自由にAのメンバにアクセスできるようにしました。
以上のやり方で、動作はしているようですが、なんか良くないやり方の様な気もしています。
上記のやり方は一般的な方法でしょうか。何かデメリットはありますでしょうか。
- 878 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 7691-pVx5 [153.223.3.108]) mailto:sage [2023/06/30(金) 10:55:58.80 ID:qu6f9mWQ0.net]
- クラスAたBの同名の変数と関数をBaseクラスにしてAとBに継承すれば同名の変数関数を持ってることが保証できてうっかり名前変えてしまったとかのバグ防げるんじゃない？インターフェースみたいに
それから引数じゃなくてbind使えば関数C内でthisを自然な感じで使えるとか
- 879 名前：デフォルトの名無しさん (ｱｳｱｳｳｰ Sab9-Br7/ [106.128.39.112]) [2023/06/30(金) 13:05:23.88 ID:2BLecjKja.net]
- 有り難うございます。
デメリットとしては後でA~Cをいじった時にバグの温床になりやすいこと、くらいの認識で良いんですかね。
基底クラスを継承するかたちにすることも考えたいと思います。
確かにbind/callを使った方が、動作は同じでよりシンプルな気がしてきました。
- 880 名前：デフォルトの名無しさん (ｱｳｱｳｳｰ Sa47-NFBa [106.146.70.58]) mailto:sage [2023/07/01(土) 04:46:01.59 ID:nMEzWNF9a.net]
- is_a, has_a
継承か包含か、古典的な質問
- 881 名前：デフォルトの名無しさん (ｱｳｱｳｳｰ Sa47-ctHD [106.155.8.134]) mailto:sage [2023/07/01(土) 19:38:17.78 ID:hPyQUT1Ya.net]
- javascript:
if((result = prompt("input formula string","")) == "") alert("no formula string"); else alert(eval(result));
- 882 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 5a00-PRVu [221.118.182.138 [上級国民]]) mailto:sage [2023/07/01(土) 22:48:30.73 ID:WfKHfAvE0.net]
- なんつー邪悪なコード
- 883 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 5b4b-nuDV [110.2.215.28 [上級国民]]) mailto:sage [2023/07/05(水) 21:30:37.79 ID:74hfvDDi0.net]
- (function(){
～
})();
こういう書き方をしてるコードがあったんですけど、これは実行も含めた関数の書き方でしょうか？
最初の(と最後の)()の意味がわかりません
- 884 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ e301-cWjJ [60.109.218.97]) mailto:sage [2023/07/06(木) 00:31:51.01 ID:IKcM4kIN0.net]
- >>868
即時関数
()は関数宣言ではなく、関数式として実行するため
- 885 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 5b4b-nuDV [110.2.215.28 [上級国民]]) mailto:sage [2023/07/06(木) 01:40:00.57 ID:vc4JCbkY0.net]
- >>869
ありがとうございます
よくわかりました
- 886 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 7679-p0MK [175.105.104.184]) mailto:sage [2023/07/07(金) 13:17:53.80 ID:tybFBPle0.net]
- なるべく自分で考えたキモイ名前は晒したくないからな？
- 887 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ a15f-eaRz [14.13.136.34]) [2023/07/08(土) 18:01:12.76 ID:0tWDp4eO0.net]
- 今ホームページを制作しているのですが教えて頂きたいです。
下記内容のコードの書き方がわかりません。
5枚の画像があるのですが、全部では無く一旦一枚目のみ表示させたいです。
次に各画像を説明する文字があります。その文字にマウスカーソルを合わせると、その文字にあった画像に2枚目3枚目と切り替わるようにしたいと思っています。
初心者すぎるので例としてコードを作って頂ければ見ながら調整したく思っています。
どなたかお教え頂けませんでしょうか。
- 888 名前：デフォルトの名無しさん (ｽﾌﾟｯｯ Sd73-mu37 [1.75.238.73]) mailto:sage [2023/07/08(土) 20:53:43.61 ID:S1M2Nutrd.net]
- >>872
それはもう質問ではない
- 889 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ a15f-vDrU [14.8.104.32]) mailto:sage [2023/07/08(土) 21:24:42.99 ID:DhofVjWT0.net]
- ChatGPTに聴け
- 890 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ d101-Ud/M [60.105.201.125]) mailto:sage [2023/07/08(土) 23:32:58.73 ID:EFUbRXYX0.net]
- >>872
質問にするなら>>1-3を読もう
- 891 名前：デフォルトの名無しさん (ｱｳｱｳｳｰ Sa55-knyK [106.146.116.188]) mailto:sage [2023/07/09(日) 01:18:13.12 ID:YP8p84HTa.net]
- よくある、スライダーでしょ？
jQuery でもあるでしょ
Bootstrap のCarousel (カルーセル)
https://getbootstrap.jp/docs/5.0/components/carousel/
- 892 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ a15f-eaRz [14.13.136.34]) [2023/07/09(日) 01:44:11.98 ID://wYUerL0.net]
- なんか色々ルールがあるんですね
諦めて勉強します
ありがとうございます
- 893 名前：874 (ｱｳｱｳｳｰ Sa55-knyK [106.146.114.68]) mailto:sage [2023/07/09(日) 19:52:50.68 ID:gl6FDMI+a.net]
- jQuery slider
Bootstrap Carousel などで検索すれば、一杯ある
一杯あるけど、難しいから自作する人はいない。
皆、jQueryUI やBootstrap のCarousel などの既製品を使う
- 894 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 9300-Yt8B [221.118.182.138 [上級国民]]) mailto:sage [2023/07/09(日) 21:16:30.84 ID:VzLiONyC0.net]
- え、そんな難しい要素無いよ
- 895 名前：デフォルトの名無しさん (ｽｯﾌﾟ Sd9f-asTj [49.97.111.88]) mailto:sage [2023/07/17(月) 23:23:58.12 ID:XzfBWjood.net]
- フォームフィールドが定義されたPDFファイルがすでにあって、ブラウザ上のJavascriptでWebフォームに入力されたテキストをPDF側のフィールドに反映させてダウンロードすることができるpdfライブラリってあまりすか？
使い方のイメージとしては、たとえばPDF上に名前を入力する箇所がいくつかあるけど、ユーザーは単にweb上で普通のinputフォームを入力してsubmitすると名前が入力済みのPDFファイルをダウンロードできる、という感じです。
pdfmake等いくつかライブラリは見たのですが、白紙ベースでPDF作る例しか見あたらなくて(テンプレートは画像背景で切り替え等)、直接PDFフォームを扱えるものは無いかなと。
- 896 名前：デフォルトの名無しさん (ｱｳｱｳｳｰ Sac5-HZc/ [106.130.137.152]) mailto:sage [2023/07/29(土) 00:54:23.66 ID:s0ko+FdFa.net]
- プログラミング全く知らない状態からやっとJavaScript一通り学びました
かなり難しかったです。でもJavaScriptは比較的簡単な言語なんですよね？
ES6以降のJavaScriptでもやっぱり簡単なんですか？
それとES6で大規模アップデート合った時は絶望しましたか？
勉強していて苦しんだのがスコープ、this、反復処理の背景（iteratorの動き、yieldは何をしてるか）、非同期処理（Promise、then、async）、その他様々なメソッド、静的メソッド、、、
これら全てES6から導入されましたよね？絶望しませんでしたか？
例えば私がもしES5までのJavaScriptに慣れ親しんでいてES6のアップデートに触れたら絶対絶望してました。概要見ても「？？？？？」となってたはずです
プログラミングに向いてる人はこんな大規模アップデートがあるとワクワクする人なのでしょうか？
絶望せず、「何ができるようになったんだろう！凄い！こんな事やあんな事が出来る！」みたいな人も居ましたか？
- 897 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ c200-pYoK [221.118.182.138 [上級国民]]) mailto:sage [2023/07/29(土) 08:26:35.15 ID:wB1gRUiQ0.net]
- ES5までは貧弱だったのでそりゃもう大歓喜よ。
それと現代のJavaScript（を使いこなすの）はもはや簡単な部類じゃないように思う。
- 898 名前：デフォルトの名無しさん (ｵｯﾍﾟｹ Sr91-xmUq [126.254.133.95]) mailto:sage [2023/07/29(土) 09:45:27.72 ID:ZQ+RMRi1r.net]
- 苦しみとか絶望とか>>881は言語の習得を学校の勉強と同じようなものとしか捉えてないフシがある
日本史の勉強範囲が大政奉還までだと思ったら第二次大戦までだった！みたいな感覚
新しく覚えたことは実際のプログラミングで活かせるんだという意識が全く感じられない
- 899 名前：デフォルトの名無しさん (ｱｳｱｳｳｰ Sac5-HZc/ [106.130.201.25]) mailto:sage [2023/07/29(土) 14:21:53.16 ID:LQ1ElLyya.net]
- >>882
>>883
とにかく理解するのに必死で苦しみました。jJavaScriptが簡単とは全く思いませんでした
- 900 名前：デフォルトの名無しさん (ｱｳｱｳｳｰ Sac5-HZc/ [106.130.201.25]) mailto:sage [2023/07/29(土) 14:27:58.50 ID:LQ1ElLyya.net]
- try,catch,finally文の存在異議が分からなかったけど、今さっき急にasync/awaitのエラーハンドリングに向いてるのに気が付きました
つまりthen,catchのPromiseチェーンをより楽に書けるのに今さっき気が付きました。こんな感じで上手くいかないですね
- 901 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ c200-pYoK [221.118.182.138 [上級国民]]) mailto:sage [2023/07/29(土) 15:03:53.70 ID:wB1gRUiQ0.net]
- .then().catch()の方が綺麗に書けて（副作用的な意味で）好きだなぁ
- 902 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ c6bd-g4Mn [119.240.43.146]) mailto:sage [2023/07/30(日) 02:24:04.00 ID:oecUblNe0.net]
- >>881
言語として簡単かっていうとどうだろうね。
Webブラウザがあれば動かせる上にデバッグ環境まで付いてるから、誰でもすぐ始められるし、作ったものをどこででも動かしてもらえるという手軽さはあると思うけど。
- 903 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 095f-kJnY [14.8.104.32]) mailto:sage [2023/07/30(日) 14:24:24.68 ID:av5XIWe10.net]
- 自分はプロトタイプ型オブジェクト指向から入ったから気にならないけどクラス型でプログラム書いてた人は違和感凄いんだろうな
あとクロスブラウザ対応しなきゃいけなかった人達もJSはしんどかったんだろうなと想像
- 904 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ e94b-C8We [110.2.215.28 [上級国民]]) mailto:sage [2023/08/04(金) 01:16:43.56 ID:LzfYm8xL0.net]
- rd41 = "";
alert (rd41);
これで「rd41は未定義です」ってエラーは出ますか？
alert(rd41);
これだけだと「rd41は未定義です」ってエラーが出ますよね
実際のコードはalertでは無いのですが、rd41に無を代入して何も表示させたくないのです
rd41 = null;
だと、nullと表示されてしまいます
- 905 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ e94b-C8We [110.2.215.28 [上級国民]]) mailto:sage [2023/08/04(金) 01:36:14.69 ID:LzfYm8xL0.net]
- chatGPTに質問したら答えが返ってきた
https://i.imgur.com/5NbJI6w.jpg
- 906 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ febd-FWk2 [49.129.241.111]) mailto:sage [2023/08/04(金) 09:00:08.06 ID:2wk44tWe0.net]
- >>889
delete を調べてみるとどうだろう。
やりたいことによってはブロックスコープで足りるかも。
個人的にはブロックスコープを活用して、変数を小まめに狭い範囲に閉じ込める書き方をおすすめしたい。
- 907 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ a101-CknR [60.89.4.138]) mailto:sage [2023/08/04(金) 09:14:51.09 ID:TEvOuQNU0.net]
- >>889
ECMAScriptに「未定義」というエラーはない
Strict Modeで実行すれば、両コードともにReferenceErrorになるだろう
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Strict_mode
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/ReferenceError
- 908 名前：デフォルトの名無しさん (ｵｯﾍﾟｹ Sr91-q/g9 [126.254.212.243]) mailto:sage [2023/08/04(金) 09:37:58.66 ID:EZ9l15Zsr.net]
- >>889
>rd41 = "";
>alert (rd41);
>これで「rd41は未定義です」ってエラーは出ますか？
なんで試してみないの？
- 909 名前：デフォルトの名無しさん [2023/08/11(金) 14:55:53.43 ID:+rPtXLG2m]
- ＪÅＬだのＡΝАた゛
- 910 名前：のクソアヰ又ト゛ゥだの洒飲んて゛業務してるクサヰマ一クだのコ゛キブリフライヤ‐だのジェットクサ‐だのテ囗リストに
天下り賄賂癒着して都心まて゛数珠つなぎて゛騒音に温室効果カ゛スにコ囗ナにとまき散らさせて，気候変動させて海水温上昇させて．
土砂崩れに洪水、暴風，猛暑．大雪にと災害連發させて地球破壞して、静音が生命線の知的産業に威カ業務妨害して
知的産業を根絶やしにして．個人情報漏洩に不正送金にシステム障害まみれのポンコツ後進国に陥れた自民公明た゛か゛，
どうやら騒音は，知的産業のみならす゛，音楽や執筆などの創作活動にも甚大な影響を及ほ゛していることか゛明らかになってきたな
技術全敗で海外に売れるものはア二メくらいとか言われていたのか゛、それすら死に体になって曰本終了にも程があるだろ
日銀に金刷らせて賄賂癒着してる資本家階級と大企業を高額総ナマポ化して．コ゛ミ企業た゛らけをゴミ企業１０О％に陥れたわけだが
民主主義化しようと立ち上がった山上大先生と，それを國葬によって消し去り腐敗國家を存続させんとする自民公明の攻防キモ杉た゛ろ
創価学会員は，何百万人も殺傷して損害を与えて私腹を肥やし続けて逮捕者まて゛出てる世界最悪の殺人腐敗組織公明党を
池田センセ一が口をきけて容認するとか本氣で思ってるとしたら侮辱にもほどがあるぞ！
ｈｔｔＰｓ：／／ｉ、ｉｍｇｕｒ．соｍ／hnli1ga.jpeg [] - [ここ壊れてます]
- 911 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ f233-yhDR [101.141.60.18]) mailto:sage [2023/08/14(月) 23:07:53.97 ID:QNJSoVjn0.net]
- 時報みたいなのを作成中でそのhtmlのページさえ開いておけば
9時、12時、18時(プリセットとかは無く固定)に特定のwavサウンドファイルがaudioElement.play() で再生される用にしています
(タブが非アクティブだとなんか動かない時があったのでwindow.openで表示させてます)
chromeのポリシーみたいなのでユーザーが明示的なアクションをしないと音声の自動再生はされないみたいで
それの良い回避策ってありますか？
実用性考えると携帯のアラームが百倍使いやすいけど
自分用にチープなのを作って遊んでるんだけど解決策が思いつかなくて・・・
- 912 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 1f4b-uBRt [110.2.215.28 [上級国民]]) mailto:sage [2023/08/15(火) 01:53:58.77 ID:Efj8IW440.net]
- >>895
そういう質問はchatGTP得意や
聞いてみれば
- 913 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 7e63-SF+K [153.218.139.115]) [2023/08/21(月) 00:13:21.70 ID:v7lFaH3H0.net]
- 【環境】Windows 11, Chrome最新版
【何をしたのか】PHPで動的に出力されたテキストに replace (new RegExp）
【エラーメッセージ】コンソールには何も出ません
【期待する結果】ページ内に複数生成される動的クラス内テキストを置換したい
【サンプルコード】
<p class="tx-body">おはようございます*2023.08.15</p><span clas="tx-date">0000</span>
<p class="tx-body">ごきげんよう*2023.08.20</p><span clas="tx-date">0000</span>
・
・
tx-dateクラスの中身をtx-bodyの*以降の文字列に置き換えたく、以下を<body>の後半に書きましたが期待する置換変化が起きません、エラーも出ません、
根本的なところわかっていないのだと思うので恐縮ですがお手上げ状態です
window.addEventListener('load', function() {
const ItemList = document.getElementsByClassName("tx-body");
const ItemDate = document.getElementsByClassName("x-date");
for(i=0; i<ItemList.length; i++) {
var tBody = ItemList.item(i).textContent;
var tDate = ItemDate.item(i).textContent;
var replaceDate = tBody .split("*")[1];
tDate = tDate.replace(new RegExp(replaceDate,'g'),'');
}
})
以上ご指導よろしくおねがします
- 914 名前：デフォルトの名無しさん (ｽｯｯﾌﾟ Sdca-jTH6 [49.98.168.137]) mailto:sage [2023/08/21(月) 11:40:28.26 ID:cB09UaOod.net]
- >>897
まずconsole.log()や開発者ツールを使って自分の書いたコードがどこまで想定通りに動いてるか確認してみよう
- 915 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 534b-ubuk [110.2.215.28 [上級国民]]) mailto:sage [2023/08/21(月) 11:51:22.81 ID:7Ts4WfMN0.net]
- >>897
コードを見る限り、置換を行うためのコードは一見正しく見えますが、複数の潜在的な問題が考えられます。まず、コード内のいくつかのポイントをチェックしてみましょう。
1. **クラス名のスペル**: `tx-date` クラスが正しく `x-date` クラスになっているか確認してください。
2. **期待する置換変化の確認**: 期待する置換変化がどのようなものか確認してみてください。コード内で `tDate` の内容を `console.log()` を使って出力し、実際の値が正しいか確認できます。
3. **変数 `replaceDate` の設定**: `tBody.split("*")[1]` の部分で、正しい位置に `*` が存在しているか確認してください。`split()` メソッドは対象の文字列を指定の文字で区切って配列にしますが、もし `*` が存在しない場合、期待通りの結果が得られない可能性があります。
4. **置換操作の適用**: `tDate` に対して行った置換操作が、実際のDOM要素に反映されていない可能性があります。`tDate` の内容を変更した後、対応するDOM要素の内容を更新するコードが不足しているようです。
これらのチェックポイントを確認した上で、コードを修正するか、デバッグすることをお勧めします。また、具体的なサンプルHTMLコードや置換の例を提供していただければ、より具体的なアドバイスを提供できるかもしれません。
- 916 名前：デフォルトの名無しさん (ｽｯｯﾌﾟ Sdca-jTH6 [49.98.168.137]) mailto:sage [2023/08/21(月) 12:25:10.86 ID:cB09UaOod.net]
- このﾜｯﾁｮｲ **4bは質問スレにchatGPTの回答貼るだけのボットみたいなもんだからスルー推奨
NG入れといてもいい
- 917 名前：デフォルトの名無しさん (ｱｳｱｳｳｰ Sa7f-7wIC [106.133.165.90]) mailto:sage [2023/08/22(火) 23:04:06.56 ID:rPfWctd8a.net]
- 2か所とも、clas="tx-date" になっている！
class でしょ
- 918 名前：898 (ｱｳｱｳｳｰ Sa7f-7wIC [106.133.165.90]) mailto:sage [2023/08/22(火) 23:12:31.83 ID:rPfWctd8a.net]
- >const ItemDate = document.getElementsByClassName("x-date");
x-date は、tx-date じゃないの？
- 919 名前：898 (ｱｳｱｳｳｰ Sa7f-7wIC [106.133.165.90]) mailto:sage [2023/08/23(水) 00:10:28.94 ID:B78POXf5a.net]
- 一旦、要素 tDate_elem を取得しておいてから、
その textContent に値を設定する。
つまり更新
const tBody = ItemList.item(i).textContent;
const tDate_elem = ItemDate.item(i) // 要素
const tDate = tDate_elem.textContent;
console.log( tDate ); //=> 0000
const replaceDate = tBody.split("*")[1];
console.log( replaceDate ); //=> 2023.08.15
tDate_elem.textContent = replaceDate; // 設定
表示
おはようございます*2023.08.15
2023.08.15
ごきげんよう*2023.08.20
2023.08.20
- 920 名前：デフォルトの名無しさん (ｽﾌﾟｯｯ Sd6a-jTH6 [1.75.209.193]) mailto:sage [2023/08/23(水) 10:39:07.30 ID:oZ78uDd8d.net]
- >>903
それはもう質問に答えたというよりデバッグと修正を代行したのであってこのスレの主旨には合わない
おそらく他の人もそういう認識だからこの件に口を出さないんだと思うよ
- 921 名前：898 (ｱｳｱｳｳｰ Sa7f-7wIC [106.146.101.215]) mailto:sage [2023/08/23(水) 19:53:27.23 ID:ktllvUDta.net]
- jQuery なら、もっと簡単
$( function ( ) {
$('.tx-body').each(function (index, elem) {
const tx_body = $(elem);
console.log(index + ': ' + tx_body.text());
const replaceDate = tx_body.text().split("*")[1];
console.log(replaceDate);
// tx_body 要素の次の兄弟で、tx-date クラスがある要素。絞り込み
const tx_date = tx_body.next('.tx-date');
console.log(index + ': ' + tx_date.text());
console.log('tx_date.length: ' + tx_date.length); // 0 or 1
// 該当する要素があれば設定する。つまり更新
if (tx_date.length === 1) {
tx_date.text(replaceDate);
}
});
} );
- 922 名前：デフォルトの名無しさん (ｱｳｱｳｴｰ Sa22-NwC7 [111.239.174.98]) [2023/08/25(金) 21:08:52.47 ID:+90wXQAMa.net]
- chrome拡張どう作ったらいいのでしょう？
こんな感じではリダイレクトが連続してしまってだめでした
urlsのフィルターの仕方、もしくはリダイレクトをせずにそのURLにアクセスする方法が分かれば解決できるとは思うのですが・・・
//aaa.com/xxxx/ へのアクセスを aaa.com/abc/xxx/ へ変換したい (以下は動作しない)
chrome.webRequest.onBeforeRequest.addListener(
function(details)
{
if (details.url.match(/abc/))
{
return {}; //←ここを書き換える方法が分かればいける
}
else
{
details.url = details.url.replace(/aaa.com/g,"aaa.com/abc");
return {redirectUrl: details.url };
}
},
{
urls: [ "*://aaa.com/*/" ], //←ここを書き換える方法が分かればいける
},
["blocking"]
);
- 923 名前：デフォルトの名無しさん (ｱｳｱｳｳｰ Sa47-rTQJ [106.146.72.134]) mailto:sage [2023/08/26(土) 04:11:22.52 ID:wsJDYSi/a.net]
- 「chrome.webRequest.onBeforeRequest」で検索！
webRequest
https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/API/webRequest
- 924 名前：デフォルトの名無しさん (ｱｳｱｳｴｰ Sa5f-/No0 [111.239.174.98]) mailto:sage [2023/08/26(土) 12:48:58.33 ID:mvAl1l0Ba.net]
- そこ見てどうすればいいのか分からないからここに来た・・・
- 925 名前：デフォルトの名無しさん (ｽｯｯﾌﾟ Sd9f-oH/7 [49.98.169.249]) mailto:sage [2023/08/26(土) 17:41:19.65 ID:/LQp1jGld.net]
- return detail.documentUrl
とか？
- 926 名前：デフォルトの名無しさん (ｱｳｱｳｴｰ Sa5f-/No0 [111.239.174.98]) mailto:sage [2023/08/26(土) 18:56:03.08 ID:mvAl1l0Ba.net]
- return detail.documentUrl;
return {redirectUrl: detail.documentUrl};
どちらもダメ。リダイレクトのURLを返すことになるから、リダイレクトの無限ループに入っちゃう
それなら、リダイレクト止めればいいじゃんって思うんだけど
return {cancel: true};
のようにするとナビゲーション自体が止まってアクセスできなくなっちゃう
- 927 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ cf8a-cMf3 [153.207.237.45]) mailto:sage [2023/08/26(土) 19:46:44.48 ID:HE/rWC1F0.net]
- 空のオブジェクト返せばいいんじゃないの？
こんなの見て参考にしては？
https://gitlab.com/ClearURLs/ClearUrls/-/blob/master/clearurls.js?ref_type=heads
- 928 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ e361-NWkk [180.15.228.252]) mailto:sage [2023/08/26(土) 21:15:33.19 ID:AeqeuiS+0.net]
- 無限ループしてるって事は条件分岐失敗してるんじゃないの？
console.logデバッグでもしてみたら？
- 929 名前：デフォルトの名無しさん (ｵｯﾍﾟｹ Sre7-bab6 [126.212.162.196]) mailto:sage [2023/08/27(日) 12:33:38.16 ID:QiCv/PxZr.net]
- >>906
リダイレクト後のurlに
- 930 名前：?foo=barとかクエリ文字列付けてみるとかは？
これでフィルタにかからなくなるみたい
もちろんこれでサーバが誤動作起こさないのが前提だけど [] - [ここ壊れてます]
- 931 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ cf63-n242 [153.218.137.10]) [2023/09/03(日) 21:37:03.60 ID:0BSqvC2P0.net]
- サイト内にフォームが設置してあるページが複数あります
お問い合わせ、新規登録、ログイン、パスワードリマインド、などです
一時的に inputタグを入力不可にしたのですが
querySelectorAll("input,button").forEach( e => e.disabled = true );
複数あるページのうちお問合せだけは入力できるように、
現在は下記の効率の悪い記述になっています、、
document.querySelectorAll("#contact input, #contact button").forEach( e => e.disabled = false);
それぞれのページの<body>に idを付与していてそれで判別しているのですが
<body id="contact">
<body id="login">
<body id="remainder">
もっとスマートにお問い合わせページだけ入力できる
ヒントをお願いできませんでしょうか？
- 932 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 4327-g4sH [164.70.253.210]) mailto:sage [2023/09/03(日) 21:48:21.38 ID:qR1Ry2o90.net]
- 【環境】windows10 chrome 最新版
【何をしたのか】開発ツールコンソール上でサンプルコードを実行すると
条件文が undefined にもかかわらず if 文内 console.log(1) が実行される
【エラーメッセージ】なし
【期待する結果】 なぜこうなるのか理由が知りたいです
【サンプルコード】
console.log(localStorage && (localStorage.getItem('deck')));
if(localStorage && (localStorage.getItem('deck'))) console.log(1)
if(undefined) console.log(2)
- 933 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 8361-yzHn [180.15.227.160]) mailto:sage [2023/09/03(日) 23:01:09.12 ID:zsKKxMoe0.net]
- >>915
console.log(localStorage && (localStorage.getItem('deck')));
の結果は本当にundefined？、undefinedの上の行に何か表示されてるよね？
- 934 名前：デフォルトの名無しさん (ﾌﾞｰｲﾓ MM7f-sgzH [133.159.150.82]) mailto:sage [2023/09/03(日) 23:17:01.93 ID:II4MkDPZM.net]
- >>914
下記セレクタでイケるはず（問い合わせページ以外でinput要素とbutton要素を抽出）
body:not(#contact) :is(input, button)
- 935 名前：デフォルトの名無しさん (ﾌﾞｰｲﾓ MM7f-sgzH [133.159.150.82]) mailto:sage [2023/09/03(日) 23:33:36.04 ID:II4MkDPZM.net]
- >>915
下記のログ出力はどうなる？
console.log(localStorage.getItem('deck') !== undefined ? 'バカめ!!よく確認しろ!!' : 'undefined です');
- 936 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 4327-g4sH [164.70.253.210]) mailto:sage [2023/09/04(月) 13:53:40.48 ID:R0PWdUab0.net]
- >>916
コンソール出力結果は
undefined
1
undefined
です
>>918
バカめ!!よく確認しろ!!
undefined
になります
- 937 名前：デフォルトの名無しさん (ﾌﾞｰｲﾓ MM7f-gLHL [133.159.151.54]) mailto:sage [2023/09/04(月) 14:44:17.50 ID:0gdMzEOZM.net]
- getItemは該当キーに対する値がなければundefinedではなくnullを返すのでlocalStorageが存在していれば
console.log(localStorage && (localStorage.getItem('deck')));は
null
undefined
と出力される
undefinedの上が空行になってるならdeckに対する値が入ってる
それが空文字ならfalsyなのでconsole.log(1)は実行されない
truthyな不可視文字(例えば改行コード)が入っていればconsole.log(1)も実行される
inspectやencodeURIで中身に何が入ってるか確かめればはっきりさる
- 938 名前：デフォルトの名無しさん (ﾌﾞｰｲﾓ MM7f-gLHL [133.159.151.232]) mailto:sage [2023/09/04(月) 14:45:10.48 ID:I1Zu7zQTM.net]
- はっきりさる！
- 939 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 4327-g4sH [164.70.253.210]) mailto:sage [2023/09/04(月) 15:37:52.51 ID:R0PWdUab0.net]
- あー わかりました
"undefined" っていう文字列がすでに入っちゃってたみたいです
丁寧に回答いただいてありがとうございました！
- 940 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ cf63-0HOd [153.218.137.10]) mailto:sage [2023/09/04(月) 15:59:10.40 ID:KQbfSHx50.net]
- ウキキ🐒
input セレクタで解決しましたカッコイイ記述ありがとうございます
- 941 名前：デフォルトの名無しさん (ｵｯﾍﾟｹ Sr07-JKlf [126.255.138.111]) mailto:sage [2023/09/05(火) 12:01:10.43 ID:y2XoXHZcr.net]
- >【何をしたのか】開発ツールコンソール上でサンプルコードを実行すると
>条件文が undefined にもかかわらず if 文内 console.log(1) が実行される
不可解な挙動に遭遇したとき、自分が何か勘違いしてないかまずそこを疑ってみようという教訓
あとtruthyやfalsyな値の取り扱いは慎重に
- 942 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 2901-pIYl [60.114.101.121]) mailto:sage [2023/09/28(木) 14:42:04.81 ID:Pzc86hhG0.net]
- ほんまに、助かったで！
- 943 名前：デフォルトの名無しさん mailto:sage [2023/10/04(水) 23:59:59.93 ID:77DZdeZo0.net]
- if(rd41.value){
dofn()
}
これが正しく実行されないのですが（暴走するというか、意味不明な実行結果が現れます）、if文の中で関数の呼び出しは出来ないのでしょうか？
もしそうなら、このコードを正しく動作するように書き換えることは出来ますか？
- 944 名前：923 mailto:sage [2023/10/05(木) 02:54:19.96 ID:pCa3KI6i0.net]
- 普通に動作しました
すみません
|
 |
