JavaScript の質問用スレッド vol.126 (308ﾚｽ)
上下前次1-新
95: (ﾜｯﾁｮｲ 231d-JApz [2400:4151:a4a0:6500:*]) 2024/01/11(木)22:41 ID:bfPtSoSL0(2/2) AAS
>>93
ありがとうございます。
スライダーのelementにe.stopPropagation()をしたらスライダーを動かせるようになりました
>>94
ありがとうございます。試してみます。
96: (ﾜｯﾁｮｲ 85e7-UQX2 [2404:7a87:26a0:9e00:*]) 2024/01/13(土)03:22 ID:bBKen2/T0(1) AAS
すいません、vueの質問はここでいいですか？
97: (ﾜｯﾁｮｲ e3a8-57IR [2400:2200:45d:4c3b:*]) 2024/01/13(土)11:42 ID:sUiBS1y50(1) AAS
↓あたりにどうぞ
JavaScriptフロントエンド総合 Part.11
2chｽﾚ:tech
Vue vs React vs Angular vs Svelte Part.11
2chｽﾚ:tech
98: (ﾜｯﾁｮｲ ad01-1c9G [126.168.252.135]) 2024/01/14(日)17:21 ID:vAN1c9wS0(1) AAS
ありがとうございます
99(5): (ﾜｯﾁｮｲ 4d7c-MQtI [122.212.16.94]) 2024/01/26(金)17:25 ID:2+81uqBd0(1) AAS
WebフロントエンドでのJavaScriptを勉強中です
「jQueryでできることは素のJSでもできるのがほとんどになったから、jQuery不要」という話しが出てきますが、
エレメントの操作などで、素のJSだと記述する文字が長く、jQueryだとすごく短く書けるので、それだけでも十分便利と感じています。
document.querySelector('selector')
⇒ $('selector')
jQuery不要の場合、効率良く書くために代わりに何を使っているのか気になります。
大型のフレームワークとかでしょうか？フレームワーク使うと、ここのエレメントの参照・操作などはもはや不要になるのでしょうか？
100: (ﾜｯﾁｮｲ a300-kvtp [221.118.182.146]) 2024/01/26(金)19:57 ID:vs+8Yc4d0(1) AAS
jQueryの技術覚えてもjQueryにしか使えない。素のJS技術はどんなフレームワーク使っても役に立つ
101: (ﾌﾞｰｲﾓ MMe9-pDPK [202.214.125.44]) 2024/01/26(金)20:11 ID:Uafucq2BM(1) AAS
>>99
コード補完機能（任意のスニペット呼び出しを含む）のある現代のエディタではその全てをキータイプする必要は無いし、どうしても短く書きたいならショートハンドを定義すればいい
たとえば、5ch互換掲示板ビューアであるブラウザ拡張機能「read.crx 2」では、同拡張機能の共同メンテナの方が作成したjQueryライク（互換ではない）なショートハンドライブラリ「shortQuery.js」が使われてる（だいぶ前にいわゆる「脱jQuery」のお供として導入されたハズ）
なんにせよ、初心者が今からjQueryを学ぶのは悪手
102: (ﾜｯﾁｮｲ e35c-y2cH [211.3.240.74]) 2024/01/26(金)20:12 ID:Z5KyuX5d0(1) AAS
素のjs分からずにjquery使えるわけないだろ
103: (ﾜｯﾁｮｲ 433e-K/rq [2400:2200:7d4:c4d1:*]) 2024/01/26(金)21:41 ID:bxMKu9aD0(1) AAS
>>99
その通り
ReactやVueに代表されるような昨今のフレームワークは開発者がDOMを直接操作しない
104: (ﾌﾞｰｲﾓ MM43-kvtp [49.239.68.29]) 2024/01/26(金)21:48 ID:KJ09lp1IM(1) AAS
そう思ってるとこんなん当然知ってますよねみたいなノリでevent処理とかrefとか出て詰むゾ
105: (ﾜｯﾁｮｲ f95a-xxv9 [2400:4052:5062:9ff0:*]) 2024/01/28(日)11:39 ID:WhNL7KNN0(1) AAS
>>99
jQueryの現在はHPフロントエンジニアさんが
抱負なライブラリでHPに花をそえるために使っているだけ
ウェブアプリ屋さんはjQueryが邪魔くさい時があるので使わない
どの分野を目指すのかが決まっているなら
その分野で何が主流なのかを見極めたほうがいい
106(1): (ﾜｯﾁｮｲ 7386-XCDl [240b:12:6820:b000:*]) 2024/01/28(日)19:30 ID:1z8oB9tQ0(1) AAS
動的に作られる特定の要素にだけイベント追加するのがラク
jQueryがバニラJSに勝ってる唯一の点だけど、そういう処理を入れるくらいDOMの操作使ったアプリ作るなら他のフレームワークのほうが良いだろう
107: (ﾜｯﾁｮｲ e9a9-Y1Fy [240d:1a:790:2b00:*]) 2024/01/28(日)20:16 ID:9hZosd/l0(1) AAS
ゆうて古から続くjqueryの資産はいたる所にあるから、読めることくらいは出来ないとな
難しいもんではないんだし
108: (ﾜｯﾁｮｲ 1901-fC/B [60.102.190.56]) 2024/01/28(日)23:52 ID:Plt7vTfv0(1) AAS
>>106
バニラでも祖先ノードでmatches(selectors)を使えば対応可能なので、それほどjQueryに優位性はない気がする。
それから、jQueryはバブリングフェースのみ対応という弱点がある。
バブリングしないイベントタイプに関してはaddEventListener()に優位性がある。
109: (ﾜｯﾁｮｲ 99ea-Mq/i [2404:7a80:8400:8900:*]) 2024/01/29(月)01:34 ID:fIBxeYXl0(1) AAS
他から持ってきたコードが指すjQueryが最近のじゃなくて
だれが互換性担保するのってのが一番困る
jQueryを直接つかう分には検証できるけど
依存しているライブラリは採用せんでほしい
110(1): (ﾜｯﾁｮｲ f95a-w/9U [2400:4052:5062:9ff0:*]) 2024/01/30(火)09:12 ID:GdANFjKZ0(1) AAS
jQuery使いの人は行き当たりばったりな人が多い
jQueryライブラリファイルの読み込みが沢山あってなんじゃこりゃみたいな
111: (ﾜｯﾁｮｲ 1901-DQL8 [60.132.249.142]) 2024/01/30(火)11:06 ID:kUs11O+K0(1) AAS
jQueryが出た頃はSelectors APIもなかったからな
行き当たりばったりというより昔の標準APIが貧弱でライブラリに頼るしかなかった
112: (ﾜｯﾁｮｲ 99d1-NbCu [2001:268:9a89:2571:*]) 2024/01/31(水)00:18 ID:Z4CJtIhd0(1) AAS
jQuery は短く書けるので、ちょっとしたデモには良い。
でも、React, Vue.js では使わない
Bootstrap も、5 からは使わない。
popper.js に変わった
113: (ﾜｯﾁｮｲ e9b9-Y1Fy [2400:2200:3b7:aee5:*]) 2024/01/31(水)08:00 ID:8Xe2gISY0(1) AAS
>>110
しかもバージョンがところどころ違ったり読込先や仕方が違ったりする
114(1): (ﾜｯﾁｮｲ 99c5-Ak3u [240b:12:203:6300:* [上級国民]]) 2024/02/03(土)01:34 ID:VXfZdpMe0(1) AAS
>>99
■jQueryの良さは健在だが……
機能のある程度はES2015で代替出来るが
jQueryの良さは健在、そこはお前さんの言ってる通り
それとは全く別の話
手続き型的な手法でDOMを触ってるのが前時代的
■DOMを触るのが不味い理由
省22
115: (ﾜｯﾁｮｲ 13ad-IeYv [61.26.38.34]) 2024/02/03(土)06:58 ID:hL2W++6M0(1) AAS
変数更新してるだけに見えて、別処理が勝手に動くというのも実はアレだけどな
今はリアクティブが流行してるからそこにケチつける風潮ないけれど
116: (ﾜｯﾁｮｲ 1901-fC/B [60.88.91.184]) 2024/02/03(土)10:15 ID:HeN++Rh50(1) AAS
>>99 (ﾜｯﾁｮｲ 4d7c-MQtI [122.212.16.94])
これだけ回答をもらって無反応か
最近の質問者はこういう人が多いな
117: (ｱｳｱｳｴｰ Sae3-P9+J [111.239.175.167]) 2024/02/03(土)10:49 ID:YZYv2rY+a(1) AAS
反応欲しいなら知恵袋にしとけって
118(2): (ﾜｯﾁｮｲ e34b-t63M [115.30.229.48 [上級国民]]) 2024/02/04(日)02:28 ID:ipvGCo7I0(1) AAS
JavaScriptで作れるプログラムって、webブラウザ以外になにかありますか？
全然ユーザーがいないのはダメだけど
ある程度需要がありそうな用途
119: (ﾌﾞｰｲﾓ MM43-LmvZ [49.239.73.74]) 2024/02/04(日)03:05 ID:w9OYnB1OM(1) AAS
>>118
WebブラウザとWebページを区別できるようになろう
120: (ﾜｯﾁｮｲ 2379-u1h9 [61.192.207.171]) 2024/02/04(日)05:18 ID:7DDGpERD0(1) AAS
でもまあwebブラウザが全てではあるよね
他に出番無いし
121: (ﾜｯﾁｮｲ 0501-J3vS [60.88.93.62]) 2024/02/04(日)07:00 ID:wRU34d220(1) AAS
今はNode.jsでサーバ側もJSってこともある
122: (ﾜｯﾁｮｲ bd43-tydm [114.148.57.9]) 2024/02/04(日)10:50 ID:Vls4Se8V0(1) AAS
そうだね
node.jsでJavaScriptはサーバサイドだけじゃくてデスクトップアプリでも使われている
代表格はVScode(node.js+Electron)がある
Webpackもnode.jsだし
身近なところでは汎用掲示板ビューアSikiがnode.js+ElectronでJavaScriptだね
123: (ﾜｯﾁｮｲ 85a1-aUy2 [240b:12:203:6300:* [上級国民]]) 2024/02/04(日)12:44 ID:ieWwGMGa0(1) AAS
CSSもHTMLも生で書くのは平成だしな
普通SASSやらPugやら使うだろ
JSだってWebpackやらBrowserify越しに使うやろ
まぁNode.jsじゃトランスパイル遅いから
GOやRustのツールに置き換える流れにはなってるが
じゃあ最初からCやGO、Rustでやれば良かったよねとはならないフットワークの軽さがNode.jsにはあるからな
124: (ﾜｯﾁｮｲ 1b47-JMKI [2001:240:2462:f08:*]) 2024/02/04(日)12:55 ID:m4gIKl+m0(1) AAS
Rustで書いたJSトランスパイラは速いけどRust自体のコンパイルは遅い
125: (ﾜｯﾁｮｲ f54b-7hFQ [116.82.1.91]) 2024/02/04(日)23:16 ID:/yrx0E0+0(1) AAS
あることをローカルマシンでやりたくて、Python入ってっから、それでやろうとしたらできなくて（いや正確にはすごく遅い）Node.jsになってしまった。何かは言わない。
126(1): (ﾜｯﾁｮｲ fd09-tjaG [210.131.245.99]) 2024/02/05(月)09:44 ID:Q9Y3g4UN0(1) AAS
node.jsの良さはJavaScriptでプログラミングできる事
Electron使えばUIもHTMLで書けるので便利
なれたらJavaScriptでデスクトップアプリを書くのが楽しくなった
127: (ﾜｯﾁｮｲ abcf-aUy2 [2001:240:242f:19bc:* [上級国民]]) 2024/02/05(月)15:57 ID:thNH7tNN0(1) AAS
>>126
Electronはファイルがデカいから
俺が何か作る時はCLI一択だわ
対話的な物作る時は
Tauriで作ってみたいなぁと思う
128: (ﾜｯﾁｮｲ 9bea-EeOY [2400:2200:395:1aae:*]) 2024/02/05(月)18:19 ID:1m9RfVzn0(1) AAS
>>118
Visual Studio Codeがjavascriptで作られている
129: (ｱｳｱｳｴｰ Sa13-25ln [111.239.175.167]) 2024/02/05(月)19:17 ID:+Fh+RIwSa(1) AAS
vscodeが糞な理由が分かった気がした
130: (ﾜｯﾁｮｲ 436c-OKLl [240b:12:6820:b000:*]) 2024/02/06(火)07:31 ID:JsprpZ5q0(1) AAS
ElectronとAngularで作られてるシステム見させてもらったんだけど、reactに書き換えるって言ってたな
ならnativeでよくね？
131: (ﾗｸｯﾍﾟﾍﾟ MMcb-0t4v [133.106.91.72]) 2024/02/06(火)14:51 ID:nsw90RpoM(1) AAS
reactとreact nativeって書き換えが必要なの？
ゴミかな？
132: (ﾜｯﾁｮｲ bd43-tydm [114.148.57.9]) 2024/02/06(火)15:07 ID:4bvVpi0E0(1) AAS
>>0127
TauriはWebViewなので
Electronの様にWebRequestを簡単に操れない
Rustに拘らないのなら
使い慣れた開発言語でWebViewを組み込んだ方が手っ取り早い
133: (ﾜｯﾁｮｲ d58a-MO48 [2001:268:9ae3:e45c:*]) 2024/02/07(水)01:01 ID:8Eizk2eA0(1) AAS
YouTube 動画で見たけど、
北米では、Flutter よりも、React Native が多いらしい
134: (ﾜｯﾁｮｲ fd09-tydm [210.131.245.99]) 2024/02/07(水)10:23 ID:Q0zrTHJg0(1) AAS
JavaScriptで書ける環境の話から
かなり脱線気味
135: (ﾜｯﾁｮｲ 3743-5kwM [60.32.26.124]) 2024/02/11(日)13:06 ID:4EmF6N4v0(1) AAS
業務がWebアプリなのは危険だと言い出した管理職がいて
Electronでチャチャとデスクトップソフト風にしたら
仕事が早いとお褒めいただいたw
何も変わっちゃいなんだけれどそれはナイショ
136: (ﾜｯﾁｮｲ 0e46-9m7S [2001:240:242e:628f:*]) 2024/02/11(日)14:27 ID:cAyMWgFh0(1) AAS
危険だという懸念が素人の無理解から来てるだけなのか妥当な懸念なのか分からないから何とも言えんな
前者なら悪くない回避策
137: (ﾜｯﾁｮｲ 7702-yee3 [124.208.87.61]) 2024/02/11(日)21:47 ID:VNWSIW9O0(1) AAS
ブラウザのアドインに情報吸われる危険性は下がるね
138: (ﾜｯﾁｮｲ 2279-8TQs [61.192.207.171]) 2024/02/11(日)23:27 ID:Z05z2D4x0(1) AAS
まあ一般的に考えて危険やな
その認識は正しいさすが管理職
139: (ﾜｯﾁｮｲ f7cc-5xY/ [2400:2200:7b8:65d5:*]) 2024/02/12(月)12:55 ID:3q7oTZTX0(1) AAS
管理職が正しい
どんなに堅牢なシステムでも狙われたら終わり
だから今はクラウドじゃなくてオンプレ回帰してる
140: (ﾜｯﾁｮｲ 025c-Rmwz [211.3.240.74]) 2024/02/12(月)15:27 ID:2z81MgsB0(1) AAS
もうネット使うなよ
141: (ﾜｯﾁｮｲ a3e0-uTAv [2404:7a82:3de0:3500:*]) 2024/02/12(月)15:53 ID:BAGnA5Sa0(1) AAS
Access でいいよ
142(2): (ｽｯﾌﾟﾌﾟ Sd42-hHXc [49.105.71.123]) 2024/02/17(土)10:17 ID:eAolMzZEd(1/2) AAS
VBAとC#でちょくちょくアプリ作ってる程度のもんなんですけど
最近VS Code使ってjavascriptの勉強始めたわけですよ
デフォルトの環境で扱ってる限り、typoの指摘が甘くて気づくのに時間かかってしまってつらいです
Visual StudioでC#つかってるとかなり丁寧に指摘してくれるんで助かるんですが
Codeはその辺厳しいですね
Code Spell Checkerを入れてみたんですけど、よさそうな対策は他にありますか？
143(1): (ﾜｯﾁｮｲ e200-JaQ4 [221.118.182.146]) 2024/02/17(土)10:48 ID:Hugfzc2R0(1) AAS
JSはデフォだとどんなパラメータも持ちうるのでtypoを機械的に見つけにくい言語。
なのでjsdocゴリゴリ書く（もっとやるなら@ts-checkも）かTypeScript使うと良いよ
144: (ｽｯﾌﾟﾌﾟ Sd42-hHXc [49.105.71.123]) 2024/02/17(土)14:57 ID:eAolMzZEd(2/2) AAS
>>143
ありがとうございます
TypeScriptも視野にいれてちょい調べてみます
145: (ﾜｯﾁｮｲ f7d7-bM9J [240b:12:203:6300:* [上級国民]]) 2024/02/17(土)15:05 ID:MLAS2UwQ0(1) AAS
>>142
VSと比較するならWebStormじゃなきゃ辛いし
VSCodeのままでもLSPなりで魔改造すれば頑張れるやろ
146: (ﾜｯﾁｮｲ a2ec-zkg8 [2400:2200:6b4:ee70:*]) 2024/02/17(土)17:54 ID:3rmfz0Aa0(1) AAS
>>142の言うtypoが具体的にどんなのか気になる
厳しいのはCodeじゃなくてJavaScriptなのを誤解してそう
147: (ﾜｯﾁｮｲ 47f1-bM9J [2001:240:247a:6078:* [上級国民]]) 2024/02/17(土)18:56 ID:snWQTW2N0(1) AAS
JSもDataflow Proposalsが導入されたら
普通に使い続けるんだがなぁ
148(1): (ﾜｯﾁｮｲ 7310-HqFJ [180.12.82.129]) 2024/02/19(月)18:24 ID:waVDHmuE0(1) AAS
マウスボタンを押しながらマウスを移動させてからマウスボタンを離すと
マウスボタンを離したときにmouseupだけでなくmousemoveも反応してしまうんだけど仕様ですか？
これ知らなくて動作が思うように行かなかった。
149(1): (ﾜｯﾁｮｲ ef5b-WqLa [2400:2200:6b5:cb6f:*]) 2024/02/20(火)00:12 ID:n1uvc9Mt0(1) AAS
手元で試したところmouseup直後に同じ座標でmousemoveが発火してるのを確認
うまく判定して後続処理が走らないようにすれば良さそうではある
150: (ﾜｯﾁｮｲ 7310-HqFJ [180.12.82.129]) 2024/02/20(火)12:26 ID:jaWYglX60(1) AAS
>>149
ありがとうございます
そうしてみます
151: (ﾜｯﾁｮｲ 1374-A/5V [240b:12:203:6300:* [上級国民]]) 2024/02/20(火)12:38 ID:SYHvuSDa0(1) AAS
>>148
mouseoverはマウスが何かの要素の上を移動すれば毎回出てくるから
マウスを持ってる限り常に垂れ流し続けるぞ
ドラッグアンドドロップを実装したいなら
イベント(関数発火)が非同期かつ大量に垂れ流しになること前提で組む必要がある
一案としては上のスコープで何個か変数を定義
mousedown -> 直下の要素を掴んでhold変数に放り込む
省2
152(1): よろしくお願いいたします (ｽｯﾌﾟ Sdfa-RtHD [1.72.9.18]) 2024/02/28(水)10:59 ID:j/HFCr6sd(1/4) AAS
はじめて、質問させていただきます。
今やってることはリストボックスの行を以下で選択しています。
document.getElementById('xxxx').selectedIndex = n;
PC版ブラウザではうまくいきました。しかし、モバイル版ブラウザでは1行のドロップダウンリストになってしまいます。
外部ﾘﾝｸ:ja.stackoverflow.com
省3
153: よろしくお願いいたします (ｽｯﾌﾟ Sdfa-RtHD [1.72.9.18]) 2024/02/28(水)11:00 ID:j/HFCr6sd(2/4) AAS
はじめて、質問させていただきます。
今やってることはリストボックスの行を以下で選択しています。
document.getElementById('xxxx').selectedIndex = n;
PC版ブラウザではうまくいきました。しかし、モバイル版ブラウザでは1行のドロップダウンリストになってしまいます。
外部ﾘﾝｸ:ja.stackoverflow.com
省3
154: (ﾜｯﾁｮｲ 470f-IZcd [2001:240:247f:f9c3:*]) 2024/02/28(水)11:09 ID:74XehS+p0(1/2) AAS
はじめて、質問させていただきます。
今やってることはリストボックスの行を以下で選択しています。
document.getElementById('xxxx').selectedIndex = n;
PC版ブラウザではうまくいきました。しかし、モバイル版ブラウザでは1行のドロップダウンリストになってしまいます。
外部ﾘﾝｸ:ja.stackoverflow.com
省3
155: (ﾜｯﾁｮｲ 470f-IZcd [2001:240:247f:f9c3:*]) 2024/02/28(水)11:10 ID:74XehS+p0(2/2) AAS
はじめて、質問させていただきます。
今やってることはリストボックスの行を以下で選択しています。
document.getElementById('xxxx').selectedIndex = n;
PC版ブラウザではうまくいきました。しかし、モバイル版ブラウザでは1行のドロップダウンリストになってしまいます。
外部ﾘﾝｸ:ja.stackoverflow.com
省3
156: (ｽｯﾌﾟ Sdfa-RtHD [1.72.9.18]) 2024/02/28(水)11:34 ID:j/HFCr6sd(3/4) AAS
すみません。5個書き込まれてしまいました。すみません。
157: (ﾜｯﾁｮｲ 1314-fCbz [240b:12:203:6300:*]) 2024/02/28(水)12:19 ID:bgJbuEEB0(1) AAS
>>152
そもそもjQueryは時代遅れだから
ReactなりVue.jsなりのJSフレームワーク覚えて移行しろ
理由は>>114
誰が作ったか分からん動くかも全く保証されてないし、10年前からもうメンテすらされてない
fixForSafariMobileなんてプラグインなんて持ち出してきて
意図通りに動きませんとか動くわけないし、アドバイス出来る訳ない
省4
158(1): 質問者 (ｽｯﾌﾟ Sdfa-RtHD [1.72.9.18]) 2024/02/28(水)18:05 ID:j/HFCr6sd(4/4) AAS
レスありがとうございます。昔からあるjsやjQueryは今は時代遅れなんですね。
ただ、今回は15年動いているものの改修作業なんです。
fixForSafariMobileはjQueryソースからselectboxからlistに変換するということはわかりました。
$("selectTarget").selectValue(ul, val)で、できそうだと思ったのですが、ulで何を渡すかまでは来ました。
valからulを検索して取得してからこれなんですかね？
159: (ﾜｯﾁｮｲ 13d2-fCbz [240b:12:203:6300:*]) 2024/02/29(木)00:27 ID:XLzCkQ6P0(1) AAS
>>158
なるほどなぁ、なら何とかツギハギで頑張ってパッチするわけか
んで、.selectValueで出来そうだと思いました！って言われても
そんなメソッドjQueryには無いぞ
外部ﾘﾝｸ:api.jquery.com
何らかのライブラリなりで
jQueryのメソッドを拡張・追加すれば実現出来るが
省7
160: 質問者 (ﾜｯﾁｮｲ 23e7-MEMs [118.87.46.101]) 2024/03/01(金)23:06 ID:Id25sy0k0(1/2) AAS
いろいろとありがとうございます。
161: 質問者 (ﾜｯﾁｮｲ 23e7-MEMs [118.87.46.101]) 2024/03/01(金)23:23 ID:Id25sy0k0(2/2) AAS
やりたいこと
・プログラムのデバッガみたいなステップ実行ができるWEBで作成されたものを改修。
・スクロールしていくので、複数行リストボックスで現在行を選択表示して、実現。PC版では動く。
・しかし、モバイル版では、html形式の複数行リストボックスは１行のドロップダウンリストBOXになってしまう。
どうもこれは、モバイルの仕様なようで、実現するのは不可能ぽい。
過去にある人がjqueryで、モバイルで複数行リストボックスみたいな事は実現しているが、これはあくまでも表示のみで選択は不可。
・複数行リストボックスをリスト型で実現している。なので、Val()でも、スクロールして、選択表示できない。
省1
162: (ﾜｯﾁｮｲ 47f6-WOak [2400:2200:714:c52d:*]) 2024/03/02(土)00:10 ID:Rcnd56Cm0(1/4) AAS
sizeが指定されているSELECTタグのdisplayをnoneにして消す
代わりに自分でsize分だけのリストなりボタンなりを追加する
これをjsでモバイル表示のときだけ実現すりゃいいんじゃない
163: 質問者 (ﾜｯﾁｮｲ 23e7-MEMs [118.87.46.101]) 2024/03/02(土)11:13 ID:TgRbMsKE0(1/2) AAS
>代わりに自分でsize分だけのリストなりボタンなりを追加する
>これをjsでモバイル表示のときだけ実現すりゃいいんじゃない
レスありがとうございます。
データが100行あります。
今、複数行選択リストボックス(select size=25)では、25行表示できるエリアがあって、75行が隠れています。
99行目のListをスクリプトで選択（人間は選択しません。見てるだけです。）したら、自動的にそこまでスクロールしてくれます。
リスト（ul,li）ではスクロールまでしてくれず、隠れてしまって、実現はできないと思うのですが...
164(2): 質問者 (ﾜｯﾁｮｲ 23e7-MEMs [118.87.46.101]) 2024/03/02(土)11:46 ID:TgRbMsKE0(2/2) AAS
<html>
<select id='now_exe_prg_row' size=25>
<option value="1">プログラム1行目</option>
<option value="2">プログラム2行目</option>
:
<option value="100">プログラム100行目</option>
</select>
省3
165: (ﾜｯﾁｮｲ 47f6-WOak [2400:2200:714:c52d:*]) 2024/03/02(土)12:45 ID:Rcnd56Cm0(2/4) AAS
無理じゃない
jsでdom操作はいくらでもできる
ul liでoptionのような動作をするカスタムのリストボックスも作成可能でcssフレームワークではよくつかう手法
そういうカスタムのWebComponentを作るといいよ
selectから情報をひっぱってきて外観をul liでカスタムコンポーネントを作り、liのクリックイベントリスナーでselect要素のselectedIndexを変更すればいい
select要素はモバイル環境ではdisplayをnoneにする
166: (ﾜｯﾁｮｲ 47f6-WOak [2400:2200:714:c52d:*]) 2024/03/02(土)12:47 ID:Rcnd56Cm0(3/4) AAS
再利用しないのならWebComponent書くまでもなくそのままjsで書けばいい
167: (ﾜｯﾁｮｲ 13f5-GI/N [240b:12:203:6300:* [上級国民]]) 2024/03/02(土)12:52 ID:Ac/Ek54X0(1) AAS
>>164
CSSでul > liの見栄えを調整しろ
・メディアクエリの画面横幅で適応されるCSSを切り分ける
・heightをliの25行分の高さに指定
・overflow: scrollを付けてul内でスクロール出来るようにする
CSSを見栄えを整える能力は
Webで食ってく行くならこの先ずっと使うから覚えろ
省2
168: (ﾜｯﾁｮｲ 47f6-WOak [2400:2200:714:c52d:*]) 2024/03/02(土)13:00 ID:Rcnd56Cm0(4/4) AAS
仕事で受けてるのならこのくらいできないとヤバいぞ
カスタムコンポーネントにすれば
customListBox.size = 25
customListBox.selectIndex = 99
みたいに設定できるようにメソッド追加すると便利
169: (ﾜｯﾁｮｲ 8f43-04EL [114.166.8.189]) 2024/03/02(土)14:29 ID:83dahe0E0(1) AAS
無理にiOSでも同じUIにする必要ないのと違う
ぐるぐる回るドラム式がiOSのSafari流でかっこいいじゃんと褒め殺せば
林檎ユーザー特有の優越感をくすぐりOKもらえる気がする
170: (ﾜｯﾁｮｲ ba40-aDj+ [2400:2200:770:d15b:*]) 2024/03/02(土)15:39 ID:Ozqjn7Yu0(1) AAS
>>164
細かい要件が分からないけどただそれっぽく表示するだけならこんなのでいいんじゃないの？
jsfiddle.net/sj3xkrad/1/
171: 質問者 (ﾜｯﾁｮｲ 572e-lvv7 [118.86.90.123]) 2024/03/03(日)22:00 ID:719to9SO0(1) AAS
皆さんレスありがとうございます。今日休みで明日から参考にさせていただきます
172: (ﾜｯﾁｮｲ 9724-lvv7 [2001:268:9a3d:bf34:*]) 2024/03/04(月)10:08 ID:ORhetY7X0(1) AAS
Bootstrap, Tailwind, Bulma などに、
使えそうなコンポーネントは無いの？
173(1): (ﾜｯﾁｮｲ 9f02-ZLJX [27.91.124.53]) 2024/03/05(火)18:22 ID:dRdKhnsT0(1) AAS
質問で、
chrome.tabs.query({}, function(tabs) {
で全タブを取得した各タブに関して、
そのタブのwindowType（appとかnormalなど）って取得できますか？
174(2): (ﾌﾞｰｲﾓ MM8f-tqxy [133.159.149.112]) 2024/03/05(火)18:47 ID:qENbjC0BM(1) AAS
>>173
個別のtab.windowIdから引けるハズ
もっとも、はじめからwindow.getAll()を使った方がいいとは思うが
175: (ﾜｯﾁｮｲ 9f02-ZLJX [27.91.124.53]) 2024/03/06(水)10:35 ID:c6agTDKp0(1/2) AAS
>>174
お、できた！
ありがとう！
ネットでtabs.WindowTypeってのが載ってたので、それで惑わされてた…
上下前次1-新書関写板覧索設栞歴
あと 133 ﾚｽあります
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 0.016s