23/02/24 02:46:21.28 thXJapXb0.net
>>649
上から順に case が評価され、どこかで真になればそれ以降の case は評価されない。
break してないからそれ以降の処理がフォールスルーで実行されてるだけ。
全部の条件を評価したいなら普通に if で書けばいいと思うよ。
663:デフォルトの名無しさん
23/02/24 05:29:40.16 xQyCpHMf0.net
そもそもswitch文って条件にtrue入れて使うようなもんじゃないぞ
664:デフォルトの名無しさん
23/02/24 08:59:59.37 thXJapXb0.net
>>651
case に式を書けるようにしたことによって使えるようになった副作用みたいなものだよね。
switch の式と一致する case を探すのが switch文の動作だとするなら、switch の式 true と一致する値となる、すなわち true になる式を持つ case が選択される。
個人的には if で書けばいいものをわざわざ分かりづらい書き方にしてるバッドプラクティスだと思ってるが、フォールスルーと組み合わせると if よりもスマートに書ける可能性はあるかもね。
特に >>649 のように全部の case を評価してほしいなら、switch で書く利点が何一つ無い。
if より利点がある場合は、フォールスルーする場合に最初に true になる case までしか式が評価されないことくらいなのに。
665:デフォルトの名無しさん
23/02/25 02:30:10.34 E1i3tKVi0.net
>>652
良いサンプルが思いつかんけど、
ifで書こうとすると、重複する処理を書かなければいけなくなったり、フラグの変数を導入したりすることになるんだけど、
breakなしのswitch case文ならうまいこと書けるんじゃないかと思ってやってみたけど、動かなかった。
666:デフォルトの名無しさん
23/02/25 21:04:04.70 5GrSMYMK0.net
jQuery以外のライブラリ・フレームワークは廃止して欲しい。
覚えるのが大変。
667:デフォルトの名無しさん
23/02/25 22:01:05.33 YxrjvuYta.net
react だけでよくね
jqueryとかいい加減消滅しろよ
668:デフォルトの名無しさん
23/02/25 23:22:22.93 5GrSMYMK0.net
>>655
この２つは併用出来ないから辛い。
で、reactならではの利点は？
669:デフォルトの名無しさん
23/02/25 23:31:29.20 fw0b+BcSM.net
質問スレで焚き付けんな
670:デフォルトの名無しさん
23/02/25 23:38:37.47 TypeZdxc0.net
素の JS でいじゃん。
というのは言い過ぎかもしれんけど、何に使ってるんだか分からんようなことでいちいちおまじないのように jquery 読み込んでる呆れるようなところも少なくないんだよな。
通信回線速度も処理能力も上がってるから動いちゃいるが、とりあえず素の JS で書けるようになれと言いたい。
ブラウザ毎の非互換も少なくなってるし querySelector みたいな便利なメソッドもあるし、そんなに苦労しないでしょ。
671:デフォルトの名無しさん
23/02/25 23:49:36.71 YJ+BhbRla.net
それなjqueryおじさんはJSだけで書けるようにしておけ
それでも足りないならReact使えな
672:デフォルトの名無しさん
23/03/01 19:53:41.69 hdBOeOla0.net
githubで他人のコード見てるとclassもprototypeも使われてないやつが多いんだけど何でなん？ベストプラクティスがruby以上にわからん何が正解なん？
673:デフォルトの名無しさん
23/03/01 23:29:12.38 8kmkGnGP0.net
暗黙的なクロージャがあるからclassやprototypeを使わずとも割と困らないのが何でなん？の回答になる
674:デフォルトの名無しさん
23/03/02 02:00:11.27 65NO3QYK0.net
htmlコーダー志望の初心者です。
JSの入門書を読み終えたのでより実践的な学習に移行したいのですが、
既存の書籍やサイトは総論のような基本的な知識に焦点を当てたものが多い印象で、
実務において初心者コーダーにどのようなプログラムの作成が
求められてくるのかが判然としません。
そのような内容に焦点を当てた書籍やサイト等はありますか。
675:デフォルトの名無しさん
23/03/02 19:51:27.97 eGjuMjwU0.net
そもそもhtmlコーダーって何？ってぐぐってみたらデザイナやエンジニアが片手間でできる内容だし専門職としては成立せんのでは
676:660
23/03/02 23:05:32.75 65NO3QYK0.net
>>663
htmlコーダーという職種自体がオワコンですかね…
ご意見参考にさせていただきます。
677:デフォルトの名無しさん
23/03/03 08:25:40.95 DJxhSXLyr.net
99％のエンジニアは片手間でできないからな
エンジニアはhtmlとcssをバカにするけどほとんどのエンジニアはまともに使えていないんだよ
特にcss
使い方を知らない
勉強しようとしても理解できない
なのにバカにする
エンジニアは視覚からコードに落とし込む能力が絶望的に劣っている
↓
デザイナーから上がっきたモックをhtmlとcssで再現できない
↓
だけどその事実がバレたくないからコーダーといってバカにする
↓
実際にはjsxとstyle componentなどで必須スキル
↓
必須だけどできないからhtmlとcssはデザイナーの仕事だと言い放つ
↓
じゃあjsxはデザイナーに書かせるのか？と聞くと無言
毎回このパターン
678:デフォルトの名無しさん
23/03/03 08:32:56.76 an7QtCXRd.net
まあでもそういう業界だからね
連携ダメだからと言って隙間に入り込める余地があるかどうか
679:デフォルトの名無しさん
23/03/03 09:44:56.39 o6EY7x580.net
>>665
組み込み系や汎用系のエンジニアにでも頼んでるのか？
ちゃんとWeb系やってるとこに頼みなよ
680:デフォルトの名無しさん
23/03/03 10:01:30.76 DJxhSXLyr.net
>>667
むしろ組み込みは汎用系のほうは知らん
Web系エンジニアはこんなんだぞ
ほんの少しだけ有能なフロントエンジニアがいる現状
なぜならフロント開発スキルとデザインスキルの両方を持ち合わせた人材がほぼいないから
681:デフォルトの名無しさん
23/03/03 10:24:24.87 o6EY7x580.net
webプログラマーに高度なデザインまで要求するのは無理でしょ
そのためにプロのデザイナーがいるんだし
でもほとんどのエンジニアがhtmlとcssをまともに使えないなんてありえない
今いる環境が悪すぎるんじゃないの？
682:デフォルトの名無しさん
23/03/03 11:25:14.28 yQajwbSzM.net
ぶっちゃけデザインするやつが CSS まで書くのが一番いいんじゃね？
位置やら大きさやらの細かい詰めまでこだわれるでしょうに。
683:デフォルトの名無しさん
23/03/03 11:27:48.97 GvE2UXq10.net
アニメーションとかJsonでデータいじくる時だけ呼んでください
ってことにしてる社内ニート
684:デフォルトの名無しさん
23/03/03 11:54:37.73 DJxhSXLyr.net
こういうこと
デザイナーの担当
・モック作成
・Atomicデザイン込みのコンポーネント設計
・コンポーネント作成
・App作成（コンポーネントの組み上げ）
・jsx、css
・state更新とrender関連
・レスポンシブ対応
・トランジションやアニメーションなど
・DOM生成後の表示・操作・調整（表示順やインタラクション）
・エラー表示、警告
・htmlバリデーションのcheckValidityやreportValidity処理
フロントエンジニアの担当
・APIでデータ送受信
・propsで流し込み
685:デフォルトの名無しさん
23/03/03 12:03:53.67 aLTOWI5kM.net
>>672
それ専業のデザイナー置いても暇を持て余すような職場だろ
普通デザイナーにjsxなんて書かせないよ
686:デフォルトの名無しさん
23/03/03 12:14:59.23 o6EY7x580.net
ほとんどのエンジニアがｈｔｍｌもｃｓｓもまともに使えない職場みたいだからなｗ
687:デフォルトの名無しさん
23/03/03 12:33:55.85 DJxhSXLyr.net
職場じゃなくてそもそもエンジニアたちがhtmlとcssが絶望的にゴミレベルしかいないんだよ
海外でも同じ傾向がある
なのに自分たちはできると勘違いしてるから話が通じないんだよな
688:デフォルトの名無しさん
23/03/03 13:31:04.49 o6EY7x580.net
jquery使えます！って嘘ついたデザイナーの尻拭いをさせられたことはあったな
689:デフォルトの名無しさん
23/03/03 13:32:46.28 yQajwbSzM.net
>>675
そういうお前は逆にサーバサイドは絶望的な腕前なんじゃないの？
690:デフォルトの名無しさん
23/03/03 15:00:35.71 DJxhSXLyr.net
>>677
わざわざ煽りご苦労
サーバーサイドが絶望的どころかサーバーサイドもやってるが？
むしろフロントよりも先にサーバーサイドからやってたわ
691:デフォルトの名無しさん
23/03/03 15:24:30.84 yQajwbSzM.net
>>678
という人がどれだけいるのって話でしょ。
おれもサーバサイドの人というか、むしろwebじゃないサーバの人だけど。
692:デフォルトの名無しさん
23/03/03 18:33:43.53 omRbdhVsr.net
やたらイキって言葉遣いが悪いのと同じ回線だと肩身が狭い・・・
693:デフォルトの名無しさん
23/03/03 21:01:23.22 bsut6PhH0.net
>>672
デザイナーはせいぜいコンポーネント作ってStoryBookに載せるまでが責務だろw
694:デフォルトの名無しさん
23/03/03 22:20:39.69 Q9LzyMl00.net
プログラマにバカにされてreact勉強中のデザイナー様が激おこです
695:デフォルトの名無しさん
23/03/03 22:30:19.52 yxGxd3AO0.net
webデザイナーってjqueryぐらいまでは覚えさせられたかもだけど
流石にreactやvueまでやれってのは酷ではｗ
そんなのフロントエンドエンジニアの仕事でしょｗ
696:デフォルトの名無しさん
23/03/03 23:30:24.99 Q9LzyMl00.net
だってフロントエンドエンジニアはｈｔｍｌもｃｓｓもわからないバカばっかりなんだもん
697:デフォルトの名無しさん
23/03/04 18:46:55.35 erCI1bTUH.net
javascriptコードでバグの伝搬を制限して拡張性を高める必要性のある堅牢なプログラムなんて不要だからでしょ
698:デフォルトの名無しさん
23/03/04 18:52:38.30 erCI1bTUH.net
みんななんで仲良くなれないかな
699:デフォルトの名無しさん
23/03/05 16:50:40.53 RB9OOifa0.net
仕事だし自分の領域に少なからず関わってくるんだから覚えろよ
わからないじゃねーんだよボケ^^
これでよし
700:デフォルトの名無しさん
23/03/11 23:19:16.39 qvilA0zq0.net
sortメソッドは必ず、比較関数と一緒に使用する必要ありますか？
sortメソッドは数値を並びかえだと比較関数と一緒でないとうまくいかなくて、
でも、文字列のソートなら、ソート関数なくてもうまくいくみたい。
sortは文字列でも数値でもソート関数使った方がいいのでしょうか？
701:502
23/03/12 04:39:15.28 PQcYNrkb0.net
>>688
疑問に思うことがあれば、まずMDNで関数の仕様を確認してみるといい
sort 関数なら、解説に関数を指定しなかった場合についてもちゃんと書いてある
URLﾘﾝｸ(developer.mozilla.org)
> compareFn が与えられなかった場合、undefined 以外のすべての配列要素は文字列に変換され、文字列が UTF-16 コード単位順でソートされます。例えば、"banana" は "cherry" の前に来ます。数値のソートでは、9 が 80 の前に来ますが、数値は文字列に変換されるため、Unicode 順で "80" が "9" の前に来ます。undefined の要素はすべて、配列の末尾に並べられます。
702:デフォルトの名無しさん
23/03/12 09:33:44.40 do9jOqKh0.net
>>689
ありがとうございます。
703:デフォルトの名無しさん
23/03/12 10:07:09.74 mPShShEs0.net
ティラノスクリプトでゲーム作ろうとしたら、結局JSまで触らないと無理そうで及び腰・・・
・例えば変数aに"gazou1"という文字列を入れる
・『【"変数a"+.jpg】を表示』みたいな記述？？ ←ここが分からない
・結果、gazou1.jpgが表示される
こんな感じの、変数に入れた文字列を使用して画像表示ってできますか？
JS 変数 画像表示 とかで調べても情報が多すぎてさっぱり分からない
704:デフォルトの名無しさん
23/03/12 11:40:49.62 SvUIzONJr.net
>>691
専用の掲示板へどうぞ
URLﾘﾝｸ(tyrano.jp)
705:デフォルトの名無しさん
23/03/12 12:27:02.18 mPShShEs0.net
>>692
誘導ありがとうございます
ティラノだけでは無理そう＆ティラノ上ではJSの記述が使える、という事でこちらで質問しました
なのでJSで可能か不可能かだけでも教えて頂けると助かります
JSで不可能なら調べたところで出て来ないでしょうから延々調べ続けるはめに・・・
706:デフォルトの名無しさん
23/03/12 12:49:02.36 PwnTbWEur.net
>>693
まずはティラノスクリプトに詳しい人に聞いてみるのが筋ではないですか？
同じ問題に遭遇した人もきっといるはずでノウハウも蓄積されてると思いますよ
wikiなんかもあるようですし、そちらも確認してみましたか？
707:デフォルトの名無しさん
23/03/13 10:07:27.43 /ROF2oq40.net
>>691
こういうこと？
===============================
<body>
<a href='#' onclick='fun'>link</a>
</body>
<script>
function fun(){a.href='URLﾘﾝｸ(....)<)'}):
</script>
================================
708:デフォルトの名無しさん
23/03/13 17:49:23.15 dqLl9/D/M.net
>>683
むしろjQueryの方が難しいと思うけど...
709:デフォルトの名無しさん
23/03/13 19:09:00.85 LN5ju60U0.net
>>695
表示する画像を変数を使って切り替えたいので、
if 変数a=='花' なら 花.jpg を表示 else 変数a=='山' なら 山.jpg を表示
みたいな感じで一応は表示できるのですが、表示したい箇所が複数あるので
if 変数b=='花' とか if変数c==’’花' とかで凄く長くなりそうなのです
でももし 変数の中身＋.jpg みたいな記述がjsに存在するなら
aの場所には 変数aの中身+.jpgを表示 bの場所には変数bの中身+.jpg みたいに凄く簡略化できるかなって
教えて頂いたコードを調べてみます！ありがとうございます！
710:デフォルトの名無しさん
23/03/13 19:18:34.65 z8Hv0b/wr.net
>>697
他板にティラノスクリプトスレがあったんで
専用掲示板より5chがいいのであれば続きはそちらでどうぞ
ｽﾚﾘﾝｸ(gamedev板)
711:デフォルトの名無しさん
23/03/13 19:42:26.91 LN5ju60U0.net
>>698
そこは質問スレじゃないのでどうにも質問しづらくて
とうかJSの質問スレでJSの質問してるのに「ティラノ上で動かしてる」ってだけで、
そこまで「よそいけ、よそいけ」って言わなくても・・・
712:デフォルトの名無しさん
23/03/13 20:03:21.60 z8Hv0b/wr.net
>>699
>そこは質問スレじゃないのでどうにも質問しづらくて
そのスレを「質問」で検索してみると皆質問してるのが分かります
気後れする必要はないと思いますよ
>とうかJSの質問スレでJSの質問してるのに>「ティラノ上で動かしてる」ってだけで、
>そこまで「よそいけ、よそいけ」って言わなくても・・・
あなたが必要としてるのは「ティラノスクリプトで変数を使って画像表示したい場合にどうすればいいか」の解決策だからです
それについてはこのスレよりティラノスレや専用掲示板の方が的確なアドバイスが得られるはずです
違いますか？
713:デフォルトの名無しさん
23/03/13 20:12:22.98 z8Hv0b/wr.net
ついでに「ティラノ上で動かしてる」JSについてもそちらで聞いた方が良いでしょう
ティラノスレを見渡すとJSのコードもたくさん貼ってありますよ
714:デフォルトの名無しさん
23/03/13 20:21:27.02 LN5ju60U0.net
>>700
>あなたが必要としてるのは「ティラノスクリプトで変数を使って画像表示したい場合にどうすればいいか」の解決策だからです
違います。自分の質問を要約すると「JSには、変数の中身の文字列に.jpgなどの拡張子を付け足して画像を表示する機能はありますか？」です
最初にティラノの名を出したことで誤解を招いたかも知れませんが、
>>691に >JS 変数 画像表示 とかで調べても
>>693に >なのでJSで可能か不可能かだけでも教えて頂けると助かります
と書いてあるように、ティラノではなく、あくまでJSについて尋ねています
715:デフォルトの名無しさん
23/03/13 20:45:42.74 z8Hv0b/wr.net
>>702
>自分の質問を要約すると「JSには、変数の中身の文字列に.jpgなどの拡張子を付け足して画像を表示する機能はありますか？」です
では聞きますが、それが何のために必要なのですか？
716:デフォルトの名無しさん
23/03/13 20:57:54.94 ayGBKgIT0.net
拡張子を付加する機能は無いよ
WBC始まってキャッチボールしたい気持ちはわからんでもないけども
717:デフォルトの名無しさん
23/03/13 20:58:10.41 bqu+B+fY0.net
>>702
> 「JSには、変数の中身の文字列に.jpgなどの拡張子を付け足して画像を表示する機能はありますか？」
はい。可能です
imgタグにデータURLを引き渡し表示することはごく普通に見ることができます
Base64エンコードされた文字列とmediatypeをセットするだけです
718:デフォルトの名無しさん
23/03/13 20:59:33.75 1Iq9NysVM.net
>>702
あなたの質問はjavascriptの質問ではありますがティラノスクリプトの仕様を知らないと答えられないものです
こちらはティラノスクリプトの仕様を知らないのであなたの代わりに調べることから始めなければなりません
ティラノスレであれば詳しい人がいると思うのでそちらへどうぞ
719:デフォルトの名無しさん
23/03/13 21:59:41.61 LN5ju60U0.net
>>703
上述の通りゲーム作成と作業の簡略化のためです
>>704
拡張子の付け足しは誤解を招く表現でした。変数の中にある文字列と同じ名前の画像を表示するってことです
>>705
ありがとうございます。調べてみます
>>706
あくまでJSの事として聞いているので「JSではこれこれこうやる。それがティラノ上で動くかは知らんけど」って感じの答えで十分です
ティラノスレでJSのこと聞くよりJSスレでJSのこと聞く方が早そう、って考えはそこまで変ですか？
720:デフォルトの名無しさん
23/03/13 22:18:31.29 z8Hv0b/wr.net
>>707
>上述の通りゲーム作成と作業の簡略化のためです
それは「ティラノスクリプトで変数に応じた画像表示する」こととは違うのですか？
>「JSではこれこれこうやる。それがティラノ上で動くかは知らんけど」
このスレでそんな回答をもらうよりはティラノスレで質問して
「ティラノスクリプトではみんなこうやってるよ」って回答をもらう方が何倍も早くて確実だと思いますがいかがでしょう
721:デフォルトの名無しさん
23/03/14 01:06:18.93 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:デフォルトの名無しさん
23/03/14 02:37:35.49 JIhs77SCM.net
JSスレでJSのこと聞きたいんならティラノの名前出すなよ
723:デフォルトの名無しさん
23/03/14 08:16:42.83 gMQMDZBfd.net
それはそう
724:デフォルトの名無しさん
23/03/14 13:16:01.19 bBCbUtGh0.net
jpegの名前を動的に指定できるよ
725:デフォルトの名無しさん
23/03/14 13:21:05.82 crjDIavXr.net
>>707
ティラノについて少し調べたのでスレ違いを承知の上で書きます
あなたが>>691や>>697でやりたいことは
[bg storage="&f.bg + '.jpg'" time=1000]
というような書き方で実現できるかと思います
簡単に説明します
まず「&f.bg」の「&」はエンティティと呼ばれるもので変数の値をタグのパラメータとして渡すときに使用します
URLﾘﾝｸ(tyrano.jp)
の最後に説明があります
そして、storageパラメータに渡す際に「 + '.jpg'」で拡張子を連結しています。これは
URLﾘﾝｸ(tyrano.jp)
のkaisetsu/19_variable_1.ksの415行目～に変数に対して数値演算をした値を
パラメータに渡す例がありました。文字列の連結も同様に可能です
これによって、変数f.bgの値が「花」ならば「花.jpg」が、「山」ならば「山.jpg」が表示されます
例は背景ですがキャラやその他の画像でも可能だと思います
726:デフォルトの名無しさん
23/03/14 13:30:55.51 crjDIavXr.net
>>707
なお、簡単なサンプルで動作確認をしました
URLﾘﾝｸ(tyrano.jp)
上記チュートリアルに従って新規プロジェクトを作成し、
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:デフォルトの名無しさん
23/03/14 20:28:58.71 2HNLo12V0.net
>>713
ありがとうございます！！できました！！
728:デフォルトの名無しさん
23/03/14 20:53:16.27 2HNLo12V0.net
作業が一気に楽になりました！
>>713も他の方も本当にありがとうございました！
そして不可能と思いこんでたことが実は可能だったあたりはすみませんでした！
729:デフォルトの名無しさん
23/03/14 20:53:28.39 GiZ8CeD1r.net
>>715
解決したのならなによりです
が、今回無駄に遠回りをしてしまったのは自覚、反省しましょう
あなたはこの問題の解決はティラノ単体では無理だと決めつけてしまったためにこのスレで質問しましたが
その判断は正しくありませんでした
繰り返しになりますが、この先また何か躓いたときはまずティラノの掲示板なりスレなりで聞いてみるようにしましょう（たとえJSに関することであれ）
その方が解決が早く、的確なはずです
730:デフォルトの名無しさん
23/03/14 21:02:42.69 GiZ8CeD1r.net
>>716
ちょうどかぶってしまいましたが、ちゃんと自分の非を認められる人で安心しました
こちらも少し言葉がキツくなってしまった点はお詫びします
731:デフォルトの名無しさん
23/03/15 01:17:49.11 sTLgg4Iop.net
初めまして
Pixiv filter（GitHubで公開、リンクはスパム対策で貼れず）という拡張機能がありまして、それに似たものを自作したいと思い立ち、色々調べてみました
別スレにて、検索画面上での作品ごとのタグは、画面には表示されないもののデータとしては生成されている、という事を伺ったのですが、
どこに生成されているのか、どうやったら参照できるのかなどが分からず、苦戦しております。
ご教授頂ければ幸いです
732:デフォルトの名無しさん
23/03/15 02:28:06.62 i4bxOxoza.net
これか？
github.com/kazu-ux/PixivFilter
React, TypeScript
733:デフォルトの名無しさん
23/03/15 07:58:24.49 q+AMrJS6H.net
反省なんて必要ないわ、なんか強迫症的なやつがうざい
なんなんだ、執着が過ぎる
734:デフォルトの名無しさん
23/03/15 08:01:02.20 q+AMrJS6H.net
プログラムではすべてのタグを検出して配列等に格納しているが
そこから抽出して出力する処理をしてるってことじゃない？
見てないからわからんけど
735:デフォルトの名無しさん
23/03/15 09:37:50.61 OLitJJv/d.net
>>719
なんか見覚えあると思ったらこれか
ｽﾚﾘﾝｸ(hp板:342番)
343をレスしたの俺だけど回答の内容を理解できなかったってこと？
分からないところがあったのなら追加で質問すればよかったろうに
それをせずに全然違うスレで聞き直してるのはなんで？
736:デフォルトの名無しさん
23/03/15 20:45:42.17 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:デフォルトの名無しさん
23/03/15 22:44:21.64 ohrI2qnX0.net
jQueryはなぜ嫌われる？
簡単な構文で便利だと思うが…。
他のライブラリ・フレームワークとの互換性が高ければいいのに。
738:デフォルトの名無しさん
23/03/15 23:48:50.56 T0OxazTtM.net
技術的には好かれてるわけでも嫌われてるわけでもない
スレ的には脈絡なく蒸し返す厄介な奴がいるので敬遠される
739:デフォルトの名無しさん
23/03/16 07:03:01.34 Hd88hZaKH.net
嫌われてはないんだろうけどスレチなんでない？
740:デフォルトの名無しさん
23/03/16 07:15:13.56 Hd88hZaKH.net
javascriptで作られたプログラムの処理に関して
Jqyeryを使えば簡単だよって言われても
いやいやここはjSで書きたいんでってなるでしょ
そういう質問に対してjqのほうが簡単っていうのがよくわからん
フレームワークの質問スレは
ベース言語のすれとは別に立てたほうが
741:デフォルトの名無しさん
23/03/16 09:02:04.98 c9lqR0yG0.net
www
742:デフォルトの名無しさん
23/03/16 10:39:46.62 fxj0X8UB0.net
フレームワークスレは一応立ってるね
糞スレだからそこで質問して回答があるのか知らんけど
743:デフォルトの名無しさん
23/03/16 11:25:08.38 QjQVIFFDr.net
>>721
これもしかして私に対して何か言おうとしてる？
もしそうならもう少し具体的に問題点を指摘してもらえないかな
744:デフォルトの名無しさん
23/03/16 15:46:42.93 FgyDZ6E70.net
いえいえ、違います、気にしないでください
745:デフォルトの名無しさん
23/03/16 20:33:58.52 ParHajkN0.net
>>732
あなたは>>721とワッチョイもIPも違うようだが…
746:デフォルトの名無しさん
23/03/16 20:55:51.48 Olf8APhOd.net
>>724
どうですか？も何もそんな都合のいい妄想データを元に書いたコードなんぞ
役に立たないどころか混乱させるだけだからやめようよ
747:デフォルトの名無しさん
23/03/16 21:11:03.92 Hd88hZaKH.net
混乱させるだけとかｗｗｗ
そもそも解答者がわざわざ対象コードを検索して読み込み
そして質問者が満足するようなコードを生成するとか、自分は絶対しないｗ
質問者は
・何やら検索するらしい
・検索はタグで行うらしい
・タグで検索しても表示するものとしないものがあるらしい
その3点でアドバイスするのなら
・検索ワードでヒットする画像を抽出する
・ヒット判定は画像のタグプロパティで判定
・判定でヒットした画像を１枚もしくは複数枚表示する
とした場合で、初心者初学者向けにアドバイスするのなら
上記の感じのアドバイス以外に何かできるアドバイスあるん？
質問の質以上のアドバイスなんてできない
まずはオブジェクトとプロパティあたりから始めるしかないっしょ
っ
748:て思ってのアドバイスなのねん
749:デフォルトの名無しさん
23/03/16 21:38:40.67 Olf8APhOd.net
質問者がわからないと言ってるものには具体的な対象があるわけよ
それを無視して一般的な考え方のアドバイスをするなら抽象的な話にとどめればよくて
わざわざデタラメコードを生成することはなかろ
750:デフォルトの名無しさん
23/03/16 22:01:47.84 Hd88hZaKH.net
それはそうですね
おっしゃる通り
でもデタラメとか言わんでください！
751:デフォルトの名無しさん
23/03/17 21:04:07.19 irjN28+Dd.net
他に適切な表現が見つからなかったからごめんな
752:デフォルトの名無しさん
23/03/17 21:08:34.06 ZP9+v2PL0.net
こっちがデタラメなコード書くと見かねていい感じのコード書いてくれるツンデレ
753:デフォルトの名無しさん
23/03/18 02:26:56.50 dC3/JFCa0.net
すみません、私の知識不足というか理解不足も大きそうですので、手が出るところからさせて頂こうと思います。
javascriptの「fetch」メソッドなのですが、これはjsonファイルを読み込む事はできないのでしょうか？ローカルで試しましたが、エラーになってしまうようです
754:デフォルトの名無しさん
23/03/18 05:10:03.75 s5wH/EpL0.net
>>740
fetchやXHRも >>469-475 と同様基本的にFileURIでのアクセス不可
755:デフォルトの名無しさん
23/03/18 15:36:03.94 dC3/JFCa0.net
ありがとうございます。「ローカルのサーバーを立てる」と良いらしいのですサーバーは専用のパソコンでないと、セキュリティ的にも危険と聞いた事もありますが、大丈夫なのでしょうか。また、実際やるとしたら、どのような方法があるでしょうか。
756:デフォルトの名無しさん
23/03/18 15:40:55.59 T8cp6VGg0.net
Xamppつかっておけばよろし
757:デフォルトの名無しさん
23/03/18 19:03:06.43 xpgWDt8BH.net
>>742
vscodeって使える？すごく簡単なエディタ
そのエディタでliveServerっていう拡張があるんだけど使えるか試してみたら？
758:デフォルトの名無しさん
23/03/18 21:30:20.18 HGxbjpaKd.net
Promise.race()で複数のPromiseを渡して、最初に終了したタスクのPromiseを受け取ったあと、同様に順次残りのタスクを完了したものから受け取るような書き方はできますか？
(最終的にすべての非同期タスクの終了まで繰り返す)
Pythonでいう、as_completedのように複数非同期タスクを、終了次第順次ループで受け取るような形です。
759:デフォルトの名無しさん
23/03/19 12:35:04.92 DxTl2kdL0.net
>>743 >>744
vscodeの方を使わせて頂きました。お二方ともアドバイス、ありがとうございました。
余談ですが、jsonファイルに単なる文字列（あああ、abc、123）などを単発で格納するとしても、「名前:値」のフォーマットは守らないといけないんでしょうか（名前をいちいち宣言しないとダメなのか）。
760:デフォルトの名無しさん
23/03/19 12:36:07.26 DxTl2kdL0.net
正確には「{"名前":値}」ですね。省略できれば楽だなと思ったのですが。
761:デフォルトの名無しさん
23/03/19 12:59:08.70 4pa7IAk9d.net
{"名前":値}はあくまでオブジェクトの形式であって文字列や数値のみを返したいなら不要
ただし文字列は"あああ"や"abc"とする必要はある
URLﾘﾝｸ(www.json.org)
762:デフォルトの名無しさん
23/03/19 13:08:00.26 DxTl2kdL0.net
ありがとうございます。おそらく
"abc", "あああ"
のようなカンマ区切りで大丈夫でしょうか。
763:デフォルトの名無しさん
23/03/19 13:20:25.80 S0dCUzy1d.net
単一の値でない場合は配列にすること
["abc", "あああ"]
有効なjson形式かどうかはJSON.parse()に食わせてみるといい
JSON.parse('"abc", "あああ"'); //NG
JSON.parse('["abc", "あああ"]'); //OK
764:デフォルトの名無しさん
23/03/19 14:04:53.34 DxTl2kdL0.net
>>750
参考になりました。ありがとうございます。
765:デフォルトの名無しさん
23/03/19 15:26:18.81 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:デフォルトの名無しさん
23/03/19 16:15:48.14 /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:デフォルトの名無しさん
23/03/19 16:36:55.71 HI67bUFb0.net
代替手段なんてない
仕事振ったやつが何も分かってない
あれこれやってる内容をなにか別の技術で１から組み立てる必要あり
それかedgeのIEモードは検討出来ないの？
768:デフォルトの名無しさん
23/03/19 17:21:20.47 HTlOdPesM.net
今から実装してテストしてリリースしてその後の問い合わせ対応や運用に備えるのはスケジュール的に無理でしょ
3月末を死守する必要があるならIEモード1択
IEモードで時間稼ぎしてその間にサーバーサイドからDBアクセスする仕組みを作る
IEモードにするにしてもグループポリシーの変更・適用のテストや問い合わせ対応の準備を考えればそれでも時間が足りないくらい
769:デフォルトの名無しさん
23/03/19 18:07:07.17 EAkcZvWPd.net
>>753のコードにぶち当たった時点でEdgeというかブラウザ単体で実現できないことには気がついて欲しいものだが
仮にも２年はJSを勉強していたと言うなら
770:デフォルトの名無しさん
23/03/19 18:51:42.92 M92RK9ru0.net
JSONでダミー値をコメントのつもりで使ってたらエスケープできてない\でパースエラーになるデータができたりして使うのが怖くなった
やっぱコメントぐらいは定義必要だったなこれ
人間が手書きするものじゃないとしてもよく普及したもんだ
771:デフォルトの名無しさん
23/03/19 18:56:28.01 M92RK9ru0.net
>>753
そういうのってEdgeのIEモードに移行して終わりでしょ
周囲も期間的にその程度しか期待してないと思うけど
772:デフォルトの名無しさん
23/03/19 19:09:54.29 M92RK9ru0.net
ど素人だとIEモードが何なのかで3月は潰れるかもしれんけど一応
基本的には社内のADサーバでGPO管理してる奴にEdgeのIEモードのサイトリストに追加してもらう
これは君の担当以外にもIEモードのサイトは糞の山程あって既知の対応だからおそらく追加を依頼するだけでいいはず
うまくすればそれだけで作業が終わる可能性もある
773:デフォルトの名無しさん
23/03/19 19:35:09.37 vtMigryt0.net
>>757
コメントの書式があったって書式から逸脱する文字列を入れてパースエラー出す未来しか見えんわ。
774:デフォルトの名無しさん
23/03/19 19:46:06.22 GXvqERSA0.net
たぶんIEを前提とした目の前にあるコードを読み解いて作り直すより設計書用意したほうが早い
あるいはAIと二人三脚
775:751
23/03/19 19:54:47.83 /GeuLHtL0.net
みなさまありがとうございます
IEモードは１，２度調べて、いつまでこのモードがあるか分からないからと止めたのですが、
やはり時間稼ぎも考えるとこれしかなさそうです。
その間に根本的な解決策を探したいと思います。
なぜか年明けから会社のDX担当にされました。
と言いましたが、実はそれは嘘です。
年末にかけて社員が半分以上辞めて、残った人の中で一番詳しそうだったのが僕だったのです。
実は、サーバーサイドをいじらないといけないのだということは、薄々気づいていました。
でも、今動き続けているサーバーを触れる人が誰もいないのです。
僕も、SQLというものがある、という程度の知識しかないので、触る気にもなりません。
とりあえず夏のボーナスまで引っ張って、無理そうだったら自分も転職します。
今動いているものをうっかり壊したら、止められなくなりそうなので慎重にがんばります。
ありがとうございました。
776:デフォルトの名無しさん
23/03/19 19:55:19.68 xryn/wmcd.net
>>757
怖いも何もパーサーがきっちり仕事してる証拠じゃないの？
コメントを書きたいって需要に対してはJSON5やJSONCって派生規格があるから
それらを検討するべき
777:デフォルトの名無しさん
23/03/19 20:23:01.76 M92RK9ru0.net
何が理由かは置いといて技術を含めた社員がごっそり半数も辞めてる状況だとその会社から賞与もまともには出ないだろう
Edgeへの移行時期としてもかなり遅れてるし有給消化しつつ転職活動に専念した方がいいね
778:デフォルトの名無しさん
23/03/19 20:33:33.23 M92RK9ru0.net
>>763
規格はあれど既存の環境に適用できるものではないのがな
JSON
779:として扱う前にJSONCとしてコメント抜く前処理でも通すか
780:デフォルトの名無しさん
23/03/19 22:37:02.99 SC8SOdGAd.net
>>765
パーサーにケチつけてるよりはその方が建設的でしょうよ
781:デフォルトの名無しさん
23/03/20 03:23:46.29 iV2jn8x9a.net
>>740
VSCode の拡張機能では、
open in browser では、ローカルファイルアクセスになる。
この場合、CORS など、ブラウザの色々な制限がある
file:///C:/Users/Owner/Documents/test/index.html
一方、Live Server では、
自分のPC 内にサーバーを立ててから、そこから配信されるので、テストしやすい
URLﾘﾝｸ(127.0.0.1:5500)
>>753
そういうのは、Excel, VBA, Access とかじゃないの？
ベンチャー企業やプロのバックエンドは、Ruby on Rails だけど
782:デフォルトの名無しさん
23/03/20 04:02:42.23 iV2jn8x9a.net
>>745
Promise.all/allSettled とか？
783:デフォルトの名無しさん
23/03/20 19:47:12.99 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:デフォルトの名無しさん
23/03/20 19:56:51.89 hUotJVz90.net
>>769
バックグラウンドからタブに送信するならchrome.tabs.sendMessageじゃないかな？
785:デフォルトの名無しさん
23/03/20 20:37:35.10 PTBUy+ct0.net
>>770
「タブ」というのは、「content_script.js」のことでしょうか？
だとすると「chrome.tabs.sendMessage(tabId: content_script.js, ngWords: data)のように書く感じでしょうか。
786:デフォルトの名無しさん
23/03/20 20:53:08.72 mlA7fjwPM.net
雑な方法としてはアクティブなタブに送ればいいんちゃう？
787:デフォルトの名無しさん
23/03/20 21:36:27.87 hUotJVz90.net
>>771
そうです。background から content_script に送信する場合はchrome.tabs.sndMessage だったと思いますよ
chrome.tabs.query({active:true,(tabs)=>{
chrome.tabs.sndMessage(tabs[0].id,{
ngWordsg:data
})
}})
というような感じで
788:デフォルトの名無しさん
23/03/20 21:40:33.20 xjtq7KFo0.net
最初にコンテンツスクリプト側から何かメッセージ送れば
バックグラウンド側のchrome.runtime.onmessage.addListenerのsender.tab.idでタブID取れるっしょ
789:デフォルトの名無しさん
23/03/20 21:49:32.93 hUotJVz90.net
それならtab.id必要なくてsendResponseで返せるんじゃないかな？
790:デフォルトの名無しさん
23/03/20 21:53:15.40 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:デフォルトの名無しさん
23/03/20 22:00:26.17 hUotJVz90.net
そもそもngWord.jsonの中身とれてますか？ローカルファイルならweb_accessible_resources書いてchrome.extension.getURLで取るんじゃないでしょうか？
792:デフォルトの名無しさん
23/03/20 22:04:38.80 xjtq7KFo0.net
もしかしてスクリプト本当にそれだけなの？
だとしたらcontent_script.js実行される前にbackground.js終わってそう
793:デフォルトの名無しさん
23/03/20 22:24:56.04 PTBUy+ct0.net
申し訳ありません、私の知識不足で、よく分かりません。もう一度格闘して、改めて質問させて頂きます。ご教授下さり、ありがとうございます。
794:デフォルトの名無しさん
23/03/20 23:58:23.18 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:デフォルトの名無しさん
23/03/21 04:01:46.37 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:デフォルトの名無しさん
23/03/25 14:02:02.15 MQIuadNDM.net
Next.jsでAPI Routesを使わないのは一般的でしょうか？
797:デフォルトの名無しさん
23/03/25 18:19:14.13 1/y/Yy4J0.net
「一般的」のような主観的なものてはなく、客観的な定義が必要なのでは
798:デフォルトの名無しさん (ﾜｯﾁｮｲ eb5f-DdLV [14.8.104.32])
23/03/28 20:12:53.97 RtCr5Rz10.net
プロミスって何？
あとfetchってasync、await使うのと.then使うのでどっちがいいの？
799:デフォルトの名無しさん
23/03/29 11:27:02.70 NxiPtBQP0.net
>>784
普通に調べれば出てきますよ
調べても調べてもよくわからんって質問をどうぞ
800:デフォルトの名無しさん
23/03/29 12:55:23.79 y04hNuo/d.net
消費者金融機関だよ
801:デフォルトの名無しさん
23/03/29 13:11:20.35 6965UHWi0.net
>>786
絶対に許せないのでxhrにしますね
802:デフォルトの名無しさん
23/03/31 02:32:51.01 VdncSfH00.net
メイン画面でボタンをクリックすると
別ウィンドウが起動し、ニュースサイトを表示するプログラムを組んでいます。
別ウィンドウが起動した時に
そのウィンドウが閉じられたのか、開かれたままであるのかを
メイン画面で判定するにはどういうコードを書けばよいでしょうか？
別ウィンドウでサイトが開かれている間は
１、２、３・・・とカウントし、閉じられると０を
メイン画面にjQueryでレンダリングしようとしています。
803:デフォルトの名無しさん
23/03/31 03:09:38.31 29iJjOEC0.net
>>788
window.closed はどう？
804:デフォルトの名無しさん (ﾜｯﾁｮｲ 1f8b-3uzD [211.5.157.105])
23/03/31 11:32:39.06 VdncSfH00.net
>>789
ありがとうございます。
ちょっと試してみます。
805:デフォルトの名無しさん
23/04/23 22:40:30.72 k6QZkjYI0.net
先日（1週間くらい前）まで動いていたジャバスクリプトが動かなくなった。
ブラウザの不具合を疑って firefox、edge、さらに ie11 まで持ち出したらどれも動かない。
ウインドウズのセキュリティの締め上げかなと思って
スマホ（アンドロイド）で確認したがこっちも動いていない。
押し入れから昔のアイポッドタッチ(iOS9)を持ち出したが、やっぱ動かない。
こんなことってある？
アイポッドタッチなんてスクリプトが動いていたころとなに一つ変わっていないのに
なんでこの前は動いたのに今日は動かないんだ？
1年前のバックアップと差分比較してファイルが壊れていないことは確認した。
ちなみに自分がジャバスクリプトを作成するにあたって参考にしたスクリプトは
いまも普通に動いている。
806:デフォルトの名無しさん (JP 0Hc5-/HYv [126.249.157.89])
23/04/24 07:00:31.38 z1nNn0o4H.net
エラーも出て�
807:ﾈいのか？ まったく反応してないのならｈｔｍｌで読んでないんじゃね？
808:デフォルトの名無しさん (ｽﾌﾟｯｯ Sd73-8Xzj [1.75.215.168])
23/04/24 08:37:00.30 Z0B9bFh/d.net
動いてた夢を見たんだ
809:デフォルトの名無しさん
23/04/24 09:21:53.70 U4o0cUkO0.net
>>791
ブラウザの不具合疑う前に
エラーログ出て無いか確認しろ
エラーログすら出てないならHTML側でちゃんと呼び出せてるか確認しろ
810:デフォルトの名無しさん (ﾜｯﾁｮｲ 2bbd-L85M [49.129.243.228])
23/04/24 12:05:07.84 VtgoOt7B0.net
https の証明書が古い
811:デフォルトの名無しさん (ﾜｯﾁｮｲ 6910-bhMa [180.59.92.6])
23/04/24 13:08:00.47 MpRTlb310.net
>>794
エラーログを見たらあっさり解決しました。
夜更けに一人で大騒ぎしてごめんなさい orz
いまブラウザの開発者ツールでジャバスクリプトのエラーが見られるんだね。
びっくりした。
原因はHTMLの削除した部分にスクリプトで動かす部分があって
動かすべきものがないから次の処理に行けずエラーになっていました。
スクリプトばかり見ていてHTMLは盲点でした・・・。
812:デフォルトの名無しさん
23/04/24 13:15:26.56 3ESYAe520.net
開発者ツール超便利だよね
813:デフォルトの名無しさん
23/04/24 13:22:29.25 sSUQNn8cr.net
まあそういうオチだろうなとは
アドバイスを求めるならhtmlを修正したことは伝えるようにしてほしいところ
814:デフォルトの名無しさん (JP 0Hc5-/HYv [126.249.157.89])
23/04/25 18:51:33.50 /Hd1NuvtH.net
解決したようでなによりなにより
815:デフォルトの名無しさん (ﾜｯﾁｮｲ eb7d-RykB [1.33.235.4])
23/04/26 19:26:29.99 lfd6T/fN0.net
URLﾘﾝｸ(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])
23/04/26 20:39:08.46 UfBGheQ30.net
>>800
.todayなんてclass付いてないぞい
817:デフォルトの名無しさん (JP 0Hc5-/HYv [126.249.157.89])
23/04/26 22:57:11.72 Q5IzIMlUH.net
それってJS？
818:デフォルトの名無しさん (JP 0Hc5-/HYv [126.249.157.89])
23/04/26 23:08:17.75 Q5IzIMlUH.net
そもそもnullを取得してるってことは所望のオブジェクトが取得できていないってことよん？
819:デフォルトの名無しさん (ｴﾑｿﾞﾈ FF33-Nhf9 [49.106.174.76])
23/04/27 13:47:05.09 jYECG79eF.net
>>800
それ、ChromeのDevツールとかで、Elementの検索にセレクター入力してちゃんとヒットする？
820:デフォルトの名無しさん (ﾜｯﾁｮｲ 03c2-+mtg [133.155.195.156])
23/04/29 00:34:06.33 FZLDUbkY0.net
['apple', 'パイナップル', 'pineapple (パイナップル)', 'りんご', 'pineapple']
を
['apple', 'パイナップル | pineapple', 'りんご']
に別名ふくめて重複削除して整形したいんですがスマートな方法ないですか
821:デフォルトの名無しさん (ﾜｯﾁｮｲ 23bd-MgCS [125.197.237.23])
23/04/29 01:41:53.10 bskwYySl0.net
>>805
パイナップルの表記方法はどういう仕様なの？
スマートじゃない方法で実装できてるならそれを貼ってみたら？
822:デフォルトの名無しさん (ﾜｯﾁｮｲ 03c2-+mtg [133.155.195.156])
23/04/29 01:58:50.79 FZLDUbkY0.net
>>806
別名がカッコで後ろに付く場合があったりなかったりをまとめたいんです
今は文字列に取り出して正規表現で割ってまた戻して～って頭悪くやってます
823:デフォルトの名無しさん (ﾜｯﾁｮｲ 23bd-MgCS [125.197.237.23])
23/04/29 02:08:42.66 bskwYySl0.net
>>807
元の配列には、同じ値が複数、たとえば 'りんご' が何個も入ることがある？
ただ何にしても、現状がどの程度頭悪いのか分からんけどそこそこ泥臭くなるんじゃないかなぁ
824:デフォルトの名無しさん (ﾜｯﾁｮｲ 03c2-+mtg [133.155.195.156])
23/04/29 02:20:05.97 FZLDUbkY0.net
>>808
あります
825:デフォルトの名無しさん
23/04/29 05:52:34.96 q0/EY4lO0.net
>>809
ちょっと面白そうだったので作ってみたけど、あんまりいい出来にはならなかった。
わざわざ見せるようなものじゃないんだけど、一応貼っとく。
アプローチとしては、単品アイテムまたは別名で括られた同一アイテム毎に配列実体を持たせて、重複排除しながらその実体に放り込んで最後に文字列化する。
複数の別名定義で 2つ以上の名前を括ったり、名前の登場順で連結するようにした。
URLﾘﾝｸ(i.imgur.com)
826:デフォルトの名無しさん (ﾜｯﾁｮｲ 1bbd-MgCS [119.240.43.251])
23/04/29 06:04:20.63 ZqMIj65v0.net
あわわ、26-32行目は整理できた
const new-content = [];
alias_ref[item] = alias_content.length;
827:デフォルトの名無しさん (ﾜｯﾁｮｲ e38b-fitb [211.5.157.105])
23/04/29 20:12:37.30 wJzxOo1h0.net
JavaScriptでタイマー処理をしています。
指定した秒数（ここでは１０秒）経過したらタイマーを停止する様にしていますが
タイマーが止まりません。助けてください、、、
$(document).ready(function(){
$("#id_div_test").click(function () {
setInterval(TestFunction , 1000);
});
});
var i_current_second = -1;
function TestFunction()
{
i_current_second++;
if( i_current_second == 10)
{
clearInterval(TestFunction);
}
}
828:502 (ﾜｯﾁｮｲ d501-nY3o [36.240.121.112])
23/04/29 20:34:34.21 ulzy/WI80.net
>>812
使い方間違っとるな
そういうときはまずリファレンスを読め
URLﾘﾝｸ(developer.mozilla.org)
829:デフォルトの名無しさん (ﾌﾞｰｲﾓ MM49-3F9Y [202.214.125.164])
23/04/29 20:36:30.58 WiY5v75xM.net
clearIntervalの引数に入れるのはsetIntervalから帰ってくるnumber
型エラーでハマるのアホらしいしts使うか無理なら//@ts-checkをファイルの先頭に書いとけ
830:デフォルトの名無しさん (ﾜｯﾁｮｲ e38b-fitb [211.5.157.105])
23/04/29 20:54:08.29 wJzxOo1h0.net
>>814
わかりません。。。どう書けば良いでしょうか？
831:デフォルトの名無しさん (ﾜｯﾁｮｲ e38b-fitb [211.5.157.105])
23/04/30 00:03:19.23 x92s4/Ng0.net
>>814
できました！
832:デフォルトの名無しさん
23/05/07 14:48:48.64 NS1NVPz40.net
>>812
こういうのはそのまんまChatGPTに聞けばヒントなり、回答、修正案なんかも返してくれ
る。
----
この問題は、`clearInterval`に渡す引数が誤っているために発生しています。`setInterval`に渡したのは `TestFunction`関数ですが、`clearInterval`に渡すのは `setInterval`が返すタイマーIDです。このタイマーIDは `setInterval`を呼び出すと返されます。
以下は修正されたコード例です。
$(document).ready(function(){
$("#id_div_test").click(function () {
var timerId = setInterval(TestFunction , 1000);
// タイマーIDを保持するために変数に代入する
});
});
var i_current_second = -1;
function TestFunction()
{
i_current_second++;
if( i_current_second == 10)
{
clearInterval(timerId); // 正しいタイマーIDを渡す
}
}
ここでは、`timerId`変数を`setInterval`の戻り値として宣言し、`clearInterval`に渡すようにしました。これにより、タイマーが正常に停止するはずです。
833:デフォルトの名無しさん
23/05/08 05:12:47.92 AmPaXWnYM.net
>>817
ここいらんやんけ…
834:デフォルトの名無しさん (ﾜｯﾁｮｲ 52bd-F1Es [133.209.119.64])
23/05/08 09:31:16.79 nWGvwrRY0.net
>>817
setIntetval してるスコープの timerId を clearInterval するスコープから参照できる？
835:デフォルトの名無しさん (ﾜｯﾁｮｲ 5b7c-01SL [122.212.18.110])
23/05/08 19:39:25.41 0kSPeCjv0.net
エラーが出たらまた聞けば直してくれる
あとほ聞き方の問題だね
836:デフォルトの名無しさん (ﾜｯﾁｮｲ 028b-KeI6 [211.5.157.105])
23/05/08 22:29:23.94 BI0XZhvO0.net
>>817
え？そんな事までChatGPTできるの？？？すごくね？？
どんなシステムになってんだろ。
837:デフォルトの名無しさん (ｵｲｺﾗﾐﾈｵ MMc7-3VlF [150.66.117.113])
23/05/08 23:30:02.71 ieW4qdsxM.net
条件によってスクリプトを途中で止めさせたいんだけど三項演算子じゃreturnするしないを分けるのは無理？
if exitFlag return false
838:デフォルトの名無しさん (ﾜｯﾁｮｲ e2bd-F1Es [221.171.102.45])
23/05/08 23:46:59.68 PuDhFqQc0.net
>>822
多分無理だと思うけど、なんで if じゃいけないの？
839:デフォルトの名無しさん (ｵｲｺﾗﾐﾈｵ MMc7-3VlF [150.66.117.113])
23/05/08 23:51:00.55 ieW4qdsxM.net
>>823
三項演算子の中で使ってるからなんか気持ち悪い
840:デフォルトの名無しさん
23/05/09 00:52:34.88 eLWpr74i0.net
f = (flag) => flag ? false : true;
console.log(f(true));
console.log(f(false));
841:デフォルトの名無しさん
23/05/09 00:52:45.73 RQydgiqHd.net
>>821
ChatGPTをプログラム用途で使ったこと無いなら一度つかってみると良いよ。
ググる手間がかなり少なくなる
もちろん、間違い返答の可能性もあるからそこら辺はうまく扱う必要があるけどね。
あとGitHub Copilotはもっとヤバいよ。プログラマーなら一度は使うべき
842:デフォルトの名無しさん (ﾜｯﾁｮｲ e2bd-F1Es [221.171.102.45])
23/05/09 01:40:34.46 r9kkpYgp0.net
OSS のソース読むときにも ChatGPT は便利だよ。
内部関数名とか聞いても何するものか教えてくれる。
この間 OpenSSL のソース読んでて助けられた。
暗号のコードなんて読んでもよくわからないしw
843:デフォルトの名無しさん (ﾜｯﾁｮｲ 028b-KeI6 [211.5.157.105])
23/05/09 07:51:33.95 y5YEea020.net
>>826
GitHub Copilot
そんなのもあるんですね。
844:デフォルトの名無しさん (ﾜｯﾁｮｲ 028b-KeI6 [211.5.157.105])
23/05/09 10:14:34.85 y5YEea020.net
ChatGPTでsqlでハマった点を質問してみたんだけど
ヤバイな。一瞬で分かり易く解説してくれた。
どんなプログラムを組んでるんだ。凄すぎる。
845:デフォルトの名無しさん (ﾜｯﾁｮｲ 028b-KeI6 [211.5.157.105])
23/05/09 14:59:12.62 y5YEea020.net
chatGPTえぐいんですけど。
846:デフォルトの名無しさん
23/05/18 17:50:03.04 An6NATd90.net
javascriptでctrl+Wでブラウザタブが落ちるのを無効にする方法はありますか？
847:デフォルトの名無しさん
23/05/23 06:51:40.61 tIBpGAYNH.net
それはJSの設定？Winの設定？
848:デフォルトの名無しさん
23/05/23 20:39:57.19 85f2/18wa.net
最近勉強してvarの何でもありな傍若無人さに気が付いた
例えば関数実行後に初期化してもホイスティングで勝手にundefiedが代入されるからエラーにならず混乱の素、
ブロックスコープ内で使うとその生成を無視するから混乱の素
なのでプロなのにES6以降の環境で未だにvar使ってる人って新人にも劣ると思った
ES6以降でEcmaから非推奨と言われてるのに未だにvar使わなければいけない理由ってある？
今後var使ってる人見たら問答無用で勉強しない人と判断しても良い？
849:デフォルトの名無しさん
23/05/23 20:57:14.94 PscArQu/0.net
キモ
850:デフォルトの名無しさん
23/05/23 22:34:28.22 y7+F4Fx6M.net
>>833
>例えば関数実行後に初期化してもホイスティングで勝手にundefiedが代入される
これいろいろ間違ってる
>未だにvar使わなければいけない理由ってある？
REPLで繰り返しコードブロックを実行したい場合なんかにvar使う
あとはブラウザ以外の環境でES3しか動かない環境とかね
>今後var使ってる人見たら問答無用で勉強しない人と判断しても良い？
良いと思うけど君もそっち側に片足突っ込んでるから気をつけて
851:デフォルトの名無しさん
23/05/24 10:07:05.19 qaFXRxUx0.net
スコープの基本だね
レキシカルなのかパラメーターなのか
DOMをいじるとみんな参照になるし変数大切ね
852:デフォルトの名無しさん
23/05/24 10:45:52.94 R9+x876F0.net
匿名イベントを削除する方法って無い？
ググりまくっても全く見当たらんから仕方ないのでElement.prototype.addEventListenerフックしてフィルタしてるんだけど非常に遠回りな事してる気がしてならない
853:デフォルトの名無しさん
23/05/24 11:04:01.62 CrZEaXEyM.net
>>837
イベントリスナーへの参照を保持してないと
removeEventListenerは使えない
あとはAbortSignalを使う方法がある
MDNのaddEventListener辺りに全部書いてる
854:デフォルトの名無しさん
23/05/25 06:53:07.70 djzVD0JU0.net
くそ素人で申し訳ない
ブックマークレットでCookieを編集する時に有効期限も同時に編集したいのだけれど
どうしたらいいのだろうか
元々は
javascript:document.cookie=%22ipb_member_id=〇〇%22;document.cookie=%22ipb_pass_hash=〇〇%22;
って感じなのだけれど1日くらいしたらすぐ消えてしまう
855:デフォルトの名無しさん (ｽｯﾌﾟ Sd5a-9ehv [49.96.239.55])
23/05/25 11:10:49.64 vvIauVZOd.net
どっかのRFCに載ってるはず
856:デフォルトの名無しさん
23/05/27 14:04:26.57 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:デフォルトの名無しさん
23/05/28 15:24:03.43 n14WZ+eY0.net
documentのinnerHTMLやtextContentの書き換えをしたとき、ブラウザのDOMの計算（？）や再描画（？）は変更があった部分のみか、ページ全体で行われるののどちらでしょうか？
858:デフォルトの名無しさん
23/05/28 23:28:10.35 8mVMxOyu0.net
>>841
ありがとうまじ助かった
859:デフォルトの名無しさん
23/05/29 06:35:55.98 eVNfBOW80.net
CookieってPHPみたいなサーバーサイドから設定するのとJSから設定するのどっちが良いんかね？
同僚から受け継いだシステムはPHPでやってたが
860:デフォルトの名無しさん
23/05/29 07:03:02.74 nuFuFtG60.net
HttpOnlyの存在考えるとサーバーサイド一択じゃね？
861:デフォルトの名無しさん
23/05/29 08:05:53.64 7kZHwtIo0.net
ステートレスな通信を補助するものだから、処理の起点側でつけると良い
ただ、一般的にはサーバサイドになると思うよ
862:デフォルトの名無しさん (ﾜｯﾁｮｲ 5f4b-HhYS [110.2.215.28 [上級国民]])
23/06/19 13:57:37.11 iYcFBKEZ0.net
if ((a == b && c != d) || (e == f && g != h)){
alert ("正解");
}
こういうコードの書き方は出来ますか？
二重括弧の使い方は正しいでしょうか？
863:デフォルトの名無しさん (ﾜｯﾁｮｲ 5f4b-HhYS [110.2.215.28 [上級国民]])
23/06/19 14:42:31.77 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])
23/06/19 14:49:42.42 G503Uwj70.net
>>847で大丈夫やろ。
なんで試さんの？
865:デフォルトの名無しさん (ﾜｯﾁｮｲ ff61-gPkm [153.171.212.140])
23/06/19 14:54:44.66 Glrukv1f0.net
演算子優先度の理解が追い付いて無いなら好きなだけ括弧使えばいい
866:デフォルトの名無しさん (ｵｯﾍﾟｹ Sr33-vDmN [126.157.241.160])
23/06/19 14:58:41.52 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 [上級国民]])
23/06/19 15:02:17.21 iYcFBKEZ0.net
皆さん、ありがとうございます
変数に入れるのがいいですね
やってみます
868:デフォルトの名無しさん (ｱｳｱｳｳｰ Sa23-QBJ2 [106.130.41.210])
23/06/19 23:22:27.82 xNSaH23va.net
イテレータ、Map、Setがややこしくて😩なんだけど実務で使う？
一応理解したけどカスタムイテレータ作ってそれをオブジェクトに追加してfor...ofなんて無理だな
プログラマーならバリバリ使うのかな？それとも知識として仕組み知っとくだけ？
869:デフォルトの名無しさん (ｵｯﾍﾟｹ Sr33-vDmN [126.205.219.139])
23/06/20 13:18:59.52 es0ShzRur.net
Mapはキーと値の組み合わせのコレクション
Setは重複のない値のコレクション
どちらも実務で出番はある
イテレータは中身を1個ずつ取り出せるものの総称
カスタムイテレータに関してはmdnもおすすめのジェネレータ関数を覚えておけばいいかと
バリバリではないにしてもここぞというときに役に立つ
870:デフォルトの名無しさん (ﾜｯﾁｮｲ ffda-ZcId [223.216.178.53])
23/06/21 18:20:14.61 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 [上級国民]])
23/06/26 12:08:05.73 QXVTwCFE0.net
変数って定義する前はundefinedが入ってるんでしょうか？
872:デフォルトの名無しさん (ﾜｯﾁｮｲ 1501-WolJ [60.109.218.97])
23/06/26 20:02:32.96 nZR6QJ/D0.net
>>856
変数定義前は変数がない
変数定義時に値を代入しなければundefinedで初期化される
873:デフォルトの名無しさん (ﾜｯﾁｮｲ 7d4b-Hjce [110.2.215.28 [上級国民]])
23/06/26 21:13:06.03 QXVTwCFE0.net
>>857
ありがとうございます。
874:デフォルトの名無しさん (ｱｳｱｳｳｰ Sab9-cUyJ [106.130.49.224])
23/06/29 21:35:42.23 I06beN9ya.net
Promiseメソッドなんなの独自ルール多すぎでしょ。もはや別言語に感じる。これよく使用される？
875:デフォルトの名無しさん (ﾜｯﾁｮｲ 1a00-KjOb [221.118.182.138 [上級国民]])
23/06/29 22:34:31.96 mZg1DRHQ0.net
Promise周りは最初は取っつきにくいけど、凄く使いやすく作られてるし、物凄くよく使うよ。
876:デフォルトの名無しさん (ﾜｯﾁｮｲ 1d5f-momQ [14.8.104.32])
23/06/29 23:09:38.14 OBXN/r9b0.net
async awaitでしかfetchをかけない自分と、thenでしかfetchを書けない前任者のせめぎあい
xhrはなぜか知らんがもう時代じゃないらしいし
877:デフォルトの名無しさん (ｱｳｱｳｳｰ Sab9-Br7/ [106.128.36.203])
23/06/30 10:14:20.96 Lj29KtNna.net
的外れな質問だったら申し訳ありません…
クラスAが長くなってしまったこと(1500行くらい）、類似クラスBとある程度共通化できそうな部分があったので関数Cとして
別ファイルに切りだそうと思いました。
その際、関数CからAの複数のメンバ変数/メソッド（Bも同じ名前の変数/メソッドを持っている）を利用したいのですが、
一つ一つ引数で渡していくと記述が煩雑だし、仕様も変わる可能性があります。
そこで、Aのインスタンスから関数Cにthisを引数として渡すようにして、関数Cからは仮引数this.メンバ変数 などのようにして自由にAのメンバにアクセスできるようにしました。
以上のやり方で、動作はしているようですが、なんか良くないやり方の様な気もしています。
上記のやり方は一般的な方法でしょうか。何かデメリットはありますでしょうか。
878:デフォルトの名無しさん (ﾜｯﾁｮｲ 7691-pVx5 [153.223.3.108])
23/06/30 10:55:58.80 qu6f9mWQ0.net
クラスAたBの同名の変数と関数をBaseクラスにしてAとBに継承すれば同名の変数関数を持ってることが保証できてうっかり名前変えてしまったとかのバグ防げるんじゃない？インターフェースみたいに
それから引数じゃなくてbind使えば関数C内でthisを自然な感じで使えるとか
879:デフォルトの名無しさん (ｱｳｱｳｳｰ Sab9-Br7/ [106.128.39.112])
23/06/30 13:05:23.88 2BLecjKja.net
有り難うございます。
デメリットとしては後でA~Cをいじった時にバグの温床になりやすいこと、くらいの認識で良いんですかね。
基底クラスを継承するかたちにすることも考えたいと思います。
確かにbind/callを使った方が、動作は同じでよりシンプルな気がしてきました。
880:デフォルトの名無しさん (ｱｳｱｳｳｰ Sa47-NFBa [106.146.70.58])
23/07/01 04:46:01.59 nMEzWNF9a.net
is_a, has_a
継承か包含か、古典的な質問
881:デフォルトの名無しさん (ｱｳｱｳｳｰ Sa47-ctHD [106.155.8.134])
23/07/01 19:38:17.78 hPyQUT1Ya.net
javascript:
if((result = prompt("input formula string","")) == "") alert("no formula string"); else alert(eval(result));
882:デフォルトの名無しさん (ﾜｯﾁｮｲ 5a00-PRVu [221.118.182.138 [上級国民]])
23/07/01 22:48:30.73 WfKHfAvE0.net
なんつー邪悪なコード
883:デフォルトの名無しさん (ﾜｯﾁｮｲ 5b4b-nuDV [110.2.215.28 [上級国民]])
23/07/05 21:30:37.79 74hfvDDi0.net
(function(){
～
})();
こういう書き方をしてるコードがあったんですけど、これは実行も含めた関数の書き方でしょうか？
最初の(と最後の)()の意味がわかりません
884:デフォルトの名無しさん (ﾜｯﾁｮｲ e301-cWjJ [60.109.218.97])
23/07/06 00:31:51.01 IKcM4kIN0.net
>>868
即時関数
()は関数宣言ではなく、関数式として実行するため
885:デフォルトの名無しさん (ﾜｯﾁｮｲ 5b4b-nuDV [110.2.215.28 [上級国民]])
23/07/06 01:40:00.57 vc4JCbkY0.net
>>869
ありがとうございます
よくわかりました
886:デフォルトの名無しさん (ﾜｯﾁｮｲ 7679-p0MK [175.105.104.184])
23/07/07 13:17:53.80 tybFBPle0.net
なるべく自分で考えたキモイ名前は晒したくないからな？
887:デフォルトの名無しさん (ﾜｯﾁｮｲ a15f-eaRz [14.13.136.34])
23/07/08 18:01:12.76 0tWDp4eO0.net
今ホームページを制作しているのですが教えて頂きたいです。
下記内容のコードの書き方がわかりません。
5枚の画像があるのですが、全部では無く一旦一枚目のみ表示させたいです。
次に各画像を説明する文字があります。その文字にマウスカーソルを合わせると、その文字にあった画像に2枚目3枚目と切り替わるようにしたいと思っています。
初心者すぎるので例としてコードを作って頂ければ見ながら調整したく思っています。
どなたかお教え頂けませんでしょうか。
888:デフォルトの名無しさん (ｽﾌﾟｯｯ Sd73-mu37 [1.75.238.73])
23/07/08 20:53:43.61 S1M2Nutrd.net
>>872
それはもう質問ではない
889:デフォルトの名無しさん (ﾜｯﾁｮｲ a15f-vDrU [14.8.104.32])
23/07/08 21:24:42.99 DhofVjWT0.net
ChatGPTに聴け
890:デフォルトの名無しさん (ﾜｯﾁｮｲ d101-Ud/M [60.105.201.125])
23/07/08 23:32:58.73 EFUbRXYX0.net
>>872
質問にするなら>>1-3を読もう
891:デフォルトの名無しさん (ｱｳｱｳｳｰ Sa55-knyK [106.146.116.188])
23/07/09 01:18:13.12 YP8p84HTa.net
よくある、スライダーでしょ？
jQuery でもあるでしょ
Bootstrap のCarousel (カルーセル)
URLﾘﾝｸ(getbootstrap.jp)
892:デフォルトの名無しさん (ﾜｯﾁｮｲ a15f-eaRz [14.13.136.34])
23/07/09 01:44:11.98 //wYUerL0.net
なんか色々ルールがあるんですね
諦めて勉強します
ありがとうございます
893:874 (ｱｳｱｳｳｰ Sa55-knyK [106.146.114.68])
23/07/09 19:52:50.68 gl6FDMI+a.net
jQuery slider
Bootstrap Carousel などで検索すれば、一杯ある
一杯あるけど、難しいから自作する人はいない。
皆、jQueryUI やBootstrap のCarousel などの既製品を使う
894:デフォルトの名無しさん (ﾜｯﾁｮｲ 9300-Yt8B [221.118.182.138 [上級国民]])
23/07/09 21:16:30.84 VzLiONyC0.net
え、そんな難しい要素無いよ
895:デフォルトの名無しさん (ｽｯﾌﾟ Sd9f-asTj [49.97.111.88])
23/07/17 23:23:58.12 XzfBWjood.net
フォームフィールドが定義されたPDFファイルがすでにあって、ブラウザ上のJavascriptでWebフォームに入力されたテキストをPDF側のフィールドに反映させてダウンロードすることができるpdfライブラリってあまりすか？
使い方のイメージとしては、たとえばPDF上に名前を入力する箇所がいくつかあるけど、ユーザーは単にweb上で普通のinputフォームを入力してsubmitすると名前が入力済みのPDFファイルをダウンロードできる、という感じです。
pdfmake等いくつかライブラリは見たのですが、白紙ベースでPDF作る例しか見あたらなくて(テンプレートは画像背景で切り替え等)、直接PDFフォームを扱えるものは無いかなと。
896:デフォルトの名無しさん (ｱｳｱｳｳｰ Sac5-HZc/ [106.130.137.152])
23/07/29 00:54:23.66 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 [上級国民]])
23/07/29 08:26:35.15 wB1gRUiQ0.net
ES5までは貧弱だったのでそりゃもう大歓喜よ。
それと現代のJavaScript（を使いこなすの）はもはや簡単な部類じゃないように思う。
898:デフォルトの名無しさん (ｵｯﾍﾟｹ Sr91-xmUq [126.254.133.95])
23/07/29 09:45:27.72 ZQ+RMRi1r.net
苦しみとか絶望とか>>881は言語の習得を学校の勉強と同じようなものとしか捉えてないフシがある
日本史の勉強範囲が大政奉還までだと思ったら第二次大戦までだった！みたいな感覚
新しく覚えたことは実際のプログラミングで活かせるんだという意識が全く感じられない
899:デフォルトの名無しさん (ｱｳｱｳｳｰ Sac5-HZc/ [106.130.201.25])
23/07/29 14:21:53.16 LQ1ElLyya.net
>>882
>>883
とにかく理解するのに必死で苦しみました。jJavaScriptが簡単とは全く思いませんでした
900:デフォルトの名無しさん (ｱｳｱｳｳｰ Sac5-HZc/ [106.130.201.25])
23/07/29 14:27:58.50 LQ1ElLyya.net
try,catch,finally文の存在異議が分からなかったけど、今さっき急にasync/awaitのエラーハンドリングに向いてるのに気が付きました
つまりthen,catchのPromiseチェーンをより楽に書けるのに今さっき気が付きました。こんな感じで上手くいかないですね
901:デフォルトの名無しさん (ﾜｯﾁｮｲ c200-pYoK [221.118.182.138 [上級国民]])
23/07/29 15:03:53.70 wB1gRUiQ0.net
.then().catch()の方が綺麗に書けて（副作用的な意味で）好きだなぁ
902:デフォルトの名無しさん (ﾜｯﾁｮｲ c6bd-g4Mn [119.240.43.146])
23/07/30 02:24:04.00 oecUblNe0.net
>>881
言語として簡単かっていうとどうだろうね。
Webブラウザがあれば動かせる上にデバッグ環境まで付いてるから、誰でもすぐ始められるし、作ったものをどこででも動かしてもらえるという手軽さはあると思うけど。
903:デフォルトの名無しさん (ﾜｯﾁｮｲ 095f-kJnY [14.8.104.32])
23/07/30 14:24:24.68 av5XIWe10.net
自分はプロトタイプ型オブジェクト指向から入ったから気にならないけどクラス型でプログラム書いてた人は違和感凄いんだろうな
あとクロスブラウザ対応しなきゃいけなかった人達もJSはしんどかったんだろうなと想像
904:デフォルトの名無しさん (ﾜｯﾁｮｲ e94b-C8We [110.2.215.28 [上級国民]])
23/08/04 01:16:43.56 LzfYm8xL0.net
rd41 = "";
alert (rd41);
これで「rd41は未定義です」ってエラーは出ますか？
alert(rd41);
これだけだと「rd41は未定義です」ってエラーが出ますよね
実際のコードはalertでは無いのですが、rd41に無を代入して何も表示させたくないのです
rd41 = null;
だと、nullと表示されてしまいます
905:デフォルトの名無しさん (ﾜｯﾁｮｲ e94b-C8We [110.2.215.28 [上級国民]])
23/08/04 01:36:14.69 LzfYm8xL0.net
chatGPTに質問したら答えが返ってきた
URLﾘﾝｸ(i.imgur.com)
906:デフォルトの名無しさん (ﾜｯﾁｮｲ febd-FWk2 [49.129.241.111])
23/08/04 09:00:08.06 2wk44tWe0.net
>>889
delete を調べてみるとどうだろう。
やりたいことによってはブロックスコープで足りるかも。
個人的にはブロックスコープを活用して、変数を小まめに狭い範囲に閉じ込める書き方をおすすめしたい。
907:デフォルトの名無しさん (ﾜｯﾁｮｲ a101-CknR [60.89.4.138])
23/08/04 09:14:51.09 TEvOuQNU0.net
>>889
ECMAScriptに「未定義」というエラーはない
Strict Modeで実行すれば、両コードともにReferenceErrorになるだろう
URLﾘﾝｸ(developer.mozilla.org)
URLﾘﾝｸ(developer.mozilla.org)
908:デフォルトの名無しさん (ｵｯﾍﾟｹ Sr91-q/g9 [126.254.212.243])
23/08/04 09:37:58.66 EZ9l15Zsr.net
>>889
>rd41 = "";
>alert (rd41);
>これで「rd41は未定義です」ってエラーは出ますか？
なんで試してみないの？
909:デフォルトの名無しさん
23/08/11 14:55:53.43 +rPtXLG2m
ＪÅＬだのＡΝАた゛
910:のクソアヰ又ト゛ゥだの洒飲んて゛業務してるクサヰマ一クだのコ゛キブリフライヤ‐だのジェットクサ‐だのテ囗リストに天下り賄賂癒着して都心まて゛数珠つなぎて゛騒音に温室効果カ゛スにコ囗ナにとまき散らさせて，気候変動させて海水温上昇させて．土砂崩れに洪水、暴風，猛暑．大雪にと災害連發させて地球破壞して、静音が生命線の知的産業に威カ業務妨害して知的産業を根絶やしにして．個人情報漏洩に不正送金にシステム障害まみれのポンコツ後進国に陥れた自民公明た゛か゛，どうやら騒音は，知的産業のみならす゛，音楽や執筆などの創作活動にも甚大な影響を及ほ゛していることか゛明らかになってきたな技術全敗で海外に売れるものはア二メくらいとか言われていたのか゛、それすら死に体になって曰本終了にも程があるだろ日銀に金刷らせて賄賂癒着してる資本家階級と大企業を高額総ナマポ化して．コ゛ミ企業た゛らけをゴミ企業１０О％に陥れたわけだが民主主義化しようと立ち上がった山上大先生と，それを國葬によって消し去り腐敗國家を存続させんとする自民公明の攻防キモ杉た゛ろ創価学会員は，何百万人も殺傷して損害を与えて私腹を肥やし続けて逮捕者まて゛出てる世界最悪の殺人腐敗組織公明党を池田センセ一が口をきけて容認するとか本氣で思ってるとしたら侮辱にもほどがあるぞ！ｈｔｔＰｓ：／／ｉ、ｉｍｇｕｒ．соｍ／hnli1ga.jpeg
911:デフォルトの名無しさん (ﾜｯﾁｮｲ f233-yhDR [101.141.60.18])
23/08/14 23:07:53.97 QNJSoVjn0.net
時報みたいなのを作成中でそのhtmlのページさえ開いておけば
9時、12時、18時(プリセットとかは無く固定)に特定のwavサウンドファイルがaudioElement.play() で再生される用にしています
(タブが非アクティブだとなんか動かない時があったのでwindow.openで表示させてます)
chromeのポリシーみたいなのでユーザーが明示的なアクションをしないと音声の自動再生はされないみたいで
それの良い回避策ってありますか？
実用性考えると携帯のアラームが百倍使いやすいけど
自分用にチープなのを作って遊んでるんだけど解決策が思いつかなくて・・・
912:デフォルトの名無しさん (ﾜｯﾁｮｲ 1f4b-uBRt [110.2.215.28 [上級国民]])
23/08/15 01:53:58.77 Efj8IW440.net
>>895
そういう質問はchatGTP得意や
聞いてみれば
913:デフォルトの名無しさん (ﾜｯﾁｮｲ 7e63-SF+K [153.218.139.115])
23/08/21 00:13:21.70 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])
23/08/21 11:40:28.26 cB09UaOod.net
>>897
まずconsole.log()や開発者ツールを使って自分の書いたコードがどこまで想定通りに動いてるか確認してみよう
915:デフォルトの名無しさん (ﾜｯﾁｮｲ 534b-ubuk [110.2.215.28 [上級国民]])
23/08/21 11:51:22.81 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])
23/08/21 12:25:10.86 cB09UaOod.net
このﾜｯﾁｮｲ **4bは質問スレにchatGPTの回答貼るだけのボットみたいなもんだからスルー推奨
NG入れといてもいい
917:デフォルトの名無しさん (ｱｳｱｳｳｰ Sa7f-7wIC [106.133.165.90])
23/08/22 23:04:06.56 rPfWctd8a.net
2か所とも、clas="tx-date" になっている！
class でしょ
918:898 (ｱｳｱｳｳｰ Sa7f-7wIC [106.133.165.90])
23/08/22 23:12:31.83 rPfWctd8a.net
>const ItemDate = document.getElementsByClassName("x-date");
x-date は、tx-date じゃないの？
919:898 (ｱｳｱｳｳｰ Sa7f-7wIC [106.133.165.90])
23/08/23 00:10:28.94 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])
23/08/23 10:39:07.30 oZ78uDd8d.net
>>903
それはもう質問に答えたというよりデバッグと修正を代行したのであってこのスレの主旨には合わない
おそらく他の人もそういう認識だからこの件に口を出さないんだと思うよ
921:898 (ｱｳｱｳｳｰ Sa7f-7wIC [106.146.101.215])
23/08/23 19:53:27.23 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])
23/08/25 21:08:52.47 +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])
23/08/26 04:11:22.52 wsJDYSi/a.net
「chrome.webRequest.onBeforeRequest」で検索！
webRequest
URLﾘﾝｸ(developer.mozilla.org)
924:デフォルトの名無しさん (ｱｳｱｳｴｰ Sa5f-/No0 [111.239.174.98])
23/08/26 12:48:58.33 mvAl1l0Ba.net
そこ見てどうすればいいのか分からないからここに来た・・・
925:デフォルトの名無しさん (ｽｯｯﾌﾟ Sd9f-oH/7 [49.98.169.249])
23/08/26 17:41:19.65 /LQp1jGld.net
return detail.documentUrl
とか？
926:デフォルトの名無しさん (ｱｳｱｳｴｰ Sa5f-/No0 [111.239.174.98])
23/08/26 18:56:03.08 mvAl1l0Ba.net
return detail.documentUrl;
return {redirectUrl: detail.documentUrl};
どちらもダメ。リダイレクトのURLを返すことになるから、リダイレクトの無限ループに入っちゃう
それなら、リダイレクト止めればいいじゃんって思うんだけど
return {cancel: true};
のようにするとナビゲーション自体が止まってアクセスできなくなっちゃう
927:デフォルトの名無しさん (ﾜｯﾁｮｲ cf8a-cMf3 [153.207.237.45])
23/08/26 19:46:44.48 HE/rWC1F0.net
空のオブジェクト返せばいいんじゃないの？
こんなの見て参考にしては？
URLﾘﾝｸ(gitlab.com)
928:デフォルトの名無しさん (ﾜｯﾁｮｲ e361-NWkk [180.15.228.252])
23/08/26 21:15:33.19 AeqeuiS+0.net
無限ループしてるって事は条件分岐失敗してるんじゃないの？
console.logデバッグでもしてみたら？
929:デフォルトの名無しさん (ｵｯﾍﾟｹ Sre7-bab6 [126.212.162.196])
23/08/27 12:33:38.16 QiCv/PxZr.net
>>906
リダイレクト後のurlに
930:?foo=barとかクエリ文字列付けてみるとかは？ これでフィルタにかからなくなるみたい もちろんこれでサーバが誤動作起こさないのが前提だけど
931:デフォルトの名無しさん (ﾜｯﾁｮｲ cf63-n242 [153.218.137.10])
23/09/03 21:37:03.60 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])
23/09/03 21:48:21.38 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])
23/09/03 23:01:09.12 zsKKxMoe0.net
>>915
console.log(localStorage && (localStorage.getItem('deck')));
の結果は本当にundefined？、undefinedの上の行に何か表示されてるよね？
934:デフォルトの名無しさん (ﾌﾞｰｲﾓ MM7f-sgzH [133.159.150.82])
23/09/03 23:17:01.93 II4MkDPZM.net
>>914
下記セレクタでイケるはず（問い合わせページ以外でinput要素とbutton要素を抽出）
body:not(#contact) :is(input, button)
935:デフォルトの名無しさん (ﾌﾞｰｲﾓ MM7f-sgzH [133.159.150.82])
23/09/03 23:33:36.04 II4MkDPZM.net
>>915
下記のログ出力はどうなる？
console.log(localStorage.getItem('deck') !== undefined ? 'バカめ!!よく確認しろ!!' : 'undefined です');
936:デフォルトの名無しさん (ﾜｯﾁｮｲ 4327-g4sH [164.70.253.210])
23/09/04 13:53:40.48 R0PWdUab0.net
>>916
コンソール出力結果は
undefined
1
undefined
です
>>918
バカめ!!よく確認しろ!!
undefined
になります