+ JavaScript の質問用スレッド vol.126 + [転載禁止]©2ch.net (739ﾚｽ)
上下前次1-新
428: 04/08(月)12:44 ID:??? AAS
>>427
window.location.protocolを見れば良いんじゃないかな
httpかhttpsなら、みたいな
429(1): 04/18(木)13:55 ID:NjgPbiyX(1) AAS
var people = [{
"id" : "ID1", "name" : "人物1", "room" : "1"
}{
"id" : "ID2", "name" : "人物2", "room" : "2"
}]
var select_tag = document.getELementById("my_select");
for ( var i = 0; i < people.length; i++ ) {
var option = document.createElement("option");
option.value = people[i].id;
option.innerText = people[i].name;
省3
430: 04/18(木)17:45 ID:??? AAS
>>429
select_tag.selectedIndexに
今選ばれてるoptionが何番目かが入ってるから
select_tagのchangeイベントにフックして
その数字を拾って、people[数字].idを参照したらいいよ
431(1): 04/18(木)17:53 ID:??? AAS
ごめん間違えた
people[数字].roomだった
すまんこ
432: 04/19(金)02:15 ID:??? AAS
>>431
出来ました！ありがとうございます！
select_tag.addEventListener("change", (e) =>{
let i = select_tag.selectedIndex;
alert(people[i].room);
});
433(1): 05/07(火)02:22 ID:YeUeQCju(1) AAS
calleeという古語を使っていたが
怒られた
434: 05/07(火)06:21 ID:??? AAS
>>433
arguments.calleeは無名関数式で使う人が多かった印象
外部ﾘﾝｸ:developer.mozilla.org
名前付き関数式に変えれば解決する課題だと思う
435(3): 05/09(木)18:11 ID:??? AAS
今のJavascriptファイルの管理って、どれがスタンダードになっていますか？
webpackはだいぶ古いんですよね？
436(1): 05/09(木)20:40 ID:??? AAS
>>435
そもそもwebpackは管理するものではないのだが…
バンドルツールのシェアのことなら
webpackがまだまだ支配的だと思う
viteとturbopackが頑張り始めたところだけど
この辺はJSだけの話ではなくなるので
なんとも言い難い感じ
437(1): 05/09(木)20:42 ID:??? AAS
パッケージの管理のことなら
npm一択な気がする
ツール自体はyarnとかpnpmとか色々あるけど
438(3): 05/10(金)01:03 ID:??? AAS
Ruby on Rails では、npm は遅いから、yarn を使う
Rails 7 からは脱webpack で、
Import Maps で、CDN から直接インポートする
HTTP/2 が普及して、バンドル・Node.js が不要になった。
バンドル不要のTailwind を使う
バンドルするなら、esbuild, rollup, webpack を使う。
esbuildならCSS プロセッサとして、Bootstrap を使う
439(1): 435 05/10(金)08:14 ID:??? AAS
>>436-438
バンドルツールのことです。
webpack→viteと学んでいるのですが、
正直複雑すぎてついていけてません・・・
特にviteでバンドルして生成されるファイル構成に
どうしても違和感があって、勉強を中断しています。
ChatGPTに聞くとviteのようにハッシュ値で変換した
ファイル名にすることでセキュリティが高まるそうですが、
元のファイル名から変わるのに違和感を覚えます
440: 438 05/11(土)08:51 ID:??? AAS
Vite は、Vue.js の作者だったか？
Vueも、Vue 3 で人気が無くなって、React 一色になった
2, 3年前は、Vueが転職で有利だったのに、
今は、React, TypeScript
ブラウザのキャッシュ対策として、
ファイル名はハッシュ値の方が良い
ファイルを更新するとハッシュ値も変わるから、
古いファイルがキャッシュされない
どうせ配布用のファイル名だから、開発用には関係ない
441: 05/11(土)17:41 ID:??? AAS
Viteの書き出すファイル名はconfigで変更できたような
442: 05/12(日)01:16 ID:??? AAS
>>439
元のファイル名がわかることに
どこまで意味があるのか？って話じゃね？
たとえばbabel+webpackだって
トランスパイル、パッキング後は
部分的にバイナリになったりするわけで
要するに人間の読めるものではなくなる
つまり、ファイル名がハッシュ化されなくても
人間が得られるものはせいぜい
そのファイルがなんなのかの想像がつきやすい
省6
443: 438 05/12(日)01:18 ID:??? AAS
Vite は、Ruby on Rails をコピーしたのかな？
foreman, webpack-dev-server で、hot reload するみたいな？
ファイルを修正したら、即ブラウザに反映されるとか
開発時には、CSS をコンパイルせず、
動的にスタイルを当てているだけとか
444: 435 05/13(月)12:34 ID:??? AAS
Viteの使い方がやっとわかりました！
ファイル名が変わるのは許容します
これから少しずつ学んでいきます
みなさんアドバイスありがとうございました
445: 05/19(日)12:06 ID:??? AAS
実際にサイトをサーバーに公開することになったらファイル名のうしろにつくハッシュ値の恩恵がわかると思うよ
キャッシュのこと気にしなくていいからね
446(28): 05/19(日)17:31 ID:t4Sl9HBx(1/5) AAS
アプリで登録されたユーザー情報をWEBアプリで管理するということで
制作会社から管理画面のラフが送られてきたのですが、
ある箇所で、アプリで登録したユーザーのメアドをプルダウンで選択するんだそうです。
447: 05/19(日)17:31 ID:t4Sl9HBx(2/5) AAS
続き
「今はテストなので登録数は20-30件ですが、仮に50,000人とかになったら？」
と尋ねたら「プルダウンされた50,000行の中から目視で探す」んだそうで
それが正しいやり方だと言い張って平行線です。
どう論破したら良いでしょう？
上下前次1-新書関写板覧索設栞歴
あと 292 ﾚｽあります
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 0.014s