JavaScriptフロントエンド総合 Part.11 (83ﾚｽ)
上下前次1-新
1: (ｽﾌﾟｯｯ Sdea-qvJm) 2022/08/19(金)17:47 ID:JGG1nuP9d(1) AAS
!extend:on:vvvvv:1000:512
Vue
外部ﾘﾝｸ:jp.vuejs.org
React
外部ﾘﾝｸ:reactjs.org
Angular
外部ﾘﾝｸ:angular.io
Svelte
外部ﾘﾝｸ:svelte.dev
SolidJS
省13
2: (ﾜｯﾁｮｲ 7f00-SV+m) [age] 2022/08/20(土)08:17 ID:FWpesecQ0(1) AAS
乙
3: (ﾜｯﾁｮｲ 1f5f-34Hh) 2022/08/20(土)09:48 ID:gzt9m+g30(1) AAS
webpackとかそういうのもまとめてください
4: (ｽｯｯﾌﾟ Sd9f-XvCx) 2022/08/26(金)10:58 ID:6BD/kEhJd(1) AAS
フロントといわずExpressとかMeteorとか含めてJSF/W総合でもいいような
5: (ﾜｯﾁｮｲ 7f00-rS2g) 2022/08/26(金)12:42 ID:aMl2/FKy0(1) AAS
Next.jsなんかフロントとバック両方に足突っ込んでるしなぁ
6: (ｵｯﾍﾟｹ Sr51-C+Dj) 2022/08/27(土)23:41 ID:BMzG0I+1r(1) AAS
Nextなんかでフロントとバックに跨がる話題はとりあえずある程度許容してもいいんでないの？
バック単体の話はまだなんとも言えんけども
7: (ｽﾌﾟｯｯ Sd82-Ud03) 2022/08/31(水)11:36 ID:mo357oWmd(1) AAS
Nuxt3のリリースは果たして夏が終わる前に間に合うか
8: (ﾜｯﾁｮｲ eedb-6zO8) 2022/08/31(水)16:26 ID:jYqqCCws0(1) AAS
ほんとにね
個人的にはNuxtAuthも早くリリースしてほしい
9: (ｱｳｱｳｴｰ Sa0a-66rV) 2022/09/02(金)14:45 ID:08cfLy6+a(1) AAS
Nextと比べNuxtはどんなメリットある？
10: (ｵｯﾍﾟｹ Srbb-3vxq) 2022/09/03(土)00:28 ID:yTQdjn9gr(1) AAS
直接比較してどうこうはあんまり聞いたことないな
ほとんどのケースではその前段でReactを選ぶかVueを選ぶかが重要視されるだろうし
11: (ｱｳｱｳｳｰ Sa8b-Iguz) 2022/09/03(土)06:20 ID:kpS+D+jGa(1/2) AAS
jsのp2pって誰か動かした人いる？
説明読んでもエセp2pなのかほんとにp2pなのかよくわからない
Webページそのものをp2pソフトにするって事ならまずセキュリティソフト反応しないとダメな気するんだけど
12(1): (ﾜｯﾁｮｲ 5f00-ZqlE) 2022/09/03(土)06:38 ID:TyJ+MZRP0(1/2) AAS
ページそのものをってのは何がしたいかよくわからんけども、P2P自体はWebRTCでできるでしょ。UDPだし使いにくくて困るけど。
13: (ｱｳｱｳｳｰ Sa8b-Iguz) 2022/09/03(土)07:01 ID:kpS+D+jGa(2/2) AAS
>>12
その通信は、サーバー落とした後も繋がってる？
14(1): (ﾜｯﾁｮｲ 5f00-ZqlE) 2022/09/03(土)08:12 ID:TyJ+MZRP0(2/2) AAS
なんでサーバー落とす必要があるんだ？
lambdaとかFunctions使うとしても、サーバーとしての機能は保たれるじゃん。
シグナリングサーバーとかマッチング必要だし、通信が始まったあとはサーバーは噛まないにしても、サーバー無しで使えるもんじゃないと思うぞ。
あんまり詳しくないけども。
15(1): (ﾜｯﾁｮｲ 0701-SyQL) 2022/09/03(土)11:06 ID:gOA15PeF0(1) AAS
そもそもサーバーをマッチング時だけしか動かしたくないというのが第一にあるんだべ？
heroku無料枠も終了するし
16: (ｱｳｱｳｳｰ Sa8b-Iguz) 2022/09/03(土)21:59 ID:4+McbjgWa(1) AAS
>>14
サーバーとユーザー間の通信を減らそうとしてる
>>15
そう
マッチング時のみサーバーと通信して、そのあとサーバーとの一切の通信せず
サーバー落としても大丈夫になるってのが欲しいんだよね
そしたらwinnyみたいに最新ノードリストをWebにペタペタ貼り付けて
勝手にそこから取得してユーザー間通信するようなものが
js/htmlで書けるなら試そうかと思った
17: (ｽｯｯﾌﾟ Sd32-U+WA) 2022/09/27(火)19:02 ID:f1IKy4Qkd(1) AAS
Nuxt3のリリース予定がいつの間にかautumn 2022になってた
気長に待つか
18: (ﾜｯﾁｮｲ 12ad-JEMU) [さげ] 2022/09/28(水)09:51 ID:twrE8mOG0(1) AAS
Astroええで
19: (JP 0Hff-9+ZJ) 2022/10/02(日)21:56 ID:y5WagmRmH(1) AAS
ググってみたけどフレームワークを問わずSSR化できる仕組みみたいなもの？
20: (ｱｳｱｳｳｰ Sa27-/JMS) 2022/10/03(月)13:39 ID:dovLi14ya(1) AAS
BunがNodeより速いってベンチ
またフィボナッチかよ
そりゃ数値の計算なんかNodeは遅いだろ
21: (ﾜｯﾁｮｲ ff00-WpOg) 2022/10/03(月)14:20 ID:+cQk6ExQ0(1) AAS
関数呼び出し速度の影響が大きくて、フィボナッチでは狭い範囲の性能しか測れないよなぁ
22: (ｵｯﾍﾟｹ Sr47-5JCV) 2022/10/03(月)14:25 ID:N7xyedmEr(1) AAS
それはさすがにこのスレで扱う話題じゃなくない？
もっとふさわしいスレがあるだろう
23: (ﾜｯﾁｮｲ 63f0-/JMS) 2022/10/03(月)18:30 ID:Xeo7xNS40(1) AAS
JSCを使ってるというだけでそれ処理系の速さの問題なのか
Node互換のライブラリのランタイムの速度の違いなのかはっきりしてほしいね
24: (ﾜｯﾁｮｲ 635f-rqSc) 2022/10/10(月)02:32 ID:cE0PM9Fc0(1) AAS
思ったんだけど俺達フロントエンドエンジニアって一生管理画面作るだけ？
25: (ﾜｯﾁｮｲ 034f-iygP) 2022/10/10(月)16:31 ID:gz0/2IVP0(1) AAS
バックエンドエンジニアは、フロントも兼ねている。
AWS, Ruby on Rails, React
一方、Flutter 大学のkboy などのフロントエンジニアは、Firebase だろ
バックエンドはフロントの倍以上、勉強している
26: (ｵｯﾍﾟｹ Sr03-k/Ar) 2022/10/10(月)17:05 ID:NBZSz+/Mr(1) AAS
そういや管理画面作ったことないわ
27: (ｽｯﾌﾟ Sdbf-Jwni) 2022/10/16(日)21:24 ID:fpo4yAyld(1) AAS
ViteってReactには対応してるけどNextJSとはダメっぽい？
ネット調べてみてもそれっぽい情報が見つからない
28: (ｽｯｯﾌﾟ Sdbf-NBVg) 2022/10/17(月)01:08 ID:qDtyW2srd(1) AAS
VueにVDOM無しモード追加されるのか
実行速度上がるんかね
29: (ﾜｯﾁｮｲ 9f00-NDEz) 2022/10/17(月)06:35 ID:DEohUyHF0(1) AAS
PreactもSignals導入したし、ひょっとするとReactも続く流れかもね
30: (ﾜｯﾁｮｲ e9a7-YN6r) 2022/10/24(月)10:44 ID:Nb3s0C0r0(1) AAS
@preact/signals-reactでsignalsがreactでも使えるんだね
useStateとuseContextの完全上位版で記述が減って更新範囲が標準で最小限になる
signals-reactのままでも十分使えるけどこれをラップした新たなライブラリが色々出てくるかな
あとソース解析して行う自動memo化だが
これ以降音沙汰ない
外部ﾘﾝｸ[html]:ja.reactjs.org
31: (ﾜｯﾁｮｲ c200-CQsd) 2022/10/24(月)12:48 ID:PjT8zZPD0(1) AAS
PreactとReactのコラボとか胸熱じゃん
32: (ﾜｯﾁｮｲ 7e02-Cxr3) 2022/10/24(月)20:22 ID:CS1depDs0(1) AAS
なんかつきつめていくと
redraw()
を呼ぶまで再描画しないっ
みたいになったりしてｗ
33: (ﾜｯﾁｮｲ 895f-w3aL) 2022/10/26(水)01:06 ID:S3/1Mbg60(1) AAS
思ったんだけどここまでネットの速度早なってる時代にｒｅａｃｔだのvueだと言い争ってるのって頭悪くね？
コンサルに転職したほうが人類のためによさそう
くそどうでもいいことに付加価値つけ過ぎじゃねフロントエンドってｗ
34: (ﾜｯﾁｮｲ 8201-CQsd) 2022/10/26(水)02:30 ID:/YJfsHv70(1) AAS
細かいことに拘りすぎるヤツは二流かもしれないが、その2つを持ち出して「くそどうでもいいこと」というヤツは三流以下
35: (ｵｯﾍﾟｹ Sr11-hAtW) 2022/10/26(水)08:30 ID:36J1fodHr(1) AAS
言い争いするスレはこっちじゃないし
そもそも言ってることが支離滅裂過ぎる
36: (ﾜｯﾁｮｲ eecf-TfLj) 2022/10/26(水)13:16 ID:OrdcPqRc0(1) AAS
言い争いしてるか？
俺はこっちが好きだ嫌いだって話じゃねーの？
37: (ｵｯﾍﾟｹ Src5-d9L8) 2022/11/04(金)18:09 ID:apocqW/Zr(1) AAS
Next陣営は自前で高速バンドルツール作ったか
Viteと組み合わせる道がなくなったのはちょっと残念
38: (ｽｯﾌﾟ Sd03-4CYG) 2022/11/18(金)01:46 ID:2iqeL6q2d(1) AAS
Nuxt3とVuetify3がようやくリリースされた模様
時間のあるときに触ってみよう
39: (ﾜｯﾁｮｲ cf01-rGOQ) 2023/02/05(日)09:49 ID:ea+C/r2Q0(1/2) AAS
結局日本語英語が主本だはな
1+1でできるものを曲解して理解しなければならない
スキルはすごいけどそれだけ苦労しなければならない
たかが1+1を
40(1): (ﾜｯﾁｮｲ cf01-rGOQ) 2023/02/05(日)09:53 ID:ea+C/r2Q0(2/2) AAS
説明サイト見ても
console.logで"こんにちわ"
してるだけ
どのメソッドの説明もそれで済ませてる
それでなにができるかといえば"こんにちわ"
この使い方しか知らない
41: (ﾜｯﾁｮｲ 9d5f-bL4q) 2023/03/01(水)11:02 ID:jxeZ0t7/0(1) AAS
>>40 preactとかsvelteとかsolidとか新しめのやつは公式でプレイグラウンドつきのチュートリアルがある
その流れに習ってか最近はreactにもvueにもある
42(1): (ｱｳｱｳｸｰ MM35-5Zy2) 2023/03/02(木)21:23 ID:HG5mlk4XM(1) AAS
vueの将来性ってどうなの
今の現場でvue派とreact派がバトっとる
43(1): (ﾜｯﾁｮｲ 9a7c-W5vA) 2023/03/02(木)21:52 ID:2VtcSyn/0(1) AAS
>>42
日本では広まる可能性はあるのでは？
俺はvueしか使ってないけどな
jsxは気持ちが悪いｗ
44: (ﾜｯﾁｮｲ b39f-QeO8) 2023/03/04(土)15:18 ID:jVa71SGR0(1) AAS
>>43
＞jsxは気持ちが悪いｗ
わかるw
ヒアドキュメントならわかるけど、HTMLタグを直接代入って仕様がどうも合わない。
というか、経験上ある言語に、他の言語のコード入れると大抵ろくなことにならないんだよなぁ。
PHPやJavaのコードにSQL文直打ちとか。
45: (ﾜｯﾁｮｲ 9300-8Eq5) 2023/03/04(土)15:38 ID:q4AysNrG0(1) AAS
jsxがHTMLに見えるのは慣れないうちだけなんだよ……。そのうち裏にある関数が透けて見えるようになる。人によっては最初から透けてる。
46: (ﾜｯﾁｮｲ 4110-W5Lg) 2023/03/04(土)15:43 ID:IGk7eTto0(1) AAS
ヒアドキュメントが許せるなら、その開始終了のデリミタがHTMLのタグになったと考えれば同じようなもの。
47: (ｵｯﾍﾟｹ Sr45-nunk) 2023/03/07(火)16:56 ID:8CyK0UVgr(1) AAS
JSXにちょっと抵抗感ある派だけどエディタの支援があればSQL直打ちみたいな苦労はないね
個人的につらみがあるのは反復とか分岐の書き方がmapや三項演算子になるとこかな
これも慣れだとは思うけど
ネストが深く構造が複雑になってくると早めにコンポーネント分割したくなるからこれはこれでいいのかも
48: (ﾜｯﾁｮｲ 0901-t/7i) 2023/03/08(水)00:32 ID:HwTp40Zg0(1) AAS
TSXはたしかに型が良く効いて良いものだとは思う
でもIDEの支援があるのなら、別にVueのテンプレートでも十分に型の恩恵は受けられると思う
型の他だと、フレームワークではなくライブラリであることを標榜するReactは単なるライブラリと呼ぶには思想の強要が強過ぎるので気に入らない
49: (ﾜｯﾁｮｲ 4110-W5Lg) 2023/03/08(水)07:42 ID:0e7t4My90(1) AAS
自分はjsxはタグをまたいでロジックを記述しないところが気に入っている。
人によってはphpやvueのようにロジックを埋め込める方が便利だというかもしれないけれど。
50: (ﾜｯﾁｮｲ 9300-8Eq5) 2023/03/08(水)07:51 ID:D0HSrHOk0(1) AAS
ReactのJSXは式なので一貫性と使い回しやすさがあって良いね
51: (ｽﾌﾟｯｯ Sdbf-HzZj) 2023/05/31(水)23:19 ID:NuH9qw9od(1) AAS
vue3ぼちぼちいじっててdefineEmitsで型推論効かんのなんでやーと思ったら
volarがvue3.3の記法に対応してないぽいのか
そういうのはあるにしてもvue2の頃に比べたらだいぶTypeScriptとの親和性良くなったな
52: (ｽﾌﾟｯｯ Sd02-i2v1) 2023/06/08(木)00:35 ID:aU+aCCScd(1) AAS
vitest触ってみたあとにjestに戻ってくると重さを実感する
vscodeの拡張がもう少し安定してくれればvitestに完全に乗り換えるんだが
53: (ｽｯｯﾌﾟ Sd02-4o52) 2023/07/07(金)00:24 ID:ia7HMv4Qd(1) AAS
Nuxtが2から3で変わり過ぎててつらい
そしてまだ情報が少なくてつらい
54(2): (ﾜｯﾁｮｲ 7f10-Nt2/) 2023/07/26(水)16:17 ID:Ns8vo6jr0(1) AAS
今までjQueryのみだったんだけど、
新プロジェクトを開始するにあたりVueに変えようか悩んでる。
上の方で将来性がどうこうってあったけど、今から学んでも大丈夫かな？
55(1): (ｽﾌﾟｯｯ Sd7f-pjtt) 2023/07/26(水)16:52 ID:YVtDSaIDd(1/2) AAS
>>54
将来性の予測は難しいけどもVue2系から3系へのエコシステム移行に難航して勢力が弱まってるのは確かだと思う
ちなみに候補をVueに絞ってるのは何か理由が？
56(2): (ﾜｯﾁｮｲ dfad-/tqI) 2023/07/26(水)20:51 ID:xTRYiTeg0(1) AAS
そもそも今はjQueryってもはや必要なくないか？
Vue使う使わない以前に
57: (ｽｯｯﾌﾟ Sdff-od31) 2023/07/26(水)21:22 ID:+epDrG+Nd(1) AAS
10年以上前から動いてるサービスとかもあるからな
うちでもjQueryやってる人の隣でNext.jsやってたりするよ
58: (ｽﾌﾟｯｯ Sd7f-pjtt) 2023/07/26(水)21:55 ID:YVtDSaIDd(2/2) AAS
>>56
必要はなくても過去の資産や学習コストの点などから選択肢に入れること自体はおかしいことではないだろう
59(2): (ﾜｯﾁｮｲ 7f10-Nt2/) 2023/07/27(木)14:19 ID:OSD8hvDX0(1) AAS
>>55
Webアプリの開発がPHP（Laravel）だから。
>>56
スライドをはじめ、使えるライブラリ・プラグインが多数あるからね。
素のJavascriptだと、単純なclickイベントにしても
document.getElementById("myButton").addEventListener("click", function() {
alert("test");
});
な書き方になるから、jQueryの方が手間が減るし。
60: (ｽﾌﾟｯｯ Sd7f-pjtt) 2023/07/27(木)14:51 ID:Z8PVvudSd(1) AAS
>>59
>Webアプリの開発がPHP（Laravel）だから。
Laravel全然詳しくなくて申し訳ないんだけど
Reactや他のフロントエンドフレームワークよりVueとの親和性がいいとかあるんだろうか
61: (ｱｳｱｳｱｰ Sa4f-O86Z) 2023/07/27(木)21:12 ID:PeWu9EZya(1) AAS
Laravelはlaravelだけで完結しようとする傾向があるように思える。
今はどうか分からんが
62: (ﾜｯﾁｮｲ df00-ZCcN) 2023/07/27(木)21:39 ID:paqOSnsm0(1) AAS
jQueryは結構独自ルール多くて、今更そんなの覚えたくない
63(1): (ｽｯｯﾌﾟ Sdff-pjtt) 2023/07/28(金)16:51 ID:gVpZ1LYhd(1) AAS
>>59
結局Vueでなければならない理由が分からないけど
他のでもいいならReactあたりも検討してみたらってことで
64(1): (ﾜｯﾁｮｲ be10-BJLm) 2023/07/29(土)23:40 ID:Byg+KbaN0(1) AAS
>>63
なんでVueはどう思う？って質問してる人間に他のを勧めるの？
明確な理由がなければ使わない方がいいの？
65(1): (ｽｯﾌﾟ Sd8a-BZaO) 2023/07/30(日)00:15 ID:g8OLsYSUd(1) AAS
>>64
それは>>54でまず将来性を気にしてるから
現時点で将来性の観点から見たらVueよりReactに軍配が上がるのはVueユーザーでも異論はないところだと思う
だから「他のでもいいなら」と但書きをしたうえでReactを薦めた
66(1): (ﾃﾃﾝﾃﾝﾃﾝ MMe6-vEVY) 2023/07/30(日)01:45 ID:lLY5tqnnM(1) AAS
>>65
実際2系までは使いにくかったし、
3系が出る前なら将来性無いってのは同意しかけたけど、
3系からはTSが公式対応されたしCompositionAPIでかなり書きやすくなってる将来性も悪くないと思うけどな
むしろ公式の開発が活発なのに将来性が無いと言う根拠を知りたい
67: (ｽｯｯﾌﾟ Sd8a-alKV) 2023/07/30(日)09:53 ID:yR0jmjHXd(1) AAS
Vue2からVue3に移行するくらいならReactに移行しようって流れがはっきりとあるからな
AngularJSからAngular2の時と同じパターン
公式が活発でも技術的に進歩していても利用者が付いてこないライブラリやフレームワークは将来性がないと言われてもしゃーない
68: (ｽｯﾌﾟ Sd8a-BZaO) 2023/07/30(日)10:40 ID:LFv8e6Hnd(1) AAS
>>66
Vueに将来性がない、とは言ってない
VueとReactで将来性を比較したら現時点では後者が優位と判断するのが妥当だろう、と言ってるだけ
そこは読み違えないでほしい
69: (ﾜｯﾁｮｲ be10-BJLm) 2023/07/30(日)12:21 ID:3uWnw4SW0(1) AAS
Vue：小規模、初心者向け
React：中大規模、中級者向け
だと思ってるんだけどこれは間違い？
70: (ｽｯｯﾌﾟ Sd8a-6bUv) 2023/08/02(水)17:19 ID:e4ScNhkjd(1) AAS
規模の問題に関しては上にも出てるCompositionAPIやTypeScriptのサポート強化で大分改善されてると思う
71: (ｽｯｯﾌﾟ Sdb3-jTH6) 2023/08/22(火)11:28 ID:Pk2ItGVid(1) AAS
Vueのテンプレートの中で非同期関数を呼び出したいときってどうするのがいいんだろうか
72: (ﾜｯﾁｮｲ 273c-EniM) 2023/09/24(日)02:44 ID:iTmT5V6F0(1) AAS
あんなん、わしの人生で滅多にないわ
73: (ﾜｯﾁｮｲ c901-Ej6x) 2023/10/18(水)01:47 ID:tWI0oNbx0(1) AAS
なんや、こりゃあほか
74: (ﾜｯﾁｮｲ 9259-zkg8) 2024/02/16(金)20:20 ID:giOuQuhM0(1) AAS
Vuetify、半年ぐらい目を離してたら3.3→3.5になってた
コンポーネントもいろいろ増えてるぽいし触ってみよう
75: (ﾜｯﾁｮｲ 1ff1-j8Nj) 2024/03/04(月)10:55 ID:Za4hBNfv0(1) AAS
VSCodeのVolar拡張機能がメジャーバージョンアップ
Vue本体もだけどこれの更新があるのは安心する
76: (ﾜｯﾁｮｲ 0f10-1lZH) 2024/03/04(月)19:40 ID:2BV/eaZ40(1) AAS
分けてたtypescriptの要らなくなったんだな
77: (ﾜｯﾁｮｲ 3ba3-j8Nj) 2024/03/06(水)17:54 ID:2xIGj4Ql0(1) AAS
コード書いてるとちょいちょいヒントやインテリセンスが効かなくなるから都度TSサーバの再起動かけてる
安定化に期待したい
78: (ﾜｯﾁｮｲ 0f10-1lZH) 2024/03/06(水)18:04 ID:UM+1QeXW0(1) AAS
たしかに安定してない…
79: (ﾜｯﾁｮｲ e1a8-UCxz) 2024/03/16(土)23:05 ID:i0rvQyfk0(1) AAS
Vue3のdefineEmitsの書き方について質問
Vue3.3から使えるようになったdefineEmitsの代替構文について下記のページに説明があるんだけど
戻り値のあるイベントハンドラを宣言する方法が分からない
外部ﾘﾝｸ:ja.vuejs.org
具体的には戻り値のない(a)は(a')と書けるけど(b)に対する(b')はどう書けばいいのか不明
(従来の書き方)
const emit = defineEmits<{
(e: 'change', id: number): void // (a)
(e: 'update', value: string): boolean // (b)
}>()
省6
80: (ﾜｯﾁｮｲ 595b-A0KB) 2024/03/18(月)18:31 ID:OOoTBt7a0(1) AAS
一応自己解決というか
少し追ってみたら
type ShortEmits<T extends Record<string, any>> = UnionToIntersection<RecordToUnion<{
[K in keyof T]: (evt: K, ...args: T[K]) => void;
}>>;
という記述があってここで戻り値をvoid決め打ちにしてる模様
戻り値が必要なケースはあまり多くないだろうからその場合は従来の書き方でってことなのだろう
81: (ﾜｯﾁｮｲ ff1e-S1qh) 2024/04/29(月)10:09 ID:82E/D6Wf0(1) AAS
こんな板でも荒らされるのね
82: (ﾜｯﾁｮｲ 7f10-hrwJ) 2024/04/29(月)10:11 ID:3z9/pIrV0(1) AAS
ここにスレ立て荒しくるのめずらいね…
83: (ﾜｯﾁｮｲ 57b5-kfQy) 04/27(日)00:15 ID:W+mP9iQi0(1) AAS
hosyu
上下前次1-新書関写板覧索設栞歴
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 0.454s*