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 720 名前：デフォルトの名無しさん mailto:sage [2023/03/13(月) 22:18:31.29 ID:z8Hv0b/wr.net] >>707 >上述の通りゲーム作成と作業の簡略化のためです それは「ティラノスクリプトで変数に応じた画像表示する」こととは違うのですか？ >「JSではこれこれこうやる。それがティラノ上で動くかは知らんけど」 このスレでそんな回答をもらうよりはティラノスレで質問して 「ティラノスクリプトではみんなこうやってるよ」って回答をもらう方が何倍も早くて確実だと思いますがいかがでしょう 721 名前：デフォルトの名無しさん mailto:sage [2023/03/14(火) 01:06:18.93 ID:VmfXTFqwa.net] 例えば、jQuery で、 <img id="photo_1" src="a.png"> を、以下に変更するなら <img id="photo_1" src="image_1.jpg"> // :first は、最初に見つかったもの $( '#photo_1:first' ).each( function ( index, elem ) { const image_1_basename = "image_1" const image_1_filename = image_1_basename + ".jpg" $(this).attr('src', image_1_filename) // 設定 } ) 722 名前：デフォルトの名無しさん mailto:sage [2023/03/14(火) 02:37:35.49 ID:JIhs77SCM.net] JSスレでJSのこと聞きたいんならティラノの名前出すなよ 723 名前：デフォルトの名無しさん mailto:sage [2023/03/14(火) 08:16:42.83 ID:gMQMDZBfd.net] それはそう 724 名前：デフォルトの名無しさん mailto:sage [2023/03/14(火) 13:16:01.19 ID:bBCbUtGh0.net] jpegの名前を動的に指定できるよ 725 名前：デフォルトの名無しさん mailto:sage [2023/03/14(火) 13:21:05.82 ID:crjDIavXr.net] >>707 ティラノについて少し調べたのでスレ違いを承知の上で書きます あなたが>>691や>>697でやりたいことは [bg storage="&f.bg + '.jpg'" time=1000] というような書き方で実現できるかと思います 簡単に説明します まず「&f.bg」の「&」はエンティティと呼ばれるもので変数の値をタグのパラメータとして渡すときに使用します https://tyrano.jp/usage/tech/hensuu の最後に説明があります そして、storageパラメータに渡す際に「 + '.jpg'」で拡張子を連結しています。これは https://tyrano.jp/sample2/code/kiso/19#demo のkaisetsu/19_variable_1.ksの415行目～に変数に対して数値演算をした値を パラメータに渡す例がありました。文字列の連結も同様に可能です これによって、変数f.bgの値が「花」ならば「花.jpg」が、「山」ならば「山.jpg」が表示されます 例は背景ですがキャラやその他の画像でも可能だと思います 726 名前：デフォルトの名無しさん mailto:sage [2023/03/14(火) 13:30:55.51 ID:crjDIavXr.net] >>707 なお、簡単なサンプルで動作確認をしました https://tyrano.jp/usage/tutorial/moji 上記チュートリアルに従って新規プロジェクトを作成し、 first.ksの内容を以下のように書き換えて実行してみてください *start [wait time=100] 背景を変更します。[r] [link target=*select_room]<教室>[endlink][r] [link target=*select_rouka]<廊下>[endlink][r] [s] *select_room [eval exp="f.bg='room'"] [jump target=end_select] *select_rouka [eval exp="f.bg='rouka'"] [jump target=end_select] *end_select [cm] [bg storage="&f.bg + '.jpg'" time=1000] [jump target=start] 727 名前：デフォルトの名無しさん mailto:sage [2023/03/14(火) 20:28:58.71 ID:2HNLo12V0.net] >>713 ありがとうございます！！できました！！ 728 名前：デフォルトの名無しさん mailto:sage [2023/03/14(火) 20:53:16.27 ID:2HNLo12V0.net] 作業が一気に楽になりました！ >>713も他の方も本当にありがとうございました！ そして不可能と思いこんでたことが実は可能だったあたりはすみませんでした！ 729 名前：デフォルトの名無しさん mailto:sage [2023/03/14(火) 20:53:28.39 ID:GiZ8CeD1r.net] >>715 解決したのならなによりです が、今回無駄に遠回りをしてしまったのは自覚、反省しましょう あなたはこの問題の解決はティラノ単体では無理だと決めつけてしまったためにこのスレで質問しましたが その判断は正しくありませんでした 繰り返しになりますが、この先また何か躓いたときはまずティラノの掲示板なりスレなりで聞いてみるようにしましょう（たとえJSに関することであれ） その方が解決が早く、的確なはずです 730 名前：デフォルトの名無しさん mailto:sage [2023/03/14(火) 21:02:42.69 ID:GiZ8CeD1r.net] >>716 ちょうどかぶってしまいましたが、ちゃんと自分の非を認められる人で安心しました こちらも少し言葉がキツくなってしまった点はお詫びします 731 名前：デフォルトの名無しさん mailto:sage [2023/03/15(水) 01:17:49.11 ID:sTLgg4Iop.net] 初めまして Pixiv filter（GitHubで公開、リンクはスパム対策で貼れず）という拡張機能がありまして、それに似たものを自作したいと思い立ち、色々調べてみました 別スレにて、検索画面上での作品ごとのタグは、画面には表示されないもののデータとしては生成されている、という事を伺ったのですが、 どこに生成されているのか、どうやったら参照できるのかなどが分からず、苦戦しております。 ご教授頂ければ幸いです 732 名前：デフォルトの名無しさん mailto:sage [2023/03/15(水) 02:28:06.62 ID:i4bxOxoza.net] これか？ github.com/kazu-ux/PixivFilter React, TypeScript 733 名前：デフォルトの名無しさん mailto:sage [2023/03/15(水) 07:58:24.49 ID:q+AMrJS6H.net] 反省なんて必要ないわ、なんか強迫症的なやつがうざい なんなんだ、執着が過ぎる 734 名前：デフォルトの名無しさん mailto:sage [2023/03/15(水) 08:01:02.20 ID:q+AMrJS6H.net] プログラムではすべてのタグを検出して配列等に格納しているが そこから抽出して出力する処理をしてるってことじゃない？ 見てないからわからんけど 735 名前：デフォルトの名無しさん mailto:sage [2023/03/15(水) 09:37:50.61 ID:OLitJJv/d.net] >>719 なんか見覚えあると思ったらこれか https://mevius.5ch.net/test/read.cgi/hp/1439005423/342 343をレスしたの俺だけど回答の内容を理解できなかったってこと？ 分からないところがあったのなら追加で質問すればよかったろうに それをせずに全然違うスレで聞き直してるのはなんで？ 736 名前：デフォルトの名無しさん mailto:sage [2023/03/15(水) 20:45:42.17 ID:q+AMrJS6H.net] Pixiv filterが何なのかわからないし確認もしてないけど、 例えば複数の作品毎にTagオブジェクトがあったとして、 Tagのプロパティに表示させるか表示させないかを判定するプロパティがあり そのプロパティ名がshowAbleで、表示を許可するのは、showAble:true 許可しない場合には、showAble:false とされていたとすれば まず最初にすべての作品Tagオブジェクトが格納されている配列を取得し（もしくは配列に取得する関数を作り） （let tagArr=[tag1,tag2,tag3,tag4....];） その配列から、tag.showAble=trueであるオブジェクトを取得して別の配列（showAblerArray)に格納し （let showAbleArray=[] ; for(let t of tagArr){ (if(t.showAble==true){showAbleArray.push(t) showAbleArrayの全要素に対して、表示させる処理をする （for(let s of showAbleArray){,,,,,,どこに表示させるか......}） っていう感じでどうですか？ 737 名前：デフォルトの名無しさん mailto:sage [2023/03/15(水) 22:44:21.64 ID:ohrI2qnX0.net] jQueryはなぜ嫌われる？ 簡単な構文で便利だと思うが…。 他のライブラリ・フレームワークとの互換性が高ければいいのに。 738 名前：デフォルトの名無しさん mailto:sage [2023/03/15(水) 23:48:50.56 ID:T0OxazTtM.net] 技術的には好かれてるわけでも嫌われてるわけでもない スレ的には脈絡なく蒸し返す厄介な奴がいるので敬遠される 739 名前：デフォルトの名無しさん mailto:sage [2023/03/16(木) 07:03:01.34 ID:Hd88hZaKH.net] 嫌われてはないんだろうけどスレチなんでない？ 740 名前：デフォルトの名無しさん mailto:sage [2023/03/16(木) 07:15:13.56 ID:Hd88hZaKH.net] javascriptで作られたプログラムの処理に関して Jqyeryを使えば簡単だよって言われても いやいやここはjSで書きたいんでってなるでしょ そういう質問に対してjqのほうが簡単っていうのがよくわからん フレームワークの質問スレは ベース言語のすれとは別に立てたほうが 741 名前：デフォルトの名無しさん mailto:sage [2023/03/16(木) 09:02:04.98 ID:c9lqR0yG0.net] www 742 名前：デフォルトの名無しさん mailto:sage [2023/03/16(木) 10:39:46.62 ID:fxj0X8UB0.net] フレームワークスレは一応立ってるね 糞スレだからそこで質問して回答があるのか知らんけど 743 名前：デフォルトの名無しさん mailto:sage [2023/03/16(木) 11:25:08.38 ID:QjQVIFFDr.net] >>721 これもしかして私に対して何か言おうとしてる？ もしそうならもう少し具体的に問題点を指摘してもらえないかな 744 名前：デフォルトの名無しさん mailto:sage [2023/03/16(木) 15:46:42.93 ID:FgyDZ6E70.net] いえいえ、違います、気にしないでください 745 名前：デフォルトの名無しさん mailto:sage [2023/03/16(木) 20:33:58.52 ID:ParHajkN0.net] >>732 あなたは>>721とワッチョイもIPも違うようだが… 746 名前：デフォルトの名無しさん mailto:sage [2023/03/16(木) 20:55:51.48 ID:Olf8APhOd.net] >>724 どうですか？も何もそんな都合のいい妄想データを元に書いたコードなんぞ 役に立たないどころか混乱させるだけだからやめようよ 747 名前：デフォルトの名無しさん mailto:sage [2023/03/16(木) 21:11:03.92 ID:Hd88hZaKH.net] 混乱させるだけとかｗｗｗ そもそも解答者がわざわざ対象コードを検索して読み込み そして質問者が満足するようなコードを生成するとか、自分は絶対しないｗ 質問者は ・何やら検索するらしい ・検索はタグで行うらしい ・タグで検索しても表示するものとしないものがあるらしい その3点でアドバイスするのなら ・検索ワードでヒットする画像を抽出する ・ヒット判定は画像のタグプロパティで判定 ・判定でヒットした画像を１枚もしくは複数枚表示する とした場合で、初心者初学者向けにアドバイスするのなら 上記の感じのアドバイス以外に何かできるアドバイスあるん？ 質問の質以上のアドバイスなんてできない まずはオブジェクトとプロパティあたりから始めるしかないっしょ っ 748 名前：て思ってのアドバイスなのねん [] [ここ壊れてます] 749 名前：デフォルトの名無しさん mailto:sage [2023/03/16(木) 21:38:40.67 ID:Olf8APhOd.net] 質問者がわからないと言ってるものには具体的な対象があるわけよ それを無視して一般的な考え方のアドバイスをするなら抽象的な話にとどめればよくて わざわざデタラメコードを生成することはなかろ 750 名前：デフォルトの名無しさん mailto:sage [2023/03/16(木) 22:01:47.84 ID:Hd88hZaKH.net] それはそうですね おっしゃる通り でもデタラメとか言わんでください！ 751 名前：デフォルトの名無しさん mailto:sage [2023/03/17(金) 21:04:07.19 ID:irjN28+Dd.net] 他に適切な表現が見つからなかったからごめんな 752 名前：デフォルトの名無しさん mailto:sage [2023/03/17(金) 21:08:34.06 ID:ZP9+v2PL0.net] こっちがデタラメなコード書くと見かねていい感じのコード書いてくれるツンデレ 753 名前：デフォルトの名無しさん mailto:sage [2023/03/18(土) 02:26:56.50 ID:dC3/JFCa0.net] すみません、私の知識不足というか理解不足も大きそうですので、手が出るところからさせて頂こうと思います。 javascriptの「fetch」メソッドなのですが、これはjsonファイルを読み込む事はできないのでしょうか？ローカルで試しましたが、エラーになってしまうようです 754 名前：デフォルトの名無しさん mailto:sage [2023/03/18(土) 05:10:03.75 ID:s5wH/EpL0.net] >>740 fetchやXHRも >>469-475 と同様基本的にFileURIでのアクセス不可 755 名前：デフォルトの名無しさん mailto:sage [2023/03/18(土) 15:36:03.94 ID:dC3/JFCa0.net] ありがとうございます。「ローカルのサーバーを立てる」と良いらしいのですサーバーは専用のパソコンでないと、セキュリティ的にも危険と聞いた事もありますが、大丈夫なのでしょうか。また、実際やるとしたら、どのような方法があるでしょうか。 756 名前：デフォルトの名無しさん mailto:sage [2023/03/18(土) 15:40:55.59 ID:T8cp6VGg0.net] Xamppつかっておけばよろし 757 名前：デフォルトの名無しさん mailto:sage [2023/03/18(土) 19:03:06.43 ID:xpgWDt8BH.net] >>742 vscodeって使える？すごく簡単なエディタ そのエディタでliveServerっていう拡張があるんだけど使えるか試してみたら？ 758 名前：デフォルトの名無しさん mailto:sage [2023/03/18(土) 21:30:20.18 ID:HGxbjpaKd.net] Promise.race()で複数のPromiseを渡して、最初に終了したタスクのPromiseを受け取ったあと、同様に順次残りのタスクを完了したものから受け取るような書き方はできますか？ (最終的にすべての非同期タスクの終了まで繰り返す) Pythonでいう、as_completedのように複数非同期タスクを、終了次第順次ループで受け取るような形です。 759 名前：デフォルトの名無しさん mailto:sage [2023/03/19(日) 12:35:04.92 ID:DxTl2kdL0.net] >>743 >>744 vscodeの方を使わせて頂きました。お二方ともアドバイス、ありがとうございました。 余談ですが、jsonファイルに単なる文字列（あああ、abc、123）などを単発で格納するとしても、「名前:値」のフォーマットは守らないといけないんでしょうか（名前をいちいち宣言しないとダメなのか）。 760 名前：デフォルトの名無しさん mailto:sage [2023/03/19(日) 12:36:07.26 ID:DxTl2kdL0.net] 正確には「{"名前":値}」ですね。省略できれば楽だなと思ったのですが。 761 名前：デフォルトの名無しさん mailto:sage [2023/03/19(日) 12:59:08.70 ID:4pa7IAk9d.net] {"名前":値}はあくまでオブジェクトの形式であって文字列や数値のみを返したいなら不要 ただし文字列は"あああ"や"abc"とする必要はある https://www.json.org/json-ja.html 762 名前：デフォルトの名無しさん mailto:sage [2023/03/19(日) 13:08:00.26 ID:DxTl2kdL0.net] ありがとうございます。おそらく "abc", "あああ" のようなカンマ区切りで大丈夫でしょうか。 763 名前：デフォルトの名無しさん mailto:sage [2023/03/19(日) 13:20:25.80 ID:S0dCUzy1d.net] 単一の値でない場合は配列にすること ["abc", "あああ"] 有効なjson形式かどうかはJSON.parse()に食わせてみるといい JSON.parse('"abc", "あああ"'); //NG JSON.parse('["abc", "あああ"]'); //OK 764 名前：デフォルトの名無しさん mailto:sage [2023/03/19(日) 14:04:53.34 ID:DxTl2kdL0.net] >>750 参考になりました。ありがとうございます。 765 名前：デフォルトの名無しさん mailto:sage [2023/03/19(日) 15:26:18.81 ID:FTc6ajskM.net] >>745 各promise完了後に順次実行したい共通処理をmapしてthenでチェイン Promise.all(promises.map(p=>p.then(log(“resolved”)))).then(log(“All finished”); function log(message=“”) { return (x) => { console.log(`${message}: ${x}`); return x; } } 766 名前：デフォルトの名無しさん [2023/03/19(日) 16:15:48.14 ID:/GeuLHtL0.net] 趣味でWebサイトを使うのにJSを勉強しだしてまだ３年目なのですが、 なぜか年明けから会社のDX担当にされました。 今社内システムがIE9向けにActiveXが使われているのですが、Edgeに移行するので動くように直してと言われています。 これまで自分なりにいろいろ調べてきて、とりあえずHTML/CSSなどの見た目の部分と、大したことをしていないJSの部分は移行できたのですが、 肝心のActiveXであれこれやっているところを直すことができません。 期限は３月末までで苦しんでいます。 例えばこのような箇所があります。 var connection = new ActiveXObject("ADODB.Connection") var recordset = new ActiveXObject("ADODB.Recordset") var connectionString = "Provider=sqloledb;Data Source=〜〜〜 var query = "〜〜〜 connection.Open(connectionString) recordset.Open(query, connection) while (!recordset.EOF) { var encryptedData = recordset.Fields("data").value var decryptedData = decryptData(encryptedData, decryptionKey) 〜〜〜 recordset.MoveNext() } これをEdgeで代替手段で実装しようと思ったら、どのようなコードになりますか？ ライブラリやフレームワークは使ってはいけないことになっていますが、バレなさそうなものなら中に組み込むつもりです。 どうかよろしくお願いします。 767 名前：デフォルトの名無しさん mailto:sage [2023/03/19(日) 16:36:55.71 ID:HI67bUFb0.net] 代替手段なんてない 仕事振ったやつが何も分かってない あれこれやってる内容をなにか別の技術で１から組み立てる必要あり それかedgeのIEモードは検討出来ないの？ 768 名前：デフォルトの名無しさん mailto:sage [2023/03/19(日) 17:21:20.47 ID:HTlOdPesM.net] 今から実装してテストしてリリースしてその後の問い合わせ対応や運用に備えるのはスケジュール的に無理でしょ 3月末を死守する必要があるならIEモード1択 IEモードで時間稼ぎしてその間にサーバーサイドからDBアクセスする仕組みを作る IEモードにするにしてもグループポリシーの変更・適用のテストや問い合わせ対応の準備を考えればそれでも時間が足りないくらい 769 名前：デフォルトの名無しさん mailto:sage [2023/03/19(日) 18:07:07.17 ID:EAkcZvWPd.net] >>753のコードにぶち当たった時点でEdgeというかブラウザ単体で実現できないことには気がついて欲しいものだが 仮にも２年はJSを勉強していたと言うなら 770 名前：デフォルトの名無しさん mailto:sage [2023/03/19(日) 18:51:42.92 ID:M92RK9ru0.net] JSONでダミー値をコメントのつもりで使ってたらエスケープできてない\でパースエラーになるデータができたりして使うのが怖くなった やっぱコメントぐらいは定義必要だったなこれ 人間が手書きするものじゃないとしてもよく普及したもんだ 771 名前：デフォルトの名無しさん mailto:sage [2023/03/19(日) 18:56:28.01 ID:M92RK9ru0.net] >>753 そういうのってEdgeのIEモードに移行して終わりでしょ 周囲も期間的にその程度しか期待してないと思うけど 772 名前：デフォルトの名無しさん mailto:sage [2023/03/19(日) 19:09:54.29 ID:M92RK9ru0.net] ど素人だとIEモードが何なのかで3月は潰れるかもしれんけど一応 基本的には社内のADサーバでGPO管理してる奴にEdgeのIEモードのサイトリストに追加してもらう これは君の担当以外にもIEモードのサイトは糞の山程あって既知の対応だからおそらく追加を依頼するだけでいいはず うまくすればそれだけで作業が終わる可能性もある 773 名前：デフォルトの名無しさん mailto:sage [2023/03/19(日) 19:35:09.37 ID:vtMigryt0.net] >>757 コメントの書式があったって書式から逸脱する文字列を入れてパースエラー出す未来しか見えんわ。 774 名前：デフォルトの名無しさん mailto:sage [2023/03/19(日) 19:46:06.22 ID:GXvqERSA0.net] たぶんIEを前提とした目の前にあるコードを読み解いて作り直すより設計書用意したほうが早い あるいはAIと二人三脚 775 名前：751 [2023/03/19(日) 19:54:47.83 ID:/GeuLHtL0.net] みなさまありがとうございます IEモードは１，２度調べて、いつまでこのモードがあるか分からないからと止めたのですが、 やはり時間稼ぎも考えるとこれしかなさそうです。 その間に根本的な解決策を探したいと思います。 なぜか年明けから会社のDX担当にされました。 と言いましたが、実はそれは嘘です。 年末にかけて社員が半分以上辞めて、残った人の中で一番詳しそうだったのが僕だったのです。 実は、サーバーサイドをいじらないといけないのだということは、薄々気づいていました。 でも、今動き続けているサーバーを触れる人が誰もいないのです。 僕も、SQLというものがある、という程度の知識しかないので、触る気にもなりません。 とりあえず夏のボーナスまで引っ張って、無理そうだったら自分も転職します。 今動いているものをうっかり壊したら、止められなくなりそうなので慎重にがんばります。 ありがとうございました。 776 名前：デフォルトの名無しさん mailto:sage [2023/03/19(日) 19:55:19.68 ID:xryn/wmcd.net] >>757 怖いも何もパーサーがきっちり仕事してる証拠じゃないの？ コメントを書きたいって需要に対してはJSON5やJSONCって派生規格があるから それらを検討するべき 777 名前：デフォルトの名無しさん mailto:sage [2023/03/19(日) 20:23:01.76 ID:M92RK9ru0.net] 何が理由かは置いといて技術を含めた社員がごっそり半数も辞めてる状況だとその会社から賞与もまともには出ないだろう Edgeへの移行時期としてもかなり遅れてるし有給消化しつつ転職活動に専念した方がいいね 778 名前：デフォルトの名無しさん mailto:sage [2023/03/19(日) 20:33:33.23 ID:M92RK9ru0.net] >>763 規格はあれど既存の環境に適用できるものではないのがな JSON 779 名前：として扱う前にJSONCとしてコメント抜く前処理でも通すか [] [ここ壊れてます] 780 名前：デフォルトの名無しさん mailto:sage [2023/03/19(日) 22:37:02.99 ID:SC8SOdGAd.net] >>765 パーサーにケチつけてるよりはその方が建設的でしょうよ 781 名前：デフォルトの名無しさん mailto:sage [2023/03/20(月) 03:23:46.29 ID:iV2jn8x9a.net] >>740 VSCode の拡張機能では、 open in browser では、ローカルファイルアクセスになる。 この場合、CORS など、ブラウザの色々な制限がある file:///C:/Users/Owner/Documents/test/index.html 一方、Live Server では、 自分のPC 内にサーバーを立ててから、そこから配信されるので、テストしやすい 127.0.0.1:5500/test/index.html >>753 そういうのは、Excel, VBA, Access とかじゃないの？ ベンチャー企業やプロのバックエンドは、Ruby on Rails だけど 782 名前：デフォルトの名無しさん mailto:sage [2023/03/20(月) 04:02:42.23 ID:iV2jn8x9a.net] >>745 Promise.all/allSettled とか？ 783 名前：デフォルトの名無しさん mailto:sage [2023/03/20(月) 19:47:12.99 ID:PTBUy+ct0.net] chromeの拡張機能で、「ngWord.json」内のデータを「background.js」経由で「content_script.js」に格納しようとしていたのですが、上手くいきません。コードでおかしな点等あれば、ご教授頂けないでしょうか。 【background.js】 fetch('ngWord.json') .then(response => response.json()) .then(data => { // content_script.jsにデータを送信 chrome.runtime.sendMessage({ngWords: data}); }); 【content_script.js】 chrome.runtime.onMessage.addListener((message, sender, sendResponse) => { if (message.ngWords) { const ngWords = message.ngWords; console.log(ngWords); // 受信したデータを表示 } }); 784 名前：デフォルトの名無しさん mailto:sage [2023/03/20(月) 19:56:51.89 ID:hUotJVz90.net] >>769 バックグラウンドからタブに送信するならchrome.tabs.sendMessageじゃないかな？ 785 名前：デフォルトの名無しさん mailto:sage [2023/03/20(月) 20:37:35.10 ID:PTBUy+ct0.net] >>770 「タブ」というのは、「content_script.js」のことでしょうか？ だとすると「chrome.tabs.sendMessage(tabId: content_script.js, ngWords: data)のように書く感じでしょうか。 786 名前：デフォルトの名無しさん mailto:sage [2023/03/20(月) 20:53:08.72 ID:mlA7fjwPM.net] 雑な方法としてはアクティブなタブに送ればいいんちゃう？ 787 名前：デフォルトの名無しさん mailto:sage [2023/03/20(月) 21:36:27.87 ID:hUotJVz90.net] >>771 そうです。background から content_script に送信する場合はchrome.tabs.sndMessage だったと思いますよ chrome.tabs.query({active:true,(tabs)=>{ chrome.tabs.sndMessage(tabs[0].id,{ ngWordsg:data }) }}) というような感じで 788 名前：デフォルトの名無しさん mailto:sage [2023/03/20(月) 21:40:33.20 ID:xjtq7KFo0.net] 最初にコンテンツスクリプト側から何かメッセージ送れば バックグラウンド側のchrome.runtime.onmessage.addListenerのsender.tab.idでタブID取れるっしょ 789 名前：デフォルトの名無しさん mailto:sage [2023/03/20(月) 21:49:32.93 ID:hUotJVz90.net] それならtab.id必要なくてsendResponseで返せるんじゃないかな？ 790 名前：デフォルトの名無しさん mailto:sage [2023/03/20(月) 21:53:15.40 ID:PTBUy+ct0.net] 【background.js】 fetch('ngWord.json') .then(response => response.json()) .then(data => { chrome.tabs.query({active:true,(tabs)=>{ chrome.tabs.sendMessage(tabs[0].id,{ngWords:data}) }); }; 【content_script.js】 chrome.runtime.onMessage.addListener((message, sender, sendResponse) => { if (message.ngWords) { const ngWords = message.ngWords; console.log(ngWords); } }); このように修正しましたが、上手く取得できないようです。 791 名前：デフォルトの名無しさん mailto:sage [2023/03/20(月) 22:00:26.17 ID:hUotJVz90.net] そもそもngWord.jsonの中身とれてますか？ローカルファイルならweb_accessible_resources書いてchrome.extension.getURLで取るんじゃないでしょうか？ 792 名前：デフォルトの名無しさん mailto:sage [2023/03/20(月) 22:04:38.80 ID:xjtq7KFo0.net] もしかしてスクリプト本当にそれだけなの？ だとしたらcontent_script.js実行される前にbackground.js終わってそう 793 名前：デフォルトの名無しさん mailto:sage [2023/03/20(月) 22:24:56.04 ID:PTBUy+ct0.net] 申し訳ありません、私の知識不足で、よく分かりません。もう一度格闘して、改めて質問させて頂きます。ご教授下さり、ありがとうございます。 794 名前：デフォルトの名無しさん mailto:sage [2023/03/20(月) 23:58:23.18 ID:hUotJVz90.net] >>779 めっちゃ適当なこと言ってましたわ web_accessible_resourcesとchrome.extention.getURLは関係ないっぽいです まずcontent_scriptが実行されるタイミングでbackgroundからタブにデータを送れるはずなくて かといってcontent _scriptからメッセージ送ってbackgroundでfetchしたデータを送ろうとしてもセキュリティー的になのか送れない なのでbackgroundでfetchしたjsonをchrome.storage.local.setで保存してcontent _scriptからchrome.storage.local.getで読み込むが正解っぽいです 暇だったんで... 795 名前：デフォルトの名無しさん mailto:sage [2023/03/21(火) 04:01:46.37 ID:rEPYZ+tza.net] 漏れはプロジェクトを作って、index.ts に、TypeScript で以下を書いて、 npm/yarn, webpack, babel でビルドすれば、 import で、JSON ファイルやLodash も読み込めるけど import WordData from "./word_data_tmp.json"; console.log( WordData.length ) const ary = [ ...Array( 5 ).keys( ) ] // => [0, 1, ....,4] import shuffle from 'lodash.shuffle'; console.log( shuffle( ary ) ); // => シャッフルされる 796 名前：デフォルトの名無しさん mailto:sage [2023/03/25(土) 14:02:02.15 ID:MQIuadNDM.net] Next.jsでAPI Routesを使わないのは一般的でしょうか？ 797 名前：デフォルトの名無しさん mailto:sage [2023/03/25(土) 18:19:14.13 ID:1/y/Yy4J0.net] 「一般的」のような主観的なものてはなく、客観的な定義が必要なのでは 798 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ eb5f-DdLV [14.8.104.32]) mailto:sage [2023/03/28(火) 20:12:53.97 ID:RtCr5Rz10.net] プロミスって何？ あとfetchってasync、await使うのと.then使うのでどっちがいいの？ 799 名前：デフォルトの名無しさん mailto:sage [2023/03/29(水) 11:27:02.70 ID:NxiPtBQP0.net] >>784 普通に調べれば出てきますよ 調べても調べてもよくわからんって質問をどうぞ 800 名前：デフォルトの名無しさん mailto:sage [2023/03/29(水) 12:55:23.79 ID:y04hNuo/d.net] 消費者金融機関だよ 801 名前：デフォルトの名無しさん mailto:sage [2023/03/29(水) 13:11:20.35 ID:6965UHWi0.net] >>786 絶対に許せないのでxhrにしますね 802 名前：デフォルトの名無しさん mailto:sage [2023/03/31(金) 02:32:51.01 ID:VdncSfH00.net] メイン画面でボタンをクリックすると 別ウィンドウが起動し、ニュースサイトを表示するプログラムを組んでいます。 別ウィンドウが起動した時に そのウィンドウが閉じられたのか、開かれたままであるのかを メイン画面で判定するにはどういうコードを書けばよいでしょうか？ 別ウィンドウでサイトが開かれている間は １、２、３・・・とカウントし、閉じられると０を メイン画面にjQueryでレンダリングしようとしています。 803 名前：デフォルトの名無しさん mailto:sage [2023/03/31(金) 03:09:38.31 ID:29iJjOEC0.net] >>788 window.closed はどう？ 804 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 1f8b-3uzD [211.5.157.105]) mailto:sage [2023/03/31(金) 11:32:39.06 ID:VdncSfH00.net] >>789 ありがとうございます。 ちょっと試してみます。 805 名前：デフォルトの名無しさん mailto:sage [2023/04/23(日) 22:40:30.72 ID:k6QZkjYI0.net] 先日（1週間くらい前）まで動いていたジャバスクリプトが動かなくなった。 ブラウザの不具合を疑って firefox、edge、さらに ie11 まで持ち出したらどれも動かない。 ウインドウズのセキュリティの締め上げかなと思って スマホ（アンドロイド）で確認したがこっちも動いていない。 押し入れから昔のアイポッドタッチ(iOS9)を持ち出したが、やっぱ動かない。 こんなことってある？ アイポッドタッチなんてスクリプトが動いていたころとなに一つ変わっていないのに なんでこの前は動いたのに今日は動かないんだ？ 1年前のバックアップと差分比較してファイルが壊れていないことは確認した。 ちなみに自分がジャバスクリプトを作成するにあたって参考にしたスクリプトは いまも普通に動いている。 806 名前：デフォルトの名無しさん (JP 0Hc5-/HYv [126.249.157.89]) mailto:sage [2023/04/24(月) 07:00:31.38 ID:z1nNn0o4H.net] エラーも出て� 807 名前：ﾈいのか？ まったく反応してないのならｈｔｍｌで読んでないんじゃね？ [] [ここ壊れてます] 808 名前：デフォルトの名無しさん (ｽﾌﾟｯｯ Sd73-8Xzj [1.75.215.168]) mailto:sage [2023/04/24(月) 08:37:00.30 ID:Z0B9bFh/d.net] 動いてた夢を見たんだ 809 名前：デフォルトの名無しさん mailto:sage [2023/04/24(月) 09:21:53.70 ID:U4o0cUkO0.net] >>791 ブラウザの不具合疑う前に エラーログ出て無いか確認しろ エラーログすら出てないならHTML側でちゃんと呼び出せてるか確認しろ 810 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 2bbd-L85M [49.129.243.228]) mailto:sage [2023/04/24(月) 12:05:07.84 ID:VtgoOt7B0.net] https の証明書が古い 811 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 6910-bhMa [180.59.92.6]) mailto:sage [2023/04/24(月) 13:08:00.47 ID:MpRTlb310.net] >>794 エラーログを見たらあっさり解決しました。 夜更けに一人で大騒ぎしてごめんなさい orz いまブラウザの開発者ツールでジャバスクリプトのエラーが見られるんだね。 びっくりした。 原因はHTMLの削除した部分にスクリプトで動かす部分があって 動かすべきものがないから次の処理に行けずエラーになっていました。 スクリプトばかり見ていてHTMLは盲点でした・・・。 812 名前：デフォルトの名無しさん mailto:sage [2023/04/24(月) 13:15:26.56 ID:3ESYAe520.net] 開発者ツール超便利だよね 813 名前：デフォルトの名無しさん mailto:sage [2023/04/24(月) 13:22:29.25 ID:sSUQNn8cr.net] まあそういうオチだろうなとは アドバイスを求めるならhtmlを修正したことは伝えるようにしてほしいところ 814 名前：デフォルトの名無しさん (JP 0Hc5-/HYv [126.249.157.89]) mailto:sage [2023/04/25(火) 18:51:33.50 ID:/Hd1NuvtH.net] 解決したようでなによりなにより 815 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ eb7d-RykB [1.33.235.4]) mailto:sage [2023/04/26(水) 19:26:29.99 ID:lfd6T/fN0.net] abehiroshi.la.coocan.jp/ この阿部さんのHPの左のフレームから「舞台出演」を取得したいんだけど、 const frame = await page.$('frame[name="left"]'); 　const contentFrame = await frame.contentFrame(); こんな感じでcontentFrameを取得するところまでは上手く行くんだけど、 　const aElement = await contentFrame.$('body table.today tr:nth-child(8) td:nth-child(3) p a'); 次の要素を取得する段階になるとnullになってしいます どうすれば阿部さんの舞台出演を取得できますか？ 816 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ d961-99Et [220.107.169.163]) mailto:sage [2023/04/26(水) 20:39:08.46 ID:UfBGheQ30.net] >>800 .todayなんてclass付いてないぞい 817 名前：デフォルトの名無しさん (JP 0Hc5-/HYv [126.249.157.89]) mailto:sage [2023/04/26(水) 22:57:11.72 ID:Q5IzIMlUH.net] それってJS？ 818 名前：デフォルトの名無しさん (JP 0Hc5-/HYv [126.249.157.89]) mailto:sage [2023/04/26(水) 23:08:17.75 ID:Q5IzIMlUH.net] そもそもnullを取得してるってことは所望のオブジェクトが取得できていないってことよん？ 819 名前：デフォルトの名無しさん (ｴﾑｿﾞﾈ FF33-Nhf9 [49.106.174.76]) mailto:sage [2023/04/27(木) 13:47:05.09 ID:jYECG79eF.net] >>800 それ、ChromeのDevツールとかで、Elementの検索にセレクター入力してちゃんとヒットする？ 820 名前：デフォルトの名無しさん (ﾜｯﾁｮｲ 03c2-+mtg [133.155.195.156]) mailto:sage [2023/04/29(土) 00:34:06.33 ID:FZLDUbkY0.net] ['apple', 'パイナップル', 'pineapple (パイナップル)', 'りんご', 'pineapple'] を ['apple', 'パイナップル | pineapple', 'りんご'] に別名ふくめて重複削除して整形したいんですがスマートな方法ないですか

---

---

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

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