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

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 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] 普通に動作しました すみません 945 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 9f05-cJ9m [116.94.11.103]) mailto:sage [2023/10/16(月) 00:30:39.82 ID:tJl0Ngd50.net] 質問です 下記のURLは音楽サイトJangoの再生ページURLです 　https://www.jango.com/stations/400536192/tunein 　https://www.jango.com/stations/397649609/tunein 　https://www.jango.com/stations/272072365/tunein これらのページをブラウザで開いた時に出てくる水色のメッセージ パネルをJavaScriptで閉じる方法を教えてください Jango plays unlimited music for free and with no commercials. というメッセージの右隣にある[×]マークをクリックしたいのですが document.getElementsByClassName("MuiAlert-action")[0].click() では上手くクリックすることができませんでした 946 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 2e76-tQak [247.119.160.34]) mailto:sage [2023/10/16(月) 00:54:14.00 ID:SqBXoLFp0.net] document.querySelectorAll(“.MuiDialog-container,.MuiBackdrop-root”).forEach(e => e.remove()) 947 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 9f05-cJ9m [116.94.11.103]) mailto:sage [2023/10/16(月) 08:33:51.49 ID:tJl0Ngd50.net] >>929 早速ありがとうございます ただ、注意深くコピペして実行させたのですが 残念ながらメッセージパネルは閉じられませんでした 948 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ e25c-CexO [211.121.28.151]) mailto:sage [2023/10/16(月) 09:38:31.66 ID:9MW6cr+O0.net] document.querySelector(".MuiSnackbar-anchorOriginTopCenter").remove() 949 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 9f05-cJ9m [116.94.11.103]) mailto:sage [2023/10/16(月) 10:55:49.91 ID:tJl0Ngd50.net] >>931 すいません、それもダメみたいです 950 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 9f05-cJ9m [116.94.11.103]) mailto:sage [2023/10/16(月) 11:01:33.63 ID:tJl0Ngd50.net] ブラウザ上の全然関係ない場所をクリックして自己解決しました document.elementFromPoint(1, 1).click() 根本的な問題から逃げたようで悔しいですけどｗ 951 名前：デフォルトの名無しさん mailto:sage [2023/10/24(火) 20:00:13.55 ID:xAzUmtPF0.net] >>928 誰一人解決できなかったのか？ すまん、俺もわからんｗ 952 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 877c-JmE3 [122.212.18.110]) mailto:sage [2023/10/25(水) 13:36:08.76 ID:JRNrMb5/0.net] 名前付き引数としてプロパティをもつオブジェクトを引数にする場合のJSDocの書き方ってどう書くのが正しいのでしょうか？ ネットで調べて以下の画像のように書くと、VSCodeで関数の説明で表示される時にプロパティ側の日本後説明部分が表示されません。 imgur.com/xhSQcMc.png 構文のほうには型は反映されてるので読み込めてはいるようなのですが… 953 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 5fc2-vcKV [133.155.195.156]) mailto:sage [2023/10/26(木) 10:06:04.96 ID:QIG+kzYs0.net] source = ['いぬ=ドッグ', 'ぬこ=猫咪', 'キャット=にゃんこ', 'ねこ=キャット', 'わんこ=小狗', '老鼠=ねずみ', '小狗=ドッグ', 'マウス=ねずみ', '猫咪=キャット'] これを result = [['いぬ', 'ドッグ', 'わんこ', '小狗'], ['ぬこ', '猫咪', 'キャット', 'にゃんこ', 'ねこ'], ['老鼠', 'ねずみ', 'マウス']] これに集計するにはどうしたらいいですか 954 名前：デフォルトの名無しさん mailto:sage [2023/10/26(木) 12:52:26.88 ID:jSMDhhI40.net] >>936 https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce 955 名前：デフォルトの名無しさん mailto:sage [2023/10/26(木) 12:52:36.47 ID:jSMDhhI40.net] >>936 https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce 956 名前：デフォルトの名無しさん [2023/10/26(木) 13:05:50.11 ID:m2KCtDyt0.net] canvasでarc関数でx:100,y:100の位置に青で塗りつぶした半径3の円を描いたんですが これと同じ位置に同じ半径で同じ色で塗りつぶした円を描くと四角形ぽくなってちょっと大きくなって表示されます。 背景を塗りつぶして１回目に描いた円を一度消去してから２回目の円を描いても同じでした。 文字の場合でも同じ位置に同じ文字を重ね書きすると太くなっちゃいました。 どうすればちゃんと同じ位置に同じ物を描いても太くならないようにできますか？ 957 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ c791-DWPP [242.12.24.181]) mailto:sage [2023/10/26(木) 22:17:18.42 ID:npbiXWKI0.net] >>936 それは質問ではなくて丸投げと言います 958 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ fff0-f0DH [241.193.34.196]) mailto:sage [2023/10/27(金) 08:04:19.82 ID:93zv19AS0.net] >>936 競技プログラミングのスレで聞いて！ これは、UnionFind で、3つの木になる UnionFind は、プログラミング・コンテスト・チャレンジブック(蟻本)に載っている 959 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 639d-XI6K [109.236.1.125]) [2023/11/13(月) 18:52:10.34 ID:qEXCkkFf0.net] alertのテキストをコピペする方法とかってご存知ありませんか？ どなたか知恵をお貸しください 960 名前：デフォルトの名無しさん mailto:sage [2023/11/13(月) 22:10:22.42 ID:FIfUHr+c0.net] 質問したいなら詳しく書こうね 961 名前：デフォルトの名無しさん mailto:sage [2023/11/14(火) 02:43:20.79 ID:MYkZh+2q0.net] >>942 alertのテキストをコピーするには、通常はウェブページ上でalertが表示されている状態で、テキストを選択して右クリックし、"Copy"や"コピー"を選択する方法があります。ただし、ウェブサイトのalertはJavaScriptで生成されるもので、そのテキストを直接コピーする方法は制限されていることがあります。可能であれば、そのテキストを手入力でコピーすることができます。 962 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ c5f9-EFnx [244.158.6.121]) mailto:sage [2023/11/14(火) 19:07:48.92 ID:WEqhXBJy0.net] 検索すれば？ コピーを防ぐ方法は、幾つかある ブラウザのF12 ボタンの開発者ツールで調べるとか 963 名前：デフォルトの名無しさん mailto:sage [2023/11/14(火) 20:45:30.47 ID:Mc/CoQSw0.net] >>942 マルチボスト先に答えがある https://mevius.5ch.net/test/read.cgi/hp/1478002550/706- 964 名前：デフォルトの名無しさん (JP 0H89-BcU5 [104.234.140.171]) mailto:sage [2023/11/15(水) 11:30:55.95 ID:FHoogchzH.net] >>939 亀だけど fill()が複数回呼ばれると円が太るみたい ctx.arc(100, 100, 3, 0, Math.PI * 2); ctx.fill(); ctx.arc(100, 100, 3, 0, Math.PI * 2); ctx.fill(); でなく、 ctx.arc(100, 100, 3, 0, Math.PI * 2); ctx.arc(100, 100, 3, 0, Math.PI * 2); ctx.fill(); でやると円が太らなかったよ 965 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ e374-n7Dx [211.124.81.22]) [2023/11/15(水) 12:39:52.38 ID:D0hDoGTF0.net] 亀が2chに書き込みにやってきた 966 名前：デフォルトの名無しさん mailto:sage [2023/11/17(金) 20:41:48.61 ID:oUDu0vRd0.net] console.log()のlogってどういう意味ですか？ printとかputじゃなくてlogで出力って珍しいですね 967 名前：デフォルトの名無しさん [2023/11/18(土) 14:13:31.53 ID:mHEv1Kbm0.net] consoleオブジェクトのログ情報を出力するためのlogメソッド… 968 名前：デフォルトの名無しさん (ｱｳｱｳｳｰ Saa1-UHOz [106.180.4.201]) [2023/11/18(土) 16:58:25.29 ID:rXJKESWNa.net] blogのlog 969 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 0d5f-uy16 [14.8.71.128]) mailto:sage [2023/11/18(土) 18:26:17.47 ID:vb+682X10.net] 彼岸島の名産品 970 名前：946 mailto:sage [2023/11/18(土) 23:53:58.59 ID:rj8Lk8BJ0.net] …どこまで信じたらいいの？ >>950 ありがとうございます 971 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ e300-5mk2 [2400:2200:7f1:bf91:*]) mailto:sage [2023/11/19(日) 10:42:09.47 ID:HAfvoabg0.net] いえいえ 972 名前：デフォルトの名無しさん mailto:sage [2023/11/20(月) 16:19:56.96 ID:q8v/AXQl0.net] const arr =Array(3).fill([]); arr[1].push(0); console.log(arr); この場合arrは[[], [0],[]]になっていることを期待するのですが実際には[[0], [0], [0]]となっています まったく納得いかないのですがなぜですか 973 名前：デフォルトの名無しさん mailto:sage [2023/11/20(月) 16:41:25.42 ID:LC62eXy40.net] >>955 https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/fill#value >配列を埋める値。もし value がオブジェクトであれば、配列のそれぞれの要素はそのオブジェクトを参照します。 974 名前：デフォルトの名無しさん mailto:sage [2023/11/20(月) 16:49:32.78 ID:q8v/AXQl0.net] >>956 fillがそういう仕様なんですね 納得です ありがとうございました 975 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ eb79-5mk2 [2400:2200:7f6:ca17:*]) mailto:sage [2023/11/21(火) 08:31:09.87 ID:reAksYQu0.net] いえいえ 976 名前：デフォルトの名無しさん mailto:sage [2023/11/21(火) 23:06:08.47 ID:Hk8WzggI0.net] 変数宣言の際に、letよりconstを積極的に使うべき、とされているのはなぜでしょうか？ 後で値を変えられるletの方が便利だと思うのですが

---

---

[ 続きを読む ] / [ 携帯版 ]

read.cgi ver5.27 [feat.BBS2 +1.6] / e.0.2 (02/09/03) / eucaly.net products.
担当:undef