JavaScript の質問用スレッド vol.126 (308ﾚｽ)
JavaScript の質問用スレッド vol.126 http://mevius.5ch.net/test/read.cgi/tech/1702111239/
上
下
前
次
1-
新
通常表示
512ﾊﾞｲﾄ分割
ﾚｽ栞
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
158: 質問者 (ｽｯﾌﾟ Sdfa-RtHD [1.72.9.18]) [sage] 2024/02/28(水) 18:05:41.24 ID:j/HFCr6sd レスありがとうございます。昔からあるjsやjQueryは今は時代遅れなんですね。 ただ、今回は15年動いているものの改修作業なんです。 fixForSafariMobileはjQueryソースからselectboxからlistに変換するということはわかりました。 $("selectTarget").selectValue(ul, val)で、できそうだと思ったのですが、ulで何を渡すかまでは来ました。 valからulを検索して取得してからこれなんですかね？ http://mevius.5ch.net/test/read.cgi/tech/17021
11239/158
159: デフォルトの名無しさん (ﾜｯﾁｮｲ 13d2-fCbz [240b:12:203:6300:*]) [sage] 2024/02/29(木) 00:27:46.28 ID:XLzCkQ6P0 >>158 なるほどなぁ、なら何とかツギハギで頑張ってパッチするわけか んで、.selectValueで出来そうだと思いました！って言われても そんなメソッドjQueryには無いぞ ttps://api.jquery.com/ 何らかのライブラリなりで jQueryのメソッドを拡張・追加すれば実現出来るが それを何の前提知識も無く「どうやって使えば良いですか？」と言われても何もアドバイス出来んぞ jQueryはもう相当うろ覚えだが .valメソッドとかを
使うんじゃなかったか？ セレクトボックスは動きが特殊だから.valで動かんかったら他のメソッド探してみろ jQueryの公式ドキュメントを読め JavaScriptの話ならMDNをちゃんと読め そうとしか言えんわ頑張れ http://mevius.5ch.net/test/read.cgi/tech/1702111239/159
160: 質問者 (ﾜｯﾁｮｲ 23e7-MEMs [118.87.46.101]) [] 2024/03/01(金) 23:06:30.38 ID:Id25sy0k0 いろいろとありがとうございます。 http://mevius.5ch.net/test/read.cgi/tech/1702111239/160
161: 質問者 (ﾜｯﾁｮｲ 23e7-MEMs [118.87.46.101]) [sage] 2024/03/01(金) 23:23:12.37 ID:Id25sy0k0 やりたいこと ・プログラムのデバッガみたいなステップ実行ができるWEBで作成されたものを改修。 ・スクロールしていくので、複数行リストボックスで現在行を選択表示して、実現。PC版では動く。 ・しかし、モバイル版では、html形式の複数行リストボックスは１行のドロップダウンリストBOXになってしまう。 どうもこれは、モバイルの仕様なようで、実現するのは不可能ぽい。 過去にある人がjqueryで、モバイルで複数行リストボックスみたいな事は実
現しているが、これはあくまでも表示のみで選択は不可。 ・複数行リストボックスをリスト型で実現している。なので、Val()でも、スクロールして、選択表示できない。 ほかの方法で考えた方が良いですかね？ただ、改修なので、別のフレームワークに変えるのは無理ですね。 http://mevius.5ch.net/test/read.cgi/tech/1702111239/161
162: デフォルトの名無しさん (ﾜｯﾁｮｲ 47f6-WOak [2400:2200:714:c52d:*]) [sage] 2024/03/02(土) 00:10:12.99 ID:Rcnd56Cm0 sizeが指定されているSELECTタグのdisplayをnoneにして消す 代わりに自分でsize分だけのリストなりボタンなりを追加する これをjsでモバイル表示のときだけ実現すりゃいいんじゃない http://mevius.5ch.net/test/read.cgi/tech/1702111239/162
163: 質問者 (ﾜｯﾁｮｲ 23e7-MEMs [118.87.46.101]) [sage] 2024/03/02(土) 11:13:20.78 ID:TgRbMsKE0 >代わりに自分でsize分だけのリストなりボタンなりを追加する >これをjsでモバイル表示のときだけ実現すりゃいいんじゃない レスありがとうございます。 データが100行あります。 今、複数行選択リストボックス(select size=25)では、25行表示できるエリアがあって、75行が隠れています。 99行目のListをスクリプトで選択（人間は選択しません。見てるだけです。）したら、自動的にそこまでスクロールしてくれます。 リスト（ul,li）ではスク
ロールまでしてくれず、隠れてしまって、実現はできないと思うのですが... http://mevius.5ch.net/test/read.cgi/tech/1702111239/163
164: 質問者 (ﾜｯﾁｮｲ 23e7-MEMs [118.87.46.101]) [sage] 2024/03/02(土) 11:46:08.42 ID:TgRbMsKE0 <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> <js> $('now_exe_prg_row').val('99') これをlistで実現したいのですが、無理ですよね？ http://mevius.5ch.net/test/read.cgi/tech/1702111239/
164
165: デフォルトの名無しさん (ﾜｯﾁｮｲ 47f6-WOak [2400:2200:714:c52d:*]) [sage] 2024/03/02(土) 12:45:11.55 ID:Rcnd56Cm0 無理じゃない jsでdom操作はいくらでもできる ul liでoptionのような動作をするカスタムのリストボックスも作成可能でcssフレームワークではよくつかう手法 そういうカスタムのWebComponentを作るといいよ selectから情報をひっぱってきて外観をul liでカスタムコンポーネントを作り、liのクリックイベントリスナーでselect要素のselectedIndexを変更すればいい select要素はモバイル環境ではdisplayをnoneにする http://
mevius.5ch.net/test/read.cgi/tech/1702111239/165
166: デフォルトの名無しさん (ﾜｯﾁｮｲ 47f6-WOak [2400:2200:714:c52d:*]) [sage] 2024/03/02(土) 12:47:42.36 ID:Rcnd56Cm0 再利用しないのならWebComponent書くまでもなくそのままjsで書けばいい http://mevius.5ch.net/test/read.cgi/tech/1702111239/166
167: デフォルトの名無しさん (ﾜｯﾁｮｲ 13f5-GI/N [240b:12:203:6300:* [上級国民]]) [sage] 2024/03/02(土) 12:52:06.03 ID:Ac/Ek54X0 >>164 CSSでul > liの見栄えを調整しろ ・メディアクエリの画面横幅で適応されるCSSを切り分ける ・heightをliの25行分の高さに指定 ・overflow: scrollを付けてul内でスクロール出来るようにする CSSを見栄えを整える能力は Webで食ってく行くならこの先ずっと使うから覚えろ CSS2の頃はまだ「技術的にも無理です！」ってケース多かったが CSS3までフル動員させたら「それお前が無知なだけ」ってケース
ばかりだぞ http://mevius.5ch.net/test/read.cgi/tech/1702111239/167
168: デフォルトの名無しさん (ﾜｯﾁｮｲ 47f6-WOak [2400:2200:714:c52d:*]) [sage] 2024/03/02(土) 13:00:31.15 ID:Rcnd56Cm0 仕事で受けてるのならこのくらいできないとヤバいぞ カスタムコンポーネントにすれば customListBox.size = 25 customListBox.selectIndex = 99 みたいに設定できるようにメソッド追加すると便利 http://mevius.5ch.net/test/read.cgi/tech/1702111239/168
169: デフォルトの名無しさん (ﾜｯﾁｮｲ 8f43-04EL [114.166.8.189]) [] 2024/03/02(土) 14:29:55.91 ID:83dahe0E0 無理にiOSでも同じUIにする必要ないのと違う ぐるぐる回るドラム式がiOSのSafari流でかっこいいじゃんと褒め殺せば 林檎ユーザー特有の優越感をくすぐりOKもらえる気がする http://mevius.5ch.net/test/read.cgi/tech/1702111239/169
170: デフォルトの名無しさん (ﾜｯﾁｮｲ ba40-aDj+ [2400:2200:770:d15b:*]) [sage] 2024/03/02(土) 15:39:45.46 ID:Ozqjn7Yu0 >>164 細かい要件が分からないけどただそれっぽく表示するだけならこんなのでいいんじゃないの？ jsfiddle.net/sj3xkrad/1/ http://mevius.5ch.net/test/read.cgi/tech/1702111239/170
171: 質問者 (ﾜｯﾁｮｲ 572e-lvv7 [118.86.90.123]) [sage] 2024/03/03(日) 22:00:44.67 ID:719to9SO0 皆さんレスありがとうございます。今日休みで明日から参考にさせていただきます http://mevius.5ch.net/test/read.cgi/tech/1702111239/171
172: デフォルトの名無しさん (ﾜｯﾁｮｲ 9724-lvv7 [2001:268:9a3d:bf34:*]) [sage] 2024/03/04(月) 10:08:20.56 ID:ORhetY7X0 Bootstrap, Tailwind, Bulma などに、 使えそうなコンポーネントは無いの？ http://mevius.5ch.net/test/read.cgi/tech/1702111239/172
173: デフォルトの名無しさん (ﾜｯﾁｮｲ 9f02-ZLJX [27.91.124.53]) [sage] 2024/03/05(火) 18:22:59.72 ID:dRdKhnsT0 質問で、 chrome.tabs.query({}, function(tabs) { で全タブを取得した各タブに関して、 そのタブのwindowType（appとかnormalなど）って取得できますか？ http://mevius.5ch.net/test/read.cgi/tech/1702111239/173
174: デフォルトの名無しさん (ﾌﾞｰｲﾓ MM8f-tqxy [133.159.149.112]) [sage] 2024/03/05(火) 18:47:33.98 ID:qENbjC0BM >>173 個別のtab.windowIdから引けるハズ もっとも、はじめからwindow.getAll()を使った方がいいとは思うが http://mevius.5ch.net/test/read.cgi/tech/1702111239/174
175: デフォルトの名無しさん (ﾜｯﾁｮｲ 9f02-ZLJX [27.91.124.53]) [sage] 2024/03/06(水) 10:35:08.32 ID:c6agTDKp0 >>174 お、できた！ ありがとう！ ネットでtabs.WindowTypeってのが載ってたので、それで惑わされてた… http://mevius.5ch.net/test/read.cgi/tech/1702111239/175
176: デフォルトの名無しさん (ﾜｯﾁｮｲ 9f02-ZLJX [27.91.124.53]) [sage] 2024/03/06(水) 10:42:44.31 ID:c6agTDKp0 >>174 取得した各tabに対して取得したかったので、 chrome.windows.get()を使いました。 http://mevius.5ch.net/test/read.cgi/tech/1702111239/176
177: デフォルトの名無しさん (ﾜｯﾁｮｲ 5fad-VtrB [124.141.209.120]) [] 2024/03/29(金) 14:50:19.65 ID:yy1PP2Jg0 非同期処理を同期処理から呼び出すラップ関数を作りたいのですが方法がわかりません AIに聞いたら次のコードが返ってきましたが、当然awaitが使えないので失敗します ------------------------------- //非asyncな呼び出し元から、asyncメソッドを呼び出し、結果が帰るまで待って返却する function FromSyncToAsync() { const result = await [値を返すだけの非同期な関数](); return result } ------------------------------- 調べて
も呼び出し元をasyncにする方法しかみつかりません… http://mevius.5ch.net/test/read.cgi/tech/1702111239/177
178: デフォルトの名無しさん (ﾜｯﾁｮｲ 5fad-VtrB [124.141.209.120]) [] 2024/03/29(金) 15:40:17.46 ID:yy1PP2Jg0 これはエラーはおきないけど失敗。戻り値がpendingになりました ------------------------------- function SyncToCallAsync(){ return getWasmFileLastModified().then((result) => { // 結果を返却 return result; }); } ------------------------------- http://mevius.5ch.net/test/read.cgi/tech/1702111239/178
179: デフォルトの名無しさん (ﾜｯﾁｮｲ 5f85-qPgS [240b:12:203:6300:* [上級国民]]) [sage] 2024/03/29(金) 16:32:26.02 ID:utPNPoKt0 >>177 残念ながら不可能 一度非同期の世界に入ると 同期処理の世界には戻って来られないぞ ・非同期処理から値を受け取る箇所はPromise値を返す関数にする ・前処理や後処理を含めて色々やってくれる関数をasync関数で定義する ・極力此処の関数やクラスメソッドは小さくして、関係ない値を持たせない事で全てをasync関数にする事を防ぐ JavaScriptという言語がイベント駆動やイベントループ前提で作られて
る以上 こういう作りを維持し続けるしかない まぁ、ロジックを司るデカい所は基本async関数だよ 作り直す許可を上長や顧客からもぎ取るのが仕事やね そういう交渉が出来ないなら細かくPromise.thenで作業していくしかない http://mevius.5ch.net/test/read.cgi/tech/1702111239/179
180: デフォルトの名無しさん (ﾜｯﾁｮｲ 5fad-VtrB [124.141.209.120]) [] 2024/03/29(金) 16:55:52.54 ID:yy1PP2Jg0 ありがとうございます。いくつかのAIに聞いても堂々と回答実現不能なコードばかり返してくるので困っていました。できないとわかったほうが先に進めます http://mevius.5ch.net/test/read.cgi/tech/1702111239/180
181: デフォルトの名無しさん (ﾜｯﾁｮｲ df68-csuD [2400:2200:454:574d:*]) [sage] 2024/03/29(金) 17:39:27.22 ID:D+b6Pa3z0 現時点ではAIは不可能なことを不可能と答えないケースが多い 信用しすぎないように http://mevius.5ch.net/test/read.cgi/tech/1702111239/181
182: デフォルトの名無しさん (ﾜｯﾁｮｲ 0977-nnmZ [2400:2200:587:7d4f:*]) [sage] 2024/04/05(金) 21:57:54.50 ID:otPTbv2G0 test http://mevius.5ch.net/test/read.cgi/tech/1702111239/182
183: デフォルトの名無しさん (ﾜｯﾁｮｲ d5af-nnmZ [2400:2200:462:2f4f:*]) [sage] 2024/04/05(金) 21:58:17.84 ID:J45N4zHg0 test http://mevius.5ch.net/test/read.cgi/tech/1702111239/183
184: デフォルトの名無しさん (ﾜｯﾁｮｲ 1bbc-AtXo [2404:7a87:26a0:9e00:*]) [sage] 2024/04/13(土) 22:59:37.70 ID:3VlMmSMB0 すいません、Reactの質問ってここでいいですか？ http://mevius.5ch.net/test/read.cgi/tech/1702111239/184
185: デフォルトの名無しさん (ﾜｯﾁｮｲ a310-0yiv [2400:2200:4d8:f2fa:*]) [sage] 2024/04/13(土) 23:23:14.15 ID:i7geu5sV0 まずスレ一覧をReactで検索するぐらいしてみたら？ http://mevius.5ch.net/test/read.cgi/tech/1702111239/185
186: デフォルトの名無しさん (ﾜｯﾁｮｲ 298b-29lp [240d:1a:7fe:ef00:*]) [] 2024/04/20(土) 13:04:04.45 ID:/vy8T+9K0 昔、私が大学でプログラミングを習ったとき（C言語でした）には円周率など特別な値については定数にしろと言われはしましたが、その他の変数については定数にしろとは言われませんでした。 Javascriptの本を今読んでいるのですが、再代入を行わない場合にはすべて「let」ではなく「const」を使えと書いてあります。 このようなことが言われるようになったのはいつ頃からでしょうか？ 私がそう習わなかっただけで、昔から言われてい
たことでしょうか？ http://mevius.5ch.net/test/read.cgi/tech/1702111239/186
187: デフォルトの名無しさん (ﾜｯﾁｮｲ d15e-4mIM [240b:12:203:6300:* [上級国民]]) [sage] 2024/04/20(土) 14:12:14.37 ID:7dIwEOD00 >>186 JavaScriptはCromeやFirefox等のブラウザ作ってる所が各自で動作するエンジン作れと丸投げしてるが 仕様書にあたるECMAScriptが長い間ES5というバージョンのまま止まってた その頃には変数宣言はvarのみだった 流石に今時のプログラミング言語にしようぜって事でECMAScriptの強化が始まり(ES6というプロジェクト) 最終的に2015年からは毎年強化した仕様を出しましょうという話になった その最初の成
果物とも言えるES2015で変数宣言としてvarの他にletとconstの2つが追加 for (var i = 0; i < 5; i++) { setTimeout(() => console.log(i)) } これの出力結果が4が5個連続で表示される 違和感があるが、 letのブロックスコープによって解消されてるのでvarはもう二度と使うなという風潮が出来た (それ以外にもvarは関数の先頭で纏めて書かないと変な動きする箇所がちらほら見受けられ、コーディング規約で制限されていた) また値がコロコロ変わる状態変数が多いと 登場人物がやたら多い粗悪な小説みたいになって作業者が困るので 「再代入禁止
の変数」を求める声が元々多かった その要望を汲んだ再代入禁止のconstも実装されたため 必要になるまで全てconstでプログラミングして、必要な箇所だけ最小限にletを使いましょうという風潮が比較的早く出来た http://mevius.5ch.net/test/read.cgi/tech/1702111239/187
188: デフォルトの名無しさん (ﾜｯﾁｮｲ d15e-4mIM [240b:12:203:6300:* [上級国民]]) [sage] 2024/04/20(土) 14:22:49.70 ID:7dIwEOD00 constは直訳すれば定数だが JSのconstは再代入しちゃいけませんよってだけで 基本は普通の変数として取り扱う 配列やオブジェクト、関数、インスタンスなんかもconstで宣言出来るね 他言語のletみたいなものと考えると良い constで宣言したオブジェクトや配列は再代入禁止なだけで、中身は普通に加工出来てしまうのも作りとして良くない const arr = [1, 2, 3]; arr.push(4); console.log(arr); // [1, 2, 3, 4]
この辺は勝手に加工しないよう運用でカバーやね 値は基本的に複製しまくってガベージコレクションで掃除してもらう パフォーマンスチューニングで仕方なく一つの値を加工しまくる時はライブラリ化したり関数で固めたりして、メインロジックの邪魔にならないようにすること http://mevius.5ch.net/test/read.cgi/tech/1702111239/188
189: デフォルトの名無しさん (ﾜｯﾁｮｲ 298b-29lp [240d:1a:7fe:ef00:*]) [] 2024/04/20(土) 14:53:24.59 ID:/vy8T+9K0 >>187-188 ありがとうございました。 http://mevius.5ch.net/test/read.cgi/tech/1702111239/189
190: デフォルトの名無しさん (ﾜｯﾁｮｲ 6b21-9wFU [121.2.134.225]) [] 2024/04/20(土) 21:40:49.05 ID:KOUUOZ8l0 すみません。 以前からJSフレーム・ワークについて 疑問を持っていたのですが フレーム・ワークを使う人は、 1. JavaScriptに精通しているので 中規模程度のサイトなら 素のJavaScriptと_lodash等だけでも組めるが 効率が悪いのでフレーム・ワークを その内部構造をも理解して使っている。 2. JavaScriptの基本的な仕組みと DOM操作の基本は理解しているが 素のJavaScriptではサイトを作れないので フレーム・ワークの仕様仕組みを理解
して使っている。 の2種類に大別できると思うのですが 結局ブラウザは素のJavaScriptで動いているだけなので 「1」の技能習得に向かわざるを得ないと思うのですが いかがでしょうか。 http://mevius.5ch.net/test/read.cgi/tech/1702111239/190
191: デフォルトの名無しさん (ﾜｯﾁｮｲ 6b55-Olxi [2400:2200:6b3:858d:*]) [sage] 2024/04/20(土) 22:07:39.36 ID:xlVv2mR90 どこから突っ込んでいいのかわからなくて答えようがない http://mevius.5ch.net/test/read.cgi/tech/1702111239/191
192: デフォルトの名無しさん (ﾜｯﾁｮｲ d1f1-4mIM [240b:12:203:6300:* [上級国民]]) [sage] 2024/04/20(土) 22:27:55.19 ID:7dIwEOD00 >>190 lodashは関数型プログラミング的な値の加工を司るフレームワークだぞ 一部だけ利用させて頂いて関数片の集合体ライブラリとして使うことも出来るがな フレームワークは機能を提供するライブラリであると共に 大きなプロダクトを作っていく為のファイル・関数・モジュール置き場をルールで区切ってここに設置してくださいねー こういう司書さんみたいな役割も担ってる 複数人でプロダクトを触ったり 半
年後にどれどれ？と帰ってきて読み直した時にナニコレ？にならない為に プログラミングスキルの良し悪しに限らず 適切なフレームワークがあるなら使った方が良い フレームワークを使わん機能を作る時でも 関数やファイルを作って保管するタイミングで「このフレームワークの考え方は好きだな、同じディレクトリ名を作ってそこに保管しよう」 自然とこういう発想が生まれる なのでフレームワークを使い分けてる人間は引き出しが多くなっていき 可読性の良いプロダクトを作る能力も養われる 結局フレームワーク無しで適当に関数やファイルを作って放
り投げるばかりで 読み辛いプロダクト作ってる奴なんて3流の雑魚だよ http://mevius.5ch.net/test/read.cgi/tech/1702111239/192
193: デフォルトの名無しさん (ﾜｯﾁｮｲ d721-K5o/ [121.2.134.225]) [] 2024/04/21(日) 00:20:10.62 ID:R6fhRdj50 >>191 >>192 ありがとうございます。 ご教示参考にさせて頂き 精進いたします。 http://mevius.5ch.net/test/read.cgi/tech/1702111239/193
194: デフォルトの名無しさん (ﾜｯﾁｮｲ 1735-TxeL [2001:268:9a1c:ec74:*]) [sage] 2024/04/21(日) 02:22:30.51 ID:9CBVBBl20 >>186 サイの表紙のサイ本。 初めてのJavaScript 第3版 ――ES2015以降の最新ウェブ開発、オライリー、2017 ECMA Script は、ES6(ES2015)で大きな改正があった。 var を非推奨にして、let/const を使う オブジェクトの場合は、たいていconst を使う。 代入はできないが、オブジェクトの中身は更新できるから const a = { x: 1 } a.y = 'あ' a //=> { x: 1, y: 'あ' } a = 2 //=> エラー。再代入はできない！
http://mevius.5ch.net/test/read.cgi/tech/1702111239/194
195: デフォルトの名無しさん (ﾜｯﾁｮｲ 0979-208W [110.2.64.150]) [] 2024/04/28(日) 21:53:35.47 ID:zlR73q8o0 スレ立てあらしスクリプト対抗age http://mevius.5ch.net/test/read.cgi/tech/1702111239/195
196: デフォルトの名無しさん (ﾜｯﾁｮｲ 3fd8-HeGF [240b:11:92e0:d400:*]) [] 2024/06/09(日) 04:17:47.61 ID:7bXOQjjM0 お願いします。 let test = [{id: 1,name: '太郎'},{id: 2,name: '二郎'},{id: 3,name: '三郎'}]; console.log(test); //forEach実行前 test.forEach((value) => { delete value.id; }) console.log(test); //forEach実行後 これを実行してlogを見ると 0:{name: '太郎'} 1:{name: '二郎'} 2:{name: '三郎'} forEach実行後だけでなく実行前の値もオブジェクトのidプロパティが削除されていたのですが理屈がわかりません。
試しに配列ではなくて配列の中のオブジェクトをconsole.logで調べると let test = [{id: 1,name: '太郎'},{id: 2,name: '二郎'},{id: 3,name: '三郎'}]; console.log(test[0]); test.forEach((value) => { delete value.id; }) console.log(test[0]); forEach前のオブジェクトにはidプロパティが存在して forEach後には削除されている期待通りの結果になるのですが どんな理屈なのかわかりません。 初歩的な質問で申し訳ありませんが教えてください http://mevius.5ch.net/test/read.cgi/tech/1702111239/196
197: デフォルトの名無しさん (JP 0H7f-Odlx [133.106.38.39]) [sage] 2024/06/09(日) 04:55:12.99 ID:Wajupa1KH paiza.ioで試したが再現しなかった JavaScriptの実行エンジンがあらかじめ使いもせずすぐdeleteするような無駄な処理を削ぎ落とすとかしてるんじゃね？知らんけど http://mevius.5ch.net/test/read.cgi/tech/1702111239/197
198: デフォルトの名無しさん (ﾜｯﾁｮｲ 23a9-YaDi [240b:12:203:6300:* [上級国民]]) [sage] 2024/06/09(日) 04:59:29.38 ID:eQJZpcgM0 >>196 「JavaScript 参照の値渡し」でググれ 初歩的な事柄だろ？すぐ理解出来るだろ http://mevius.5ch.net/test/read.cgi/tech/1702111239/198
199: デフォルトの名無しさん (JP 0H7f-Odlx [133.106.38.39]) [sage] 2024/06/09(日) 05:22:49.71 ID:Wajupa1KH あーjsをhtmlに直書きしてFireFox/Edgeで読み込んだら再現したわ jsじゃなくて開発者ツールのコンソール表示の仕様だと思う 配列内のオブジェクトみたいなネストされてるモノについては、その時点の値じゃなく表示を求められた時点の値が表示されるとかじやないかな http://mevius.5ch.net/test/read.cgi/tech/1702111239/199
200: デフォルトの名無しさん (ﾜｯﾁｮｲ 3f12-HeGF [240b:11:92e0:d400:*]) [] 2024/06/09(日) 06:13:08.40 ID:7bXOQjjM0 >>198 ありがとうございます。 参照渡しがメモリ上のアドレスを参照してるのは知っていたのですが 初めのconsole.logをした時点ではまだ値を変更していないのに なぜ変更後の値が表示されるのか理屈が分かりませんでした >>197>>199 一度テキストに書いたものを貼ったので^^;お手数をおかけました コンソール表示の仕様ですか、なんとなくですが納得できました 丁寧にありがとうございます。 http://mevius.5c
h.net/test/read.cgi/tech/1702111239/200
201: デフォルトの名無しさん (ﾜｯﾁｮｲ 43e9-qUdF [222.15.234.152]) [] 2024/06/09(日) 06:25:46.35 ID:v+ppJ5f30 id を別な文字に変えると http://mevius.5ch.net/test/read.cgi/tech/1702111239/201
202: デフォルトの名無しさん (ﾜｯﾁｮｲ ff0c-xov0 [240b:253:a100:e600:*]) [] 2024/06/09(日) 08:02:18.06 ID:GyoPGP3N0 全ての波【電磁波】で下記の症状が起きる 理由は電磁波が強いために起こるか電磁波が通過すれば磁気が生じて鉄分が振動して間接的に鼓膜などが振動する マイクロ波聴覚効果を用いた音声伝送に関する検討 2018/03/05 https://www.bookpark.ne.jp/cm/ieej/detail/IEEJ-ZT181039-PDF/ マイクロ波聴覚効果 Wikipedia https://ja.wikipedia.org/wiki/%E3%83%9E%E3%82%A4%E3%82%AF%E3%83%AD%E6%B3%A2%E8%81%B4%E8%A6%9A%E5%8A%B9%E6%9E%
9C >>マイクロ波を照射された被験者は、クリック音やブザーのようなうなり音が聞こえる 早大、物質中の創発磁気モノポールに起こる集団振動現象を理論的に発見 2024/06/04 https://news.mynavi.jp/techplus/article/20240604-2958879/ 理研、電子ビームの電子回折をアト秒で制御できる技術を開発 2024/06/06 https://news.mynavi.jp/techplus/article/20240606-2960578/ ※電磁波も振動させれると記載あり 最低でも下記ノ電磁波の威力が必要なら行っている者全員補足されている GPSの電波は超微弱 https://gigazine.net/news/20240421-gypsum-gp
s-receiver/ ［２２］米国特許５８６８１００号 【ＧＰＳ位置情報を使用した動物コントロール・システム】 一例ですが年々受信機の感度は向上している 東工大、磁束集中器を用いない高感度「ダイヤモンド量子センサ」を開発 2024/06/07 https://news.mynavi.jp/techplus/article/20240607-2961238/ 電磁波音波攻撃をされている部位ごとにホルモンや異常物質などの観測 パーキンソン病の原因物質、脳内の可視化に成功 2024年6月6日 0時00分 https://www.asahi.com/articles/ASS652V7RS65ULBH00GM.html http://mevius.5ch.net/test/read.cgi/tech/17021
11239/202
203: デフォルトの名無しさん (ﾜｯﾁｮｲ 2301-t5YS [60.88.88.32]) [sage] 2024/06/09(日) 08:21:10.79 ID:kTI4ZAed0 >>196 >>199 でも指摘のある通りconsole.logの仕様かな オブジェクトを渡した場合、開発者ツールで見ることのできるのはそのオブジェクトの現在の状態 デバッグで delete の行で止めてみれば確認できるはず http://mevius.5ch.net/test/read.cgi/tech/1702111239/203
204: デフォルトの名無しさん (ﾜｯﾁｮｲ 2361-7AaF [124.87.227.97]) [sage] 2024/06/09(日) 16:12:58.02 ID:Q+r4d53/0 単純なオブジェクトならconsole.log(JSON.stringify(hoge))とかするのも手だね http://mevius.5ch.net/test/read.cgi/tech/1702111239/204
205: デフォルトの名無しさん (ﾜｯﾁｮｲ ff96-sNpc [2400:2200:4b1:1eb8:*]) [sage] 2024/06/09(日) 17:12:03.63 ID:bzc/s2Ac0 ここが詳しいね↓ Chrome の console.log でハマらないために http://nmi.jp/2022-11-14-Be-careful-about-console-log-in-chrome http://mevius.5ch.net/test/read.cgi/tech/1702111239/205
206: デフォルトの名無しさん (ﾜｯﾁｮｲ 639f-VQfa [2001:268:9a20:1e45:*]) [sage] 2024/06/09(日) 18:59:00.31 ID:47AcMhsH0 >let test オブジェクトtest に再代入していないから、const test を使う。 内部を変更しているだけだから(破壊的変更) 配列オブジェクトtest の、内部のオブジェクトを変更している。 value は参照渡し。 内部のオブジェクトをコピー・再構築して、引数に渡すのではない！ C/C++ 以外の言語は参照渡し。 コピー・再構築せずに、現存するオブジェクトをそのまま引数に渡す const test = [{id: 1,name: '太郎'}]; consol
e.log(test); //=> forEach 実行前は、[ { id: 1, name: '太郎' } ] test.forEach((value) => { delete value.id; }) console.log(test); //=> forEach 実行後は、[ { name: '太郎' } ] http://mevius.5ch.net/test/read.cgi/tech/1702111239/206
ﾒﾓ帳
(0/65535文字)
上
下
前
次
1-
新
書
関
写
板
覧
索
設
栞
歴
あと 102 ﾚｽあります
ｽﾚ情報
赤ﾚｽ抽出
画像ﾚｽ抽出
歴の未読ｽﾚ
AAｻﾑﾈｲﾙ
Google検索
Wikipedia
ぬこの手
ぬこTOP
0.014s