JavaScript の質問用スレッド vol.126 (308ﾚｽ)
JavaScript の質問用スレッド vol.126 http://mevius.5ch.net/test/read.cgi/tech/1702111239/
上
下
前
次
1-
新
通常表示
512ﾊﾞｲﾄ分割
ﾚｽ栞
77: デフォルトの名無しさん (ﾜｯﾁｮｲ 4b61-7PFe [220.104.177.51]) [sage] 2024/01/05(金) 11:11:29.09 ID:j+cl8so10 X = 糞長い式 || X; わかりやすい>>75でいいと思うわ http://mevius.5ch.net/test/read.cgi/tech/1702111239/77
78: デフォルトの名無しさん (ﾜｯﾁｮｲ efbb-bJ3A [240f:108:3018:1:*]) [sage] 2024/01/05(金) 18:15:32.86 ID:xFVV62H30 カルノー図やクワイン・マクラスキー法で書けないほど複雑だと どうにもならない if else if else にうまく展開するか switch 文をうまく使うとかかなあ http://mevius.5ch.net/test/read.cgi/tech/1702111239/78
79: デフォルトの名無しさん (ﾜｯﾁｮｲ fd9f-stEI [122.133.203.183]) [] 2024/01/08(月) 08:24:08.50 ID:HV7sMHf30 質問させていただきます。 タグの属性onclick等で設定したイベント処理では 処理側の関数ではeventオブジェクトを参照出来ないのでしょうか？ 色々探してるのですが見つけられなくて・・・よろしくお願い致します。 http://mevius.5ch.net/test/read.cgi/tech/1702111239/79
80: デフォルトの名無しさん (ﾜｯﾁｮｲ 2379-e2pS [61.192.187.100]) [sage] 2024/01/08(月) 10:20:56.34 ID:FNFcnj+v0 >>79 onclick属性のイコールの右側にある値は無名関数をそのままラップしたもので、eventオブジェクトはその関数の第一引数に渡される つまり<タグ onclick="func(arguments[0]);">とすれば取得できる http://mevius.5ch.net/test/read.cgi/tech/1702111239/80
81: デフォルトの名無しさん (ﾜｯﾁｮｲ 8d43-iBaE [114.148.50.247]) [] 2024/01/08(月) 10:51:13.68 ID:adS5ZNXz0 >>79 引数で渡されてくるけど？ HTMLのタグの中に書く事例では意味も解らずその引数を省略しているのが多い それより、今どきはHTMLと分離した、こっちの書き方がおすすめ https://developer.mozilla.org/ja/docs/Web/API/Element/click_event http://mevius.5ch.net/test/read.cgi/tech/1702111239/81
82: デフォルトの名無しさん (ﾜｯﾁｮｲ 1501-QrVU [60.89.10.107]) [sage] 2024/01/08(月) 13:07:07.19 ID:cXOMuDOl0 >>79 onclick属性値の中でもeventは使える。 <p onclick="console.log(event);"> ところで、「処理側の関数」とは？ http://mevius.5ch.net/test/read.cgi/tech/1702111239/82
83: デフォルトの名無しさん (ﾜｯﾁｮｲ db9b-5x1m [240b:10:8401:ab00:*]) [sage] 2024/01/08(月) 13:58:47.00 ID:pIW6TUAd0 ブラウザの開発者ツールにあるデバッガをつかえば気づける 止めたところの環境が丸見えになるから http://mevius.5ch.net/test/read.cgi/tech/1702111239/83
84: デフォルトの名無しさん (ﾜｯﾁｮｲ fd2e-dvWY [2001:268:9a3d:8302:*]) [sage] 2024/01/08(月) 20:55:54.87 ID:gJaMg8aw0 例えば、jQuery なら、これで5つのキーのkeydown をキャッチできる $( function ( ) { $( 'body' ).keydown ( function( e ) { switch( e.key ) { // 32:空白、37:←、38:↑、39:→、40:↓ case " " : case "ArrowLeft" : case "ArrowRight" : case "ArrowUp" : case "ArrowDown" : console.log( e.key ); } } ) } ); http://mevius.5ch.net/test/read.cgi/tech/1702111239/84
85: デフォルトの名無しさん (ﾜｯﾁｮｲ 434b-NOlf [240b:12:6820:b000:*]) [sage] 2024/01/08(月) 21:08:17.54 ID:Jg6SbkUr0 <button onclick="hoge(this)">ってやると意図しない動きすることあるからルールで禁止してるところもあるよね http://mevius.5ch.net/test/read.cgi/tech/1702111239/85
86: デフォルトの名無しさん (ﾜｯﾁｮｲ 0510-JApz [180.12.82.129]) [] 2024/01/11(木) 09:49:12.76 ID:L0eqWFW50 子要素は含まないようにelementを取得するにはどうすればいいですか？ これだとテーブルの中のフォームをスライドさせてもalertが表示されてしまいます。 子要素は含まないテーブルのみのelementを取得することはできますか？ <table style="width:500px;height:300px;background:#ffff00" id="aaa"> <tr><td><input type="range" style="width:inherit"></td></tr> </table> <スクリプト> const elm = document.getElementById("aaa"); elm.addEventListener( "mousedown", function(e){alert("www");} ); </スクリプト> http://mevius.5ch.net/test/read.cgi/tech/1702111239/86
87: デフォルトの名無しさん (ﾜｯﾁｮｲ b536-QPx5 [2400:4052:5062:9ff0:*]) [] 2024/01/11(木) 10:30:37.07 ID:8+5yXztZ0 何をやりたいのかがわからない説明 とりあえずプログラムを意識せずに やりたいことの要件を日本語でよろしく http://mevius.5ch.net/test/read.cgi/tech/1702111239/87
88: デフォルトの名無しさん (ﾜｯﾁｮｲ 2319-dvWY [2001:268:c0d0:700e:*]) [sage] 2024/01/11(木) 10:35:49.26 ID:oja63d6W0 function(e){ // input要素以外をクリックした場合の処理 if (e.target.tagName !== 'INPUT') { alert("www"); } } http://mevius.5ch.net/test/read.cgi/tech/1702111239/88
89: デフォルトの名無しさん (ﾜｯﾁｮｲ 0510-zseD [180.12.82.129]) [] 2024/01/11(木) 13:03:40.31 ID:L0eqWFW50 >>87 子要素を除外したelementを取得したいってことっす >>88 ありがとうございます試してみます http://mevius.5ch.net/test/read.cgi/tech/1702111239/89
90: デフォルトの名無しさん (ﾜｯﾁｮｲ b536-QPx5 [2400:4052:5062:9ff0:*]) [] 2024/01/11(木) 14:18:15.97 ID:8+5yXztZ0 それ、バブリングを意識しないとダメかもよ http://mevius.5ch.net/test/read.cgi/tech/1702111239/90
91: デフォルトの名無しさん (ﾜｯﾁｮｲ 231b-JApz [2400:4151:a4a0:6500:*]) [] 2024/01/11(木) 14:44:36.31 ID:bfPtSoSL0 先ほどは手元にソースコードがなかったので即席で質問してしまいました。 やりたいことはテーブル部分でタッチムーブしたときブラウザのスクロールを禁止にしたいのですが、 テーブルにあるスライダーまでロックされて動かせないようになってしまうので、 スライダーを除外したテーブル部分のelementだけ取得できれば上手くできるのでは？と思ったから先ほどのような質問をしてしまいました。 ようするにブラウザのスクロール禁止にするけどスライダーは動かせるようにしたいんです。 <table style="width:500px;height:300px;background:#ffff00" id="aaa"> <tr><td><input type="range" step="1" min="0" max="10" value="1"></td></tr> </table> <スクリプト> const elm = document.getElementById("aaa"); elm.addEventListener( "touchmove", function(e){ e.preventDefault(); //ブラウザのスクロールを禁止にする } ); </スクリプト> http://mevius.5ch.net/test/read.cgi/tech/1702111239/91
92: デフォルトの名無しさん (ﾜｯﾁｮｲ 85ae-Lq2F [2409:251:9020:2100:*]) [sage] 2024/01/11(木) 15:08:55.09 ID:k0wEY4GK0 よく分からんが、cssでそんなのがあるな https://developer.mozilla.org/ja/docs/Web/CSS/overscroll-behavior http://mevius.5ch.net/test/read.cgi/tech/1702111239/92
93: デフォルトの名無しさん (ﾜｯﾁｮｲ 1501-JApz [60.132.249.142]) [sage] 2024/01/11(木) 16:34:13.87 ID:tWeEPqJO0 >>91 preventDefault()をstopPropagation()に変えるだけでいいかもしれない この場合は多分preventDefault()はいらない http://mevius.5ch.net/test/read.cgi/tech/1702111239/93
94: デフォルトの名無しさん (ﾜｯﾁｮｲ 8d43-n7AJ [114.166.5.254]) [] 2024/01/11(木) 22:20:25.19 ID:vnpK4WpS0 clickやmousedownに仕込む話したど思ったのでバブリングを指摘したけれど スマホの場合にスライダー操作でスクロールしちゃうのを止めたい場合の話なら別問題 スクロールはブラウザ側の仕組みでDOMのイベントバブリングを止めてもダメ それとターブルじゃなくて、スライダーをtouchmoveしたときにスクロールを止めたいのじゃないですか 要件としては スライダーのtouchstartでブラウザのスクロール機能を無効にして スライダーのtouchendでブラウザのスクロール機能を有効に戻す スクロールの有効・無効は、スクロール要素のcssのスタイルで制御できるので、JavaScriptでstyle要素のoverflowYまたはoverflowXを'hidden'または'auto'と値を切り替える http://mevius.5ch.net/test/read.cgi/tech/1702111239/94
95: デフォルトの名無しさん (ﾜｯﾁｮｲ 231d-JApz [2400:4151:a4a0:6500:*]) [] 2024/01/11(木) 22:41:54.15 ID:bfPtSoSL0 >>93 ありがとうございます。 スライダーのelementにe.stopPropagation()をしたらスライダーを動かせるようになりました >>94 ありがとうございます。試してみます。 http://mevius.5ch.net/test/read.cgi/tech/1702111239/95
96: デフォルトの名無しさん (ﾜｯﾁｮｲ 85e7-UQX2 [2404:7a87:26a0:9e00:*]) [] 2024/01/13(土) 03:22:15.94 ID:bBKen2/T0 すいません、vueの質問はここでいいですか？ http://mevius.5ch.net/test/read.cgi/tech/1702111239/96
97: デフォルトの名無しさん (ﾜｯﾁｮｲ e3a8-57IR [2400:2200:45d:4c3b:*]) [sage] 2024/01/13(土) 11:42:05.46 ID:sUiBS1y50 ↓あたりにどうぞ JavaScriptフロントエンド総合 Part.11 https://mevius.5ch.net/test/read.cgi/tech/1660898820/ Vue vs React vs Angular vs Svelte Part.11 https://mevius.5ch.net/test/read.cgi/tech/1660969032/ http://mevius.5ch.net/test/read.cgi/tech/1702111239/97
98: デフォルトの名無しさん (ﾜｯﾁｮｲ ad01-1c9G [126.168.252.135]) [] 2024/01/14(日) 17:21:53.60 ID:vAN1c9wS0 ありがとうございます http://mevius.5ch.net/test/read.cgi/tech/1702111239/98
99: デフォルトの名無しさん (ﾜｯﾁｮｲ 4d7c-MQtI [122.212.16.94]) [sage] 2024/01/26(金) 17:25:13.36 ID:2+81uqBd0 WebフロントエンドでのJavaScriptを勉強中です 「jQueryでできることは素のJSでもできるのがほとんどになったから、jQuery不要」という話しが出てきますが、 エレメントの操作などで、素のJSだと記述する文字が長く、jQueryだとすごく短く書けるので、それだけでも十分便利と感じています。 document.querySelector('selector') ⇒ $('selector') jQuery不要の場合、効率良く書くために代わりに何を使っているのか気になります。 大型のフレームワークとかでしょうか？フレームワーク使うと、ここのエレメントの参照・操作などはもはや不要になるのでしょうか？ http://mevius.5ch.net/test/read.cgi/tech/1702111239/99
100: デフォルトの名無しさん (ﾜｯﾁｮｲ a300-kvtp [221.118.182.146]) [sage] 2024/01/26(金) 19:57:32.14 ID:vs+8Yc4d0 jQueryの技術覚えてもjQueryにしか使えない。素のJS技術はどんなフレームワーク使っても役に立つ http://mevius.5ch.net/test/read.cgi/tech/1702111239/100
101: デフォルトの名無しさん (ﾌﾞｰｲﾓ MMe9-pDPK [202.214.125.44]) [sage] 2024/01/26(金) 20:11:15.77 ID:Uafucq2BM >>99 コード補完機能（任意のスニペット呼び出しを含む）のある現代のエディタではその全てをキータイプする必要は無いし、どうしても短く書きたいならショートハンドを定義すればいい たとえば、5ch互換掲示板ビューアであるブラウザ拡張機能「read.crx 2」では、同拡張機能の共同メンテナの方が作成したjQueryライク（互換ではない）なショートハンドライブラリ「shortQuery.js」が使われてる（だいぶ前にいわゆる「脱jQuery」のお供として導入されたハズ） なんにせよ、初心者が今からjQueryを学ぶのは悪手 http://mevius.5ch.net/test/read.cgi/tech/1702111239/101
102: デフォルトの名無しさん (ﾜｯﾁｮｲ e35c-y2cH [211.3.240.74]) [sage] 2024/01/26(金) 20:12:23.71 ID:Z5KyuX5d0 素のjs分からずにjquery使えるわけないだろ http://mevius.5ch.net/test/read.cgi/tech/1702111239/102
103: デフォルトの名無しさん (ﾜｯﾁｮｲ 433e-K/rq [2400:2200:7d4:c4d1:*]) [sage] 2024/01/26(金) 21:41:55.02 ID:bxMKu9aD0 >>99 その通り ReactやVueに代表されるような昨今のフレームワークは開発者がDOMを直接操作しない http://mevius.5ch.net/test/read.cgi/tech/1702111239/103
104: デフォルトの名無しさん (ﾌﾞｰｲﾓ MM43-kvtp [49.239.68.29]) [sage] 2024/01/26(金) 21:48:25.16 ID:KJ09lp1IM そう思ってるとこんなん当然知ってますよねみたいなノリでevent処理とかrefとか出て詰むゾ http://mevius.5ch.net/test/read.cgi/tech/1702111239/104
105: デフォルトの名無しさん (ﾜｯﾁｮｲ f95a-xxv9 [2400:4052:5062:9ff0:*]) [sage] 2024/01/28(日) 11:39:44.53 ID:WhNL7KNN0 >>99 jQueryの現在はHPフロントエンジニアさんが 抱負なライブラリでHPに花をそえるために使っているだけ ウェブアプリ屋さんはjQueryが邪魔くさい時があるので使わない どの分野を目指すのかが決まっているなら その分野で何が主流なのかを見極めたほうがいい http://mevius.5ch.net/test/read.cgi/tech/1702111239/105
106: デフォルトの名無しさん (ﾜｯﾁｮｲ 7386-XCDl [240b:12:6820:b000:*]) [sage] 2024/01/28(日) 19:30:17.30 ID:1z8oB9tQ0 動的に作られる特定の要素にだけイベント追加するのがラク jQueryがバニラJSに勝ってる唯一の点だけど、そういう処理を入れるくらいDOMの操作使ったアプリ作るなら他のフレームワークのほうが良いだろう http://mevius.5ch.net/test/read.cgi/tech/1702111239/106
107: デフォルトの名無しさん (ﾜｯﾁｮｲ e9a9-Y1Fy [240d:1a:790:2b00:*]) [sage] 2024/01/28(日) 20:16:55.07 ID:9hZosd/l0 ゆうて古から続くjqueryの資産はいたる所にあるから、読めることくらいは出来ないとな 難しいもんではないんだし http://mevius.5ch.net/test/read.cgi/tech/1702111239/107
108: デフォルトの名無しさん (ﾜｯﾁｮｲ 1901-fC/B [60.102.190.56]) [sage] 2024/01/28(日) 23:52:21.72 ID:Plt7vTfv0 >>106 バニラでも祖先ノードでmatches(selectors)を使えば対応可能なので、それほどjQueryに優位性はない気がする。 それから、jQueryはバブリングフェースのみ対応という弱点がある。 バブリングしないイベントタイプに関してはaddEventListener()に優位性がある。 http://mevius.5ch.net/test/read.cgi/tech/1702111239/108
109: デフォルトの名無しさん (ﾜｯﾁｮｲ 99ea-Mq/i [2404:7a80:8400:8900:*]) [sage] 2024/01/29(月) 01:34:06.63 ID:fIBxeYXl0 他から持ってきたコードが指すjQueryが最近のじゃなくて だれが互換性担保するのってのが一番困る jQueryを直接つかう分には検証できるけど 依存しているライブラリは採用せんでほしい http://mevius.5ch.net/test/read.cgi/tech/1702111239/109
110: デフォルトの名無しさん (ﾜｯﾁｮｲ f95a-w/9U [2400:4052:5062:9ff0:*]) [] 2024/01/30(火) 09:12:09.86 ID:GdANFjKZ0 jQuery使いの人は行き当たりばったりな人が多い jQueryライブラリファイルの読み込みが沢山あってなんじゃこりゃみたいな http://mevius.5ch.net/test/read.cgi/tech/1702111239/110
111: デフォルトの名無しさん (ﾜｯﾁｮｲ 1901-DQL8 [60.132.249.142]) [sage] 2024/01/30(火) 11:06:06.79 ID:kUs11O+K0 jQueryが出た頃はSelectors APIもなかったからな 行き当たりばったりというより昔の標準APIが貧弱でライブラリに頼るしかなかった http://mevius.5ch.net/test/read.cgi/tech/1702111239/111
112: デフォルトの名無しさん (ﾜｯﾁｮｲ 99d1-NbCu [2001:268:9a89:2571:*]) [sage] 2024/01/31(水) 00:18:29.61 ID:Z4CJtIhd0 jQuery は短く書けるので、ちょっとしたデモには良い。 でも、React, Vue.js では使わない Bootstrap も、5 からは使わない。 popper.js に変わった http://mevius.5ch.net/test/read.cgi/tech/1702111239/112
113: デフォルトの名無しさん (ﾜｯﾁｮｲ e9b9-Y1Fy [2400:2200:3b7:aee5:*]) [sage] 2024/01/31(水) 08:00:03.26 ID:8Xe2gISY0 >>110 しかもバージョンがところどころ違ったり読込先や仕方が違ったりする http://mevius.5ch.net/test/read.cgi/tech/1702111239/113
114: デフォルトの名無しさん (ﾜｯﾁｮｲ 99c5-Ak3u [240b:12:203:6300:* [上級国民]]) [sage] 2024/02/03(土) 01:34:02.49 ID:VXfZdpMe0 >>99 ■jQueryの良さは健在だが…… 機能のある程度はES2015で代替出来るが jQueryの良さは健在、そこはお前さんの言ってる通り それとは全く別の話 手続き型的な手法でDOMを触ってるのが前時代的 ■DOMを触るのが不味い理由 DOM作り直しは要素の改ざんな訳だ DOMを更新するためには、探索して選択、それを作り変えるの2ステップがあるけど 別の機能がDOMを消したり書き換えたら 見つけられなくてエラー出るかも知れないよね？ 選択できても改ざんされてて加工出来ずにエラー吐くかも知れないよね？ 担保するのは全て貴方の目視テスト 10機能作ったら10x9の90通りのマトリックステスト作ってね このように機能を作る度にnの2乗みたいなテストを目視でさせられる 全部で100機能作りましょうとかなるとありえん無理 ■代替はJSフレームワーク HTML作るテンプレートエンジンでsmartyやBlade、pugとか色々あるけど あんな感じでDOMを生成する何かを用意しておいて JS内で変数が変更されたのを検知して、勝手に新しいDOMツリーを作り直して嵌め込んでくれよって思わん？ その思想で作られてるのがReactやVue、Angular等のJSフレームワーク JSフレームワークが用意した「変数の変更通知を行う」お作法を覚えて動かすとDOMが常に最新のあるべき姿になる これによりDOM操作回りはJSフレームワークという外部の業者が全て責任持ってやってくれる 俺達はDOMの元であるテンプレートを読み込ませたら ただ変数がちゃんと正しい値になってるか？を保証すれば完璧に動作するよね 変数書き換えたら常にあるべき姿のDOMに書き換わるシステムに、jQueryで改ざんし始めると衝突して邪魔になる 次のDOM更新でjQueryが書き換えた内容そっくり消えるしな だからこれからのWeb開発にjQueryは不要なんだよ 決してES2015が優れてて代替出来るから不要になったという話では無い http://mevius.5ch.net/test/read.cgi/tech/1702111239/114
115: デフォルトの名無しさん (ﾜｯﾁｮｲ 13ad-IeYv [61.26.38.34]) [sage] 2024/02/03(土) 06:58:45.76 ID:hL2W++6M0 変数更新してるだけに見えて、別処理が勝手に動くというのも実はアレだけどな 今はリアクティブが流行してるからそこにケチつける風潮ないけれど http://mevius.5ch.net/test/read.cgi/tech/1702111239/115
116: デフォルトの名無しさん (ﾜｯﾁｮｲ 1901-fC/B [60.88.91.184]) [sage] 2024/02/03(土) 10:15:49.25 ID:HeN++Rh50 >>99 (ﾜｯﾁｮｲ 4d7c-MQtI [122.212.16.94]) これだけ回答をもらって無反応か 最近の質問者はこういう人が多いな http://mevius.5ch.net/test/read.cgi/tech/1702111239/116
117: デフォルトの名無しさん (ｱｳｱｳｴｰ Sae3-P9+J [111.239.175.167]) [sage] 2024/02/03(土) 10:49:13.33 ID:YZYv2rY+a 反応欲しいなら知恵袋にしとけって http://mevius.5ch.net/test/read.cgi/tech/1702111239/117
118: デフォルトの名無しさん (ﾜｯﾁｮｲ e34b-t63M [115.30.229.48 [上級国民]]) [sage] 2024/02/04(日) 02:28:25.82 ID:ipvGCo7I0 JavaScriptで作れるプログラムって、webブラウザ以外になにかありますか？ 全然ユーザーがいないのはダメだけど ある程度需要がありそうな用途 http://mevius.5ch.net/test/read.cgi/tech/1702111239/118
119: デフォルトの名無しさん (ﾌﾞｰｲﾓ MM43-LmvZ [49.239.73.74]) [sage] 2024/02/04(日) 03:05:45.75 ID:w9OYnB1OM >>118 WebブラウザとWebページを区別できるようになろう http://mevius.5ch.net/test/read.cgi/tech/1702111239/119
120: デフォルトの名無しさん (ﾜｯﾁｮｲ 2379-u1h9 [61.192.207.171]) [sage] 2024/02/04(日) 05:18:25.36 ID:7DDGpERD0 でもまあwebブラウザが全てではあるよね 他に出番無いし http://mevius.5ch.net/test/read.cgi/tech/1702111239/120
121: デフォルトの名無しさん (ﾜｯﾁｮｲ 0501-J3vS [60.88.93.62]) [sage] 2024/02/04(日) 07:00:09.01 ID:wRU34d220 今はNode.jsでサーバ側もJSってこともある http://mevius.5ch.net/test/read.cgi/tech/1702111239/121
122: デフォルトの名無しさん (ﾜｯﾁｮｲ bd43-tydm [114.148.57.9]) [] 2024/02/04(日) 10:50:30.37 ID:Vls4Se8V0 そうだね node.jsでJavaScriptはサーバサイドだけじゃくてデスクトップアプリでも使われている 代表格はVScode(node.js+Electron)がある Webpackもnode.jsだし 身近なところでは汎用掲示板ビューアSikiがnode.js+ElectronでJavaScriptだね http://mevius.5ch.net/test/read.cgi/tech/1702111239/122
123: デフォルトの名無しさん (ﾜｯﾁｮｲ 85a1-aUy2 [240b:12:203:6300:* [上級国民]]) [sage] 2024/02/04(日) 12:44:47.52 ID:ieWwGMGa0 CSSもHTMLも生で書くのは平成だしな 普通SASSやらPugやら使うだろ JSだってWebpackやらBrowserify越しに使うやろ まぁNode.jsじゃトランスパイル遅いから GOやRustのツールに置き換える流れにはなってるが じゃあ最初からCやGO、Rustでやれば良かったよねとはならないフットワークの軽さがNode.jsにはあるからな http://mevius.5ch.net/test/read.cgi/tech/1702111239/123
124: デフォルトの名無しさん (ﾜｯﾁｮｲ 1b47-JMKI [2001:240:2462:f08:*]) [sage] 2024/02/04(日) 12:55:11.06 ID:m4gIKl+m0 Rustで書いたJSトランスパイラは速いけどRust自体のコンパイルは遅い http://mevius.5ch.net/test/read.cgi/tech/1702111239/124
125: デフォルトの名無しさん (ﾜｯﾁｮｲ f54b-7hFQ [116.82.1.91]) [sage] 2024/02/04(日) 23:16:57.06 ID:/yrx0E0+0 あることをローカルマシンでやりたくて、Python入ってっから、それでやろうとしたらできなくて（いや正確にはすごく遅い）Node.jsになってしまった。何かは言わない。 http://mevius.5ch.net/test/read.cgi/tech/1702111239/125
126: デフォルトの名無しさん (ﾜｯﾁｮｲ fd09-tjaG [210.131.245.99]) [] 2024/02/05(月) 09:44:15.86 ID:Q9Y3g4UN0 node.jsの良さはJavaScriptでプログラミングできる事 Electron使えばUIもHTMLで書けるので便利 なれたらJavaScriptでデスクトップアプリを書くのが楽しくなった http://mevius.5ch.net/test/read.cgi/tech/1702111239/126
127: デフォルトの名無しさん (ﾜｯﾁｮｲ abcf-aUy2 [2001:240:242f:19bc:* [上級国民]]) [sage] 2024/02/05(月) 15:57:34.49 ID:thNH7tNN0 >>126 Electronはファイルがデカいから 俺が何か作る時はCLI一択だわ 対話的な物作る時は Tauriで作ってみたいなぁと思う http://mevius.5ch.net/test/read.cgi/tech/1702111239/127
128: デフォルトの名無しさん (ﾜｯﾁｮｲ 9bea-EeOY [2400:2200:395:1aae:*]) [sage] 2024/02/05(月) 18:19:30.64 ID:1m9RfVzn0 >>118 Visual Studio Codeがjavascriptで作られている http://mevius.5ch.net/test/read.cgi/tech/1702111239/128
129: デフォルトの名無しさん (ｱｳｱｳｴｰ Sa13-25ln [111.239.175.167]) [sage] 2024/02/05(月) 19:17:51.68 ID:+Fh+RIwSa vscodeが糞な理由が分かった気がした http://mevius.5ch.net/test/read.cgi/tech/1702111239/129
130: デフォルトの名無しさん (ﾜｯﾁｮｲ 436c-OKLl [240b:12:6820:b000:*]) [sage] 2024/02/06(火) 07:31:11.51 ID:JsprpZ5q0 ElectronとAngularで作られてるシステム見させてもらったんだけど、reactに書き換えるって言ってたな ならnativeでよくね？ http://mevius.5ch.net/test/read.cgi/tech/1702111239/130
131: デフォルトの名無しさん (ﾗｸｯﾍﾟﾍﾟ MMcb-0t4v [133.106.91.72]) [sage] 2024/02/06(火) 14:51:45.98 ID:nsw90RpoM reactとreact nativeって書き換えが必要なの？ ゴミかな？ http://mevius.5ch.net/test/read.cgi/tech/1702111239/131
132: デフォルトの名無しさん (ﾜｯﾁｮｲ bd43-tydm [114.148.57.9]) [] 2024/02/06(火) 15:07:15.20 ID:4bvVpi0E0 >>0127 TauriはWebViewなので Electronの様にWebRequestを簡単に操れない Rustに拘らないのなら 使い慣れた開発言語でWebViewを組み込んだ方が手っ取り早い http://mevius.5ch.net/test/read.cgi/tech/1702111239/132
133: デフォルトの名無しさん (ﾜｯﾁｮｲ d58a-MO48 [2001:268:9ae3:e45c:*]) [sage] 2024/02/07(水) 01:01:55.81 ID:8Eizk2eA0 YouTube 動画で見たけど、 北米では、Flutter よりも、React Native が多いらしい http://mevius.5ch.net/test/read.cgi/tech/1702111239/133
134: デフォルトの名無しさん (ﾜｯﾁｮｲ fd09-tydm [210.131.245.99]) [] 2024/02/07(水) 10:23:32.40 ID:Q0zrTHJg0 JavaScriptで書ける環境の話から かなり脱線気味 http://mevius.5ch.net/test/read.cgi/tech/1702111239/134
135: デフォルトの名無しさん (ﾜｯﾁｮｲ 3743-5kwM [60.32.26.124]) [sage] 2024/02/11(日) 13:06:38.03 ID:4EmF6N4v0 業務がWebアプリなのは危険だと言い出した管理職がいて Electronでチャチャとデスクトップソフト風にしたら 仕事が早いとお褒めいただいたw 何も変わっちゃいなんだけれどそれはナイショ http://mevius.5ch.net/test/read.cgi/tech/1702111239/135
136: デフォルトの名無しさん (ﾜｯﾁｮｲ 0e46-9m7S [2001:240:242e:628f:*]) [] 2024/02/11(日) 14:27:08.42 ID:cAyMWgFh0 危険だという懸念が素人の無理解から来てるだけなのか妥当な懸念なのか分からないから何とも言えんな 前者なら悪くない回避策 http://mevius.5ch.net/test/read.cgi/tech/1702111239/136
137: デフォルトの名無しさん (ﾜｯﾁｮｲ 7702-yee3 [124.208.87.61]) [sage] 2024/02/11(日) 21:47:35.74 ID:VNWSIW9O0 ブラウザのアドインに情報吸われる危険性は下がるね http://mevius.5ch.net/test/read.cgi/tech/1702111239/137
138: デフォルトの名無しさん (ﾜｯﾁｮｲ 2279-8TQs [61.192.207.171]) [sage] 2024/02/11(日) 23:27:36.16 ID:Z05z2D4x0 まあ一般的に考えて危険やな その認識は正しいさすが管理職 http://mevius.5ch.net/test/read.cgi/tech/1702111239/138
139: デフォルトの名無しさん (ﾜｯﾁｮｲ f7cc-5xY/ [2400:2200:7b8:65d5:*]) [sage] 2024/02/12(月) 12:55:25.07 ID:3q7oTZTX0 管理職が正しい どんなに堅牢なシステムでも狙われたら終わり だから今はクラウドじゃなくてオンプレ回帰してる http://mevius.5ch.net/test/read.cgi/tech/1702111239/139
140: デフォルトの名無しさん (ﾜｯﾁｮｲ 025c-Rmwz [211.3.240.74]) [sage] 2024/02/12(月) 15:27:53.80 ID:2z81MgsB0 もうネット使うなよ http://mevius.5ch.net/test/read.cgi/tech/1702111239/140
141: デフォルトの名無しさん (ﾜｯﾁｮｲ a3e0-uTAv [2404:7a82:3de0:3500:*]) [sage] 2024/02/12(月) 15:53:51.52 ID:BAGnA5Sa0 Access でいいよ http://mevius.5ch.net/test/read.cgi/tech/1702111239/141
142: デフォルトの名無しさん (ｽｯﾌﾟﾌﾟ Sd42-hHXc [49.105.71.123]) [sage] 2024/02/17(土) 10:17:04.46 ID:eAolMzZEd VBAとC#でちょくちょくアプリ作ってる程度のもんなんですけど 最近VS Code使ってjavascriptの勉強始めたわけですよ デフォルトの環境で扱ってる限り、typoの指摘が甘くて気づくのに時間かかってしまってつらいです Visual StudioでC#つかってるとかなり丁寧に指摘してくれるんで助かるんですが Codeはその辺厳しいですね Code Spell Checkerを入れてみたんですけど、よさそうな対策は他にありますか？ http://mevius.5ch.net/test/read.cgi/tech/1702111239/142
143: デフォルトの名無しさん (ﾜｯﾁｮｲ e200-JaQ4 [221.118.182.146]) [sage] 2024/02/17(土) 10:48:07.30 ID:Hugfzc2R0 JSはデフォだとどんなパラメータも持ちうるのでtypoを機械的に見つけにくい言語。 なのでjsdocゴリゴリ書く（もっとやるなら@ts-checkも）かTypeScript使うと良いよ http://mevius.5ch.net/test/read.cgi/tech/1702111239/143
144: デフォルトの名無しさん (ｽｯﾌﾟﾌﾟ Sd42-hHXc [49.105.71.123]) [sage] 2024/02/17(土) 14:57:51.18 ID:eAolMzZEd >>143 ありがとうございます TypeScriptも視野にいれてちょい調べてみます http://mevius.5ch.net/test/read.cgi/tech/1702111239/144
145: デフォルトの名無しさん (ﾜｯﾁｮｲ f7d7-bM9J [240b:12:203:6300:* [上級国民]]) [sage] 2024/02/17(土) 15:05:36.03 ID:MLAS2UwQ0 >>142 VSと比較するならWebStormじゃなきゃ辛いし VSCodeのままでもLSPなりで魔改造すれば頑張れるやろ http://mevius.5ch.net/test/read.cgi/tech/1702111239/145
146: デフォルトの名無しさん (ﾜｯﾁｮｲ a2ec-zkg8 [2400:2200:6b4:ee70:*]) [sage] 2024/02/17(土) 17:54:57.60 ID:3rmfz0Aa0 >>142の言うtypoが具体的にどんなのか気になる 厳しいのはCodeじゃなくてJavaScriptなのを誤解してそう http://mevius.5ch.net/test/read.cgi/tech/1702111239/146
147: デフォルトの名無しさん (ﾜｯﾁｮｲ 47f1-bM9J [2001:240:247a:6078:* [上級国民]]) [sage] 2024/02/17(土) 18:56:27.31 ID:snWQTW2N0 JSもDataflow Proposalsが導入されたら 普通に使い続けるんだがなぁ http://mevius.5ch.net/test/read.cgi/tech/1702111239/147
148: デフォルトの名無しさん (ﾜｯﾁｮｲ 7310-HqFJ [180.12.82.129]) [] 2024/02/19(月) 18:24:10.88 ID:waVDHmuE0 マウスボタンを押しながらマウスを移動させてからマウスボタンを離すと マウスボタンを離したときにmouseupだけでなくmousemoveも反応してしまうんだけど仕様ですか？ これ知らなくて動作が思うように行かなかった。 http://mevius.5ch.net/test/read.cgi/tech/1702111239/148
149: デフォルトの名無しさん (ﾜｯﾁｮｲ ef5b-WqLa [2400:2200:6b5:cb6f:*]) [sage] 2024/02/20(火) 00:12:35.13 ID:n1uvc9Mt0 手元で試したところmouseup直後に同じ座標でmousemoveが発火してるのを確認 うまく判定して後続処理が走らないようにすれば良さそうではある http://mevius.5ch.net/test/read.cgi/tech/1702111239/149
150: デフォルトの名無しさん (ﾜｯﾁｮｲ 7310-HqFJ [180.12.82.129]) [] 2024/02/20(火) 12:26:48.30 ID:jaWYglX60 >>149 ありがとうございます そうしてみます http://mevius.5ch.net/test/read.cgi/tech/1702111239/150
151: デフォルトの名無しさん (ﾜｯﾁｮｲ 1374-A/5V [240b:12:203:6300:* [上級国民]]) [sage] 2024/02/20(火) 12:38:34.44 ID:SYHvuSDa0 >>148 mouseoverはマウスが何かの要素の上を移動すれば毎回出てくるから マウスを持ってる限り常に垂れ流し続けるぞ ドラッグアンドドロップを実装したいなら イベント(関数発火)が非同期かつ大量に垂れ流しになること前提で組む必要がある 一案としては上のスコープで何個か変数を定義 mousedown -> 直下の要素を掴んでhold変数に放り込む mousemove -> hold変数に値が入ってないなら即return、座標変数に座標情報を格納 mouseup -> 精算、hold変数と座標変数をnullにする http://mevius.5ch.net/test/read.cgi/tech/1702111239/151
152: よろしくお願いいたします (ｽｯﾌﾟ Sdfa-RtHD [1.72.9.18]) [sage] 2024/02/28(水) 10:59:38.09 ID:j/HFCr6sd はじめて、質問させていただきます。 今やってることはリストボックスの行を以下で選択しています。 document.getElementById('xxxx').selectedIndex = n; PC版ブラウザではうまくいきました。しかし、モバイル版ブラウザでは1行のドロップダウンリストになってしまいます。 https://ja.stackoverflow.com/questions/34627/html%E3%81%AEselect%E3%81%AEsize%E6%8C%87%E5%AE%9A%E3%81%97%E3%81%A6%E3%82%821%E8%A1%8C%E3%81%A7%E8%A1%A8%E7%A4%BA%E3%81%95%E3%82%8C%E3%82%8B%E5%95%8F%E9%A1%8C それで、以下のjqueryの $("select").fixForSafariMobile(true); を使ったところ、表示はドロップダウンリストからリストボックスになりましたが、上のselectedIndexが動作しなくなりました。 https://github.com/sylvain-hamel/safarimobile-multiline-select/blob/master/src/safarimobile-multiline-select.js https://github.com/sylvain-hamel/safarimobile-multiline-select/blob/master/experiments/experiments.html http://mevius.5ch.net/test/read.cgi/tech/1702111239/152
153: よろしくお願いいたします (ｽｯﾌﾟ Sdfa-RtHD [1.72.9.18]) [sage] 2024/02/28(水) 11:00:05.73 ID:j/HFCr6sd はじめて、質問させていただきます。 今やってることはリストボックスの行を以下で選択しています。 document.getElementById('xxxx').selectedIndex = n; PC版ブラウザではうまくいきました。しかし、モバイル版ブラウザでは1行のドロップダウンリストになってしまいます。 https://ja.stackoverflow.com/questions/34627/html%E3%81%AEselect%E3%81%AEsize%E6%8C%87%E5%AE%9A%E3%81%97%E3%81%A6%E3%82%821%E8%A1%8C%E3%81%A7%E8%A1%A8%E7%A4%BA%E3%81%95%E3%82%8C%E3%82%8B%E5%95%8F%E9%A1%8C それで、以下のjqueryの $("select").fixForSafariMobile(true); を使ったところ、表示はドロップダウンリストからリストボックスになりましたが、上のselectedIndexが動作しなくなりました。 https://github.com/sylvain-hamel/safarimobile-multiline-select/blob/master/src/safarimobile-multiline-select.js https://github.com/sylvain-hamel/safarimobile-multiline-select/blob/master/experiments/experiments.html http://mevius.5ch.net/test/read.cgi/tech/1702111239/153
154: デフォルトの名無しさん (ﾜｯﾁｮｲ 470f-IZcd [2001:240:247f:f9c3:*]) [sage] 2024/02/28(水) 11:09:45.91 ID:74XehS+p0 はじめて、質問させていただきます。 今やってることはリストボックスの行を以下で選択しています。 document.getElementById('xxxx').selectedIndex = n; PC版ブラウザではうまくいきました。しかし、モバイル版ブラウザでは1行のドロップダウンリストになってしまいます。 https://ja.stackoverflow.com/questions/34627/html%E3%81%AEselect%E3%81%AEsize%E6%8C%87%E5%AE%9A%E3%81%97%E3%81%A6%E3%82%821%E8%A1%8C%E3%81%A7%E8%A1%A8%E7%A4%BA%E3%81%95%E3%82%8C%E3%82%8B%E5%95%8F%E9%A1%8C それで、以下のjqueryの $("select").fixForSafariMobile(true); を使ったところ、表示はドロップダウンリストからリストボックスになりましたが、上のselectedIndexが動作しなくなりました。 https://github.com/sylvain-hamel/safarimobile-multiline-select/blob/master/src/safarimobile-multiline-select.js https://github.com/sylvain-hamel/safarimobile-multiline-select/blob/master/experiments/experiments.html http://mevius.5ch.net/test/read.cgi/tech/1702111239/154
155: デフォルトの名無しさん (ﾜｯﾁｮｲ 470f-IZcd [2001:240:247f:f9c3:*]) [sage] 2024/02/28(水) 11:10:03.68 ID:74XehS+p0 はじめて、質問させていただきます。 今やってることはリストボックスの行を以下で選択しています。 document.getElementById('xxxx').selectedIndex = n; PC版ブラウザではうまくいきました。しかし、モバイル版ブラウザでは1行のドロップダウンリストになってしまいます。 https://ja.stackoverflow.com/questions/34627/html%E3%81%AEselect%E3%81%AEsize%E6%8C%87%E5%AE%9A%E3%81%97%E3%81%A6%E3%82%821%E8%A1%8C%E3%81%A7%E8%A1%A8%E7%A4%BA%E3%81%95%E3%82%8C%E3%82%8B%E5%95%8F%E9%A1%8C それで、以下のjqueryの $("select").fixForSafariMobile(true); を使ったところ、表示はドロップダウンリストからリストボックスになりましたが、上のselectedIndexが動作しなくなりました。 https://github.com/sylvain-hamel/safarimobile-multiline-select/blob/master/src/safarimobile-multiline-select.js https://github.com/sylvain-hamel/safarimobile-multiline-select/blob/master/experiments/experiments.html http://mevius.5ch.net/test/read.cgi/tech/1702111239/155
156: デフォルトの名無しさん (ｽｯﾌﾟ Sdfa-RtHD [1.72.9.18]) [sage] 2024/02/28(水) 11:34:49.79 ID:j/HFCr6sd すみません。5個書き込まれてしまいました。すみません。 http://mevius.5ch.net/test/read.cgi/tech/1702111239/156
157: デフォルトの名無しさん (ﾜｯﾁｮｲ 1314-fCbz [240b:12:203:6300:*]) [sage] 2024/02/28(水) 12:19:36.32 ID:bgJbuEEB0 >>152 そもそもjQueryは時代遅れだから ReactなりVue.jsなりのJSフレームワーク覚えて移行しろ 理由は>>114 誰が作ったか分からん動くかも全く保証されてないし、10年前からもうメンテすらされてない fixForSafariMobileなんてプラグインなんて持ち出してきて 意図通りに動きませんとか動くわけないし、アドバイス出来る訳ない プラグインの作者は神様でも何でもない 俺らとそう変わらない腕前の奴が少しの善意と承認欲求で作ったコード片でしかない どうしてもjQuery+プラグインでやりたいならその作者のsylvain-hamelさんにでも聞くか GitHubで公開されてるコードを全て読んでちゃんと理解して手直ししなよ http://mevius.5ch.net/test/read.cgi/tech/1702111239/157
ﾒﾓ帳
(0/65535文字)
上
下
前
次
1-
新
書
関
写
板
覧
索
設
栞
歴
あと 151 ﾚｽあります
ｽﾚ情報
赤ﾚｽ抽出
画像ﾚｽ抽出
歴の未読ｽﾚ
AAｻﾑﾈｲﾙ
Google検索
Wikipedia
ぬこの手
ぬこTOP
0.009s