JavaScriptフロントエンド総合 Part.11

1 ：デフォルトの名無しさん ：2022/08/19(金) 17:47:00.42 ID:JGG1nuP9d.net

!extend:on:vvvvv:1000:512

Vue
https://jp.vuejs.org/
React
https://reactjs.org/
Angular
https://angular.io/
Svelte
https://svelte.dev/
SolidJS
https://www.solidjs.com/

※前スレ
Vue vs React vs Svelte Part.7
https://mevius.5ch.net/test/read.cgi/tech/1610901677/
Vue vs React vs Angular vs Svelte Part.8
https://mevius.5ch.net/test/read.cgi/tech/1621744952/
Vue vs React vs Angular vs Svelte Part.9
https://mevius.5ch.net/test/read.cgi/tech/1642316774/
Vue vs React vs Angular vs Svelte Part.10
https://mevius.5ch.net/test/read.cgi/tech/1646747836/

★ここではjQuery, Ruby, C#, Blazorの話題は禁止です
★jQuery, Ruby, C#, Blazorｷﾁｶﾞｲが書き込んでも無視してください
Next, Nuxt, Sapper, Gatsby, VuePress, RedWoodなどはおｋ。

---

VIPQ2_EXTDAT: default:vvvvv:1000:512:: EXT was configured

2 ：デフォルトの名無しさん ：2022/08/20(土) 08:17:20.91 ID:FWpesecQ0.net

乙

3 ：デフォルトの名無しさん ：2022/08/20(土) 09:48:36.20 ID:gzt9m+g30.net

webpackとかそういうのもまとめてください

4 ：デフォルトの名無しさん ：2022/08/26(金) 10:58:45.17 ID:6BD/kEhJd.net

フロントといわずExpressとかMeteorとか含めてJSF/W総合でもいいような

5 ：デフォルトの名無しさん ：2022/08/26(金) 12:42:57.68 ID:aMl2/FKy0.net

Next.jsなんかフロントとバック両方に足突っ込んでるしなぁ

6 ：デフォルトの名無しさん ：2022/08/27(土) 23:41:57.12 ID:BMzG0I+1r.net

Nextなんかでフロントとバックに跨がる話題はとりあえずある程度許容してもいいんでないの？
バック単体の話はまだなんとも言えんけども

7 ：デフォルトの名無しさん ：2022/08/31(水) 11:36:24.55 ID:mo357oWmd.net

Nuxt3のリリースは果たして夏が終わる前に間に合うか

8 ：デフォルトの名無しさん ：2022/08/31(水) 16:26:03.30 ID:jYqqCCws0.net

ほんとにね
個人的にはNuxtAuthも早くリリースしてほしい

9 ：デフォルトの名無しさん ：2022/09/02(金) 14:45:45.66 ID:08cfLy6+a.net

Nextと比べNuxtはどんなメリットある？

10 ：デフォルトの名無しさん (ｵｯﾍﾟｹ Srbb-3vxq)：[ここ壊れてます] .net

直接比較してどうこうはあんまり聞いたことないな
ほとんどのケースではその前段でReactを選ぶかVueを選ぶかが重要視されるだろうし

11 ：デフォルトの名無しさん ：2022/09/03(土) 06:20:13.12 ID:kpS+D+jGa.net

jsのp2pって誰か動かした人いる？
説明読んでもエセp2pなのかほんとにp2pなのかよくわからない
Webページそのものをp2pソフトにするって事ならまずセキュリティソフト反応しないとダメな気するんだけど

12 ：デフォルトの名無しさん ：2022/09/03(土) 06:38:04.52 ID:TyJ+MZRP0.net

ページそのものをってのは何がしたいかよくわからんけども、P2P自体はWebRTCでできるでしょ。UDPだし使いにくくて困るけど。

13 ：デフォルトの名無しさん ：2022/09/03(土) 07:01:01.38 ID:kpS+D+jGa.net

>>12
その通信は、サーバー落とした後も繋がってる？

14 ：デフォルトの名無しさん (ﾜｯﾁｮｲ 5f00-ZqlE)：[ここ壊れてます] .net

なんでサーバー落とす必要があるんだ？
lambdaとかFunctions使うとしても、サーバーとしての機能は保たれるじゃん。
シグナリングサーバーとかマッチング必要だし、通信が始まったあとはサーバーは噛まないにしても、サーバー無しで使えるもんじゃないと思うぞ。
あんまり詳しくないけども。

15 ：デフォルトの名無しさん ：2022/09/03(土) 11:06:00.79 ID:gOA15PeF0.net

そもそもサーバーをマッチング時だけしか動かしたくないというのが第一にあるんだべ？
heroku無料枠も終了するし

16 ：デフォルトの名無しさん ：2022/09/03(土) 21:59:36.83 ID:4+McbjgWa.net

>>14
サーバーとユーザー間の通信を減らそうとしてる

>>15
そう
マッチング時のみサーバーと通信して、そのあとサーバーとの一切の通信せず
サーバー落としても大丈夫になるってのが欲しいんだよね
そしたらwinnyみたいに最新ノードリストをWebにペタペタ貼り付けて
勝手にそこから取得してユーザー間通信するようなものが
js/htmlで書けるなら試そうかと思った

17 ：デフォルトの名無しさん ：2022/09/27(火) 19:02:29.62 ID:f1IKy4Qkd.net

Nuxt3のリリース予定がいつの間にかautumn 2022になってた
気長に待つか

18 ：デフォルトの名無しさん ：2022/09/28(水) 09:51:48.80 ID:twrE8mOG0.net

Astroええで

19 ：デフォルトの名無しさん ：2022/10/02(日) 21:56:18.56 ID:y5WagmRmH.net

ググってみたけどフレームワークを問わずSSR化できる仕組みみたいなもの？

20 ：デフォルトの名無しさん ：2022/10/03(月) 13:39:57.46 ID:dovLi14ya.net

BunがNodeより速いってベンチ
またフィボナッチかよ
そりゃ数値の計算なんかNodeは遅いだろ

21 ：デフォルトの名無しさん (ﾜｯﾁｮｲ ff00-WpOg)：[ここ壊れてます] .net

関数呼び出し速度の影響が大きくて、フィボナッチでは狭い範囲の性能しか測れないよなぁ

22 ：デフォルトの名無しさん (ｵｯﾍﾟｹ Sr47-5JCV)：[ここ壊れてます] .net

それはさすがにこのスレで扱う話題じゃなくない？
もっとふさわしいスレがあるだろう

23 ：デフォルトの名無しさん ：2022/10/03(月) 18:30:55.95 ID:Xeo7xNS40.net

JSCを使ってるというだけでそれ処理系の速さの問題なのか
Node互換のライブラリのランタイムの速度の違いなのかはっきりしてほしいね

24 ：デフォルトの名無しさん ：2022/10/10(月) 02:32:40.16 ID:cE0PM9Fc0.net

思ったんだけど俺達フロントエンドエンジニアって一生管理画面作るだけ？

25 ：デフォルトの名無しさん ：2022/10/10(月) 16:31:25.94 ID:gz0/2IVP0.net

バックエンドエンジニアは、フロントも兼ねている。
AWS, Ruby on Rails, React

一方、Flutter 大学のkboy などのフロントエンジニアは、Firebase だろ

バックエンドはフロントの倍以上、勉強している

26 ：デフォルトの名無しさん ：2022/10/10(月) 17:05:50.17 ID:NBZSz+/Mr.net

そういや管理画面作ったことないわ

27 ：デフォルトの名無しさん ：2022/10/16(日) 21:24:37.72 ID:fpo4yAyld.net

ViteってReactには対応してるけどNextJSとはダメっぽい？
ネット調べてみてもそれっぽい情報が見つからない

28 ：デフォルトの名無しさん ：2022/10/17(月) 01:08:39.32 ID:qDtyW2srd.net

VueにVDOM無しモード追加されるのか
実行速度上がるんかね

29 ：デフォルトの名無しさん ：2022/10/17(月) 06:35:56.85 ID:DEohUyHF0.net

PreactもSignals導入したし、ひょっとするとReactも続く流れかもね

30 ：デフォルトの名無しさん ：2022/10/24(月) 10:44:26.72 ID:Nb3s0C0r0.net

@preact/signals-reactでsignalsがreactでも使えるんだね
useStateとuseContextの完全上位版で記述が減って更新範囲が標準で最小限になる
signals-reactのままでも十分使えるけどこれをラップした新たなライブラリが色々出てくるかな

あとソース解析して行う自動memo化だが
これ以降音沙汰ない
https://ja.reactjs.org/blog/2022/06/15/react-labs-what-we-have-been-working-on-june-2022.html

31 ：デフォルトの名無しさん ：2022/10/24(月) 12:48:14.42 ID:PjT8zZPD0.net

PreactとReactのコラボとか胸熱じゃん

32 ：デフォルトの名無しさん ：2022/10/24(月) 20:22:23.11 ID:CS1depDs0.net

なんかつきつめていくと
redraw()
を呼ぶまで再描画しないっ
みたいになったりしてｗ

33 ：デフォルトの名無しさん ：2022/10/26(水) 01:06:00.91 ID:S3/1Mbg60.net

思ったんだけどここまでネットの速度早なってる時代にｒｅａｃｔだのvueだと言い争ってるのって頭悪くね？
コンサルに転職したほうが人類のためによさそう
くそどうでもいいことに付加価値つけ過ぎじゃねフロントエンドってｗ

34 ：デフォルトの名無しさん ：2022/10/26(水) 02:30:18.40 ID:/YJfsHv70.net

細かいことに拘りすぎるヤツは二流かもしれないが、その2つを持ち出して「くそどうでもいいこと」というヤツは三流以下

35 ：デフォルトの名無しさん ：2022/10/26(水) 08:30:54.85 ID:36J1fodHr.net

言い争いするスレはこっちじゃないし
そもそも言ってることが支離滅裂過ぎる

36 ：デフォルトの名無しさん ：2022/10/26(水) 13:16:48.91 ID:OrdcPqRc0.net

言い争いしてるか？
俺はこっちが好きだ嫌いだって話じゃねーの？

37 ：デフォルトの名無しさん ：2022/11/04(金) 18:09:24.54 ID:apocqW/Zr.net

Next陣営は自前で高速バンドルツール作ったか
Viteと組み合わせる道がなくなったのはちょっと残念

38 ：デフォルトの名無しさん ：2022/11/18(金) 01:46:11.11 ID:2iqeL6q2d.net

Nuxt3とVuetify3がようやくリリースされた模様
時間のあるときに触ってみよう

39 ：デフォルトの名無しさん ：2023/02/05(日) 09:49:22.42 ID:ea+C/r2Q0.net

結局日本語英語が主本だはな
1+1でできるものを曲解して理解しなければならない

スキルはすごいけどそれだけ苦労しなければならない
たかが1+1を

40 ：デフォルトの名無しさん ：2023/02/05(日) 09:53:12.27 ID:ea+C/r2Q0.net

説明サイト見ても
console.logで"こんにちわ"
してるだけ
どのメソッドの説明もそれで済ませてる
それでなにができるかといえば"こんにちわ"
この使い方しか知らない

41 ：デフォルトの名無しさん ：2023/03/01(水) 11:02:45.26 ID:jxeZ0t7/0.net

>>40 preactとかsvelteとかsolidとか新しめのやつは公式でプレイグラウンドつきのチュートリアルがある
その流れに習ってか最近はreactにもvueにもある

42 ：デフォルトの名無しさん ：2023/03/02(木) 21:23:58.81 ID:HG5mlk4XM.net

vueの将来性ってどうなの
今の現場でvue派とreact派がバトっとる

43 ：デフォルトの名無しさん ：2023/03/02(木) 21:52:06.69 ID:2VtcSyn/0.net

>>42
日本では広まる可能性はあるのでは？
俺はvueしか使ってないけどな
jsxは気持ちが悪いｗ

44 ：デフォルトの名無しさん ：2023/03/04(土) 15:18:27.69 ID:jVa71SGR0.net

>>43

＞jsxは気持ちが悪いｗ
わかるw

ヒアドキュメントならわかるけど、HTMLタグを直接代入って仕様がどうも合わない。

というか、経験上ある言語に、他の言語のコード入れると大抵ろくなことにならないんだよなぁ。
PHPやJavaのコードにSQL文直打ちとか。

45 ：デフォルトの名無しさん ：2023/03/04(土) 15:38:49.88 ID:q4AysNrG0.net

jsxがHTMLに見えるのは慣れないうちだけなんだよ……。そのうち裏にある関数が透けて見えるようになる。人によっては最初から透けてる。

46 ：デフォルトの名無しさん ：2023/03/04(土) 15:43:33.74 ID:IGk7eTto0.net

ヒアドキュメントが許せるなら、その開始終了のデリミタがHTMLのタグになったと考えれば同じようなもの。

47 ：デフォルトの名無しさん ：2023/03/07(火) 16:56:05.61 ID:8CyK0UVgr.net

JSXにちょっと抵抗感ある派だけどエディタの支援があればSQL直打ちみたいな苦労はないね
個人的につらみがあるのは反復とか分岐の書き方がmapや三項演算子になるとこかな
これも慣れだとは思うけど

ネストが深く構造が複雑になってくると早めにコンポーネント分割したくなるからこれはこれでいいのかも

48 ：デフォルトの名無しさん ：2023/03/08(水) 00:32:43.97 ID:HwTp40Zg0.net

TSXはたしかに型が良く効いて良いものだとは思う
でもIDEの支援があるのなら、別にVueのテンプレートでも十分に型の恩恵は受けられると思う
型の他だと、フレームワークではなくライブラリであることを標榜するReactは単なるライブラリと呼ぶには思想の強要が強過ぎるので気に入らない

49 ：デフォルトの名無しさん ：2023/03/08(水) 07:42:08.04 ID:0e7t4My90.net

自分はjsxはタグをまたいでロジックを記述しないところが気に入っている。
人によってはphpやvueのようにロジックを埋め込める方が便利だというかもしれないけれど。

50 ：デフォルトの名無しさん ：2023/03/08(水) 07:51:24.91 ID:D0HSrHOk0.net

ReactのJSXは式なので一貫性と使い回しやすさがあって良いね

51 ：デフォルトの名無しさん ：2023/05/31(水) 23:19:36.82 ID:NuH9qw9od.net

vue3ぼちぼちいじっててdefineEmitsで型推論効かんのなんでやーと思ったら
volarがvue3.3の記法に対応してないぽいのか
そういうのはあるにしてもvue2の頃に比べたらだいぶTypeScriptとの親和性良くなったな

52 ：デフォルトの名無しさん ：2023/06/08(木) 00:35:52.88 ID:aU+aCCScd.net

vitest触ってみたあとにjestに戻ってくると重さを実感する
vscodeの拡張がもう少し安定してくれればvitestに完全に乗り換えるんだが

53 ：デフォルトの名無しさん (ｽｯｯﾌﾟ Sd02-4o52)：2023/07/07(金) 00:24:02.38 ID:ia7HMv4Qd.net

Nuxtが2から3で変わり過ぎててつらい
そしてまだ情報が少なくてつらい

54 ：デフォルトの名無しさん (ﾜｯﾁｮｲ 7f10-Nt2/)：2023/07/26(水) 16:17:25.29 ID:Ns8vo6jr0.net

今までjQueryのみだったんだけど、
新プロジェクトを開始するにあたりVueに変えようか悩んでる。
上の方で将来性がどうこうってあったけど、今から学んでも大丈夫かな？

55 ：デフォルトの名無しさん (ｽﾌﾟｯｯ Sd7f-pjtt)：2023/07/26(水) 16:52:00.13 ID:YVtDSaIDd.net

>>54
将来性の予測は難しいけどもVue2系から3系へのエコシステム移行に難航して勢力が弱まってるのは確かだと思う

ちなみに候補をVueに絞ってるのは何か理由が？

56 ：デフォルトの名無しさん (ﾜｯﾁｮｲ dfad-/tqI)：2023/07/26(水) 20:51:12.03 ID:xTRYiTeg0.net

そもそも今はjQueryってもはや必要なくないか？
Vue使う使わない以前に

57 ：デフォルトの名無しさん (ｽｯｯﾌﾟ Sdff-od31)：2023/07/26(水) 21:22:21.62 ID:+epDrG+Nd.net

10年以上前から動いてるサービスとかもあるからな
うちでもjQueryやってる人の隣でNext.jsやってたりするよ

58 ：デフォルトの名無しさん (ｽﾌﾟｯｯ Sd7f-pjtt)：2023/07/26(水) 21:55:41.06 ID:YVtDSaIDd.net

>>56
必要はなくても過去の資産や学習コストの点などから選択肢に入れること自体はおかしいことではないだろう

59 ：デフォルトの名無しさん (ﾜｯﾁｮｲ 7f10-Nt2/)：2023/07/27(木) 14:19:24.69 ID:OSD8hvDX0.net

>>55
Webアプリの開発がPHP（Laravel）だから。

>>56
スライドをはじめ、使えるライブラリ・プラグインが多数あるからね。

素のJavascriptだと、単純なclickイベントにしても
document.getElementById("myButton").addEventListener("click", function() {
alert("test");
});
な書き方になるから、jQueryの方が手間が減るし。

60 ：デフォルトの名無しさん (ｽﾌﾟｯｯ Sd7f-pjtt)：2023/07/27(木) 14:51:59.14 ID:Z8PVvudSd.net

>>59
>Webアプリの開発がPHP（Laravel）だから。
Laravel全然詳しくなくて申し訳ないんだけど
Reactや他のフロントエンドフレームワークよりVueとの親和性がいいとかあるんだろうか

61 ：デフォルトの名無しさん (ｱｳｱｳｱｰ Sa4f-O86Z)：2023/07/27(木) 21:12:33.85 ID:PeWu9EZya.net

Laravelはlaravelだけで完結しようとする傾向があるように思える。
今はどうか分からんが

62 ：デフォルトの名無しさん (ﾜｯﾁｮｲ df00-ZCcN)：2023/07/27(木) 21:39:07.52 ID:paqOSnsm0.net

jQueryは結構独自ルール多くて、今更そんなの覚えたくない

63 ：デフォルトの名無しさん (ｽｯｯﾌﾟ Sdff-pjtt)：2023/07/28(金) 16:51:11.13 ID:gVpZ1LYhd.net

>>59
結局Vueでなければならない理由が分からないけど
他のでもいいならReactあたりも検討してみたらってことで

64 ：デフォルトの名無しさん (ﾜｯﾁｮｲ be10-BJLm)：2023/07/29(土) 23:40:30.13 ID:Byg+KbaN0.net

>>63
なんでVueはどう思う？って質問してる人間に他のを勧めるの？
明確な理由がなければ使わない方がいいの？

65 ：デフォルトの名無しさん (ｽｯﾌﾟ Sd8a-BZaO)：2023/07/30(日) 00:15:45.68 ID:g8OLsYSUd.net

>>64
それは>>54でまず将来性を気にしてるから

現時点で将来性の観点から見たらVueよりReactに軍配が上がるのはVueユーザーでも異論はないところだと思う
だから「他のでもいいなら」と但書きをしたうえでReactを薦めた

66 ：デフォルトの名無しさん (ﾃﾃﾝﾃﾝﾃﾝ MMe6-vEVY)：2023/07/30(日) 01:45:52.27 ID:lLY5tqnnM.net

>>65
実際2系までは使いにくかったし、
3系が出る前なら将来性無いってのは同意しかけたけど、
3系からはTSが公式対応されたしCompositionAPIでかなり書きやすくなってる将来性も悪くないと思うけどな

むしろ公式の開発が活発なのに将来性が無いと言う根拠を知りたい

67 ：デフォルトの名無しさん (ｽｯｯﾌﾟ Sd8a-alKV)：2023/07/30(日) 09:53:09.14 ID:yR0jmjHXd.net

Vue2からVue3に移行するくらいならReactに移行しようって流れがはっきりとあるからな
AngularJSからAngular2の時と同じパターン
公式が活発でも技術的に進歩していても利用者が付いてこないライブラリやフレームワークは将来性がないと言われてもしゃーない

68 ：デフォルトの名無しさん (ｽｯﾌﾟ Sd8a-BZaO)：2023/07/30(日) 10:40:43.46 ID:LFv8e6Hnd.net

>>66
Vueに将来性がない、とは言ってない
VueとReactで将来性を比較したら現時点では後者が優位と判断するのが妥当だろう、と言ってるだけ
そこは読み違えないでほしい

69 ：デフォルトの名無しさん (ﾜｯﾁｮｲ be10-BJLm)：2023/07/30(日) 12:21:01.49 ID:3uWnw4SW0.net

Vue：小規模、初心者向け
React：中大規模、中級者向け

だと思ってるんだけどこれは間違い？

70 ：デフォルトの名無しさん (ｽｯｯﾌﾟ Sd8a-6bUv)：2023/08/02(水) 17:19:02.51 ID:e4ScNhkjd.net

規模の問題に関しては上にも出てるCompositionAPIやTypeScriptのサポート強化で大分改善されてると思う

71 ：デフォルトの名無しさん (ｽｯｯﾌﾟ Sdb3-jTH6)：2023/08/22(火) 11:28:50.31 ID:Pk2ItGVid.net

Vueのテンプレートの中で非同期関数を呼び出したいときってどうするのがいいんだろうか

72 ：デフォルトの名無しさん (ﾜｯﾁｮｲ 273c-EniM)：2023/09/24(日) 02:44:13.26 ID:iTmT5V6F0.net

あんなん、わしの人生で滅多にないわ

73 ：デフォルトの名無しさん (ﾜｯﾁｮｲ c901-Ej6x)：2023/10/18(水) 01:47:55.72 ID:tWI0oNbx0.net

なんや、こりゃあほか

74 ：デフォルトの名無しさん ：2024/02/16(金) 20:20:52.23 ID:giOuQuhM0.net

Vuetify、半年ぐらい目を離してたら3.3→3.5になってた
コンポーネントもいろいろ増えてるぽいし触ってみよう

75 ：デフォルトの名無しさん (ﾜｯﾁｮｲ 1ff1-j8Nj)：2024/03/04(月) 10:55:46.22 ID:Za4hBNfv0.net

VSCodeのVolar拡張機能がメジャーバージョンアップ
Vue本体もだけどこれの更新があるのは安心する

76 ：デフォルトの名無しさん ：2024/03/04(月) 19:40:28.36 ID:2BV/eaZ40.net

分けてたtypescriptの要らなくなったんだな

77 ：デフォルトの名無しさん ：2024/03/06(水) 17:54:59.85 ID:2xIGj4Ql0.net

コード書いてるとちょいちょいヒントやインテリセンスが効かなくなるから都度TSサーバの再起動かけてる
安定化に期待したい

78 ：デフォルトの名無しさん ：2024/03/06(水) 18:04:48.72 ID:UM+1QeXW0.net

たしかに安定してない…

79 ：デフォルトの名無しさん ：2024/03/16(土) 23:05:10.74 ID:i0rvQyfk0.net

Vue3のdefineEmitsの書き方について質問
Vue3.3から使えるようになったdefineEmitsの代替構文について下記のページに説明があるんだけど
戻り値のあるイベントハンドラを宣言する方法が分からない
https://ja.vuejs.org/api/sfc-script-setup
具体的には戻り値のない(a)は(a')と書けるけど(b)に対する(b')はどう書けばいいのか不明

(従来の書き方)
const emit = defineEmits<{
(e: 'change', id: number): void // (a)
(e: 'update', value: string): boolean // (b)
}>()

(代替構文)
const emit = defineEmits<{
change: [id: number] // (a')
update: ？？？// (b')
}>()

誰か知ってる人いるだろうか

80 ：デフォルトの名無しさん (ﾜｯﾁｮｲ 595b-A0KB)：2024/03/18(月) 18:31:32.78 ID:OOoTBt7a0.net

一応自己解決というか
少し追ってみたら
type ShortEmits<T extends Record<string, any>> = UnionToIntersection<RecordToUnion<{
[K in keyof T]: (evt: K, ...args: T[K]) => void;
}>>;
という記述があってここで戻り値をvoid決め打ちにしてる模様
戻り値が必要なケースはあまり多くないだろうからその場合は従来の書き方でってことなのだろう

81 ：デフォルトの名無しさん ：2024/04/29(月) 10:09:03.20 ID:82E/D6Wf0.net

こんな板でも荒らされるのね

82 ：デフォルトの名無しさん ：2024/04/29(月) 10:11:07.60 ID:3z9/pIrV0.net

ここにスレ立て荒しくるのめずらいね…