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

2022/08/19(金) 17:47:00.42

!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

2022/08/20(土) 08:17:20.91

乙

2022/08/20(土) 09:48:36.20

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

2022/08/26(金) 10:58:45.17

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

2022/08/26(金) 12:42:57.68

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

2022/08/27(土) 23:41:57.12

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

2022/08/31(水) 11:36:24.55

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

2022/08/31(水) 16:26:03.30

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

2022/09/02(金) 14:45:45.66

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

2022/09/03(土) 00:28:58.79

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

2022/09/03(土) 06:20:13.12

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

2022/09/03(土) 06:38:04.52

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

2022/09/03(土) 07:01:01.38

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

2022/09/03(土) 08:12:56.50

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

2022/09/03(土) 11:06:00.79

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

2022/09/03(土) 21:59:36.83

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

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

2022/09/27(火) 19:02:29.62

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

2022/09/28(水) 09:51:48.80

Astroええで

**デフォルトの名無しさん** (JP 0Hff-9+ZJ) · 2022/10/02(日) 21:56:18.56

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

2022/10/03(月) 13:39:57.46

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

2022/10/03(月) 14:20:49.75

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

2022/10/03(月) 14:25:37.12

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

2022/10/03(月) 18:30:55.95

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

2022/10/10(月) 02:32:40.16

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

2022/10/10(月) 16:31:25.94

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

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

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

2022/10/10(月) 17:05:50.17

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

2022/10/16(日) 21:24:37.72

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

2022/10/17(月) 01:08:39.32

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

2022/10/17(月) 06:35:56.85

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

2022/10/24(月) 10:44:26.72

@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

2022/10/24(月) 12:48:14.42

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

2022/10/24(月) 20:22:23.11

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

2022/10/26(水) 01:06:00.91

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

2022/10/26(水) 02:30:18.40

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

2022/10/26(水) 08:30:54.85

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

2022/10/26(水) 13:16:48.91

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

2022/11/04(金) 18:09:24.54

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

2022/11/18(金) 01:46:11.11

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

2023/02/05(日) 09:49:22.42

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

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

2023/02/05(日) 09:53:12.27

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

2023/03/01(水) 11:02:45.26

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

2023/03/02(木) 21:23:58.81

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

2023/03/02(木) 21:52:06.69

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

2023/03/04(土) 15:18:27.69

>>43

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

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

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

2023/03/04(土) 15:38:49.88

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

2023/03/04(土) 15:43:33.74

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

2023/03/07(火) 16:56:05.61

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

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

2023/03/08(水) 00:32:43.97

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

2023/03/08(水) 07:42:08.04

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

2023/03/08(水) 07:51:24.91

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

2023/05/31(水) 23:19:36.82

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

2023/06/08(木) 00:35:52.88

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

2023/07/07(金) 00:24:02.38

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

2023/07/26(水) 16:17:25.29

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

2023/07/26(水) 16:52:00.13

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

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

2023/07/26(水) 20:51:12.03

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

2023/07/26(水) 21:22:21.62

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

2023/07/26(水) 21:55:41.06

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

2023/07/27(木) 14:19:24.69

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

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

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

2023/07/27(木) 14:51:59.14

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

2023/07/27(木) 21:12:33.85

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

2023/07/27(木) 21:39:07.52

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

2023/07/28(金) 16:51:11.13

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

2023/07/29(土) 23:40:30.13

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

2023/07/30(日) 00:15:45.68

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

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

2023/07/30(日) 01:45:52.27

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

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

2023/07/30(日) 09:53:09.14

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

2023/07/30(日) 10:40:43.46

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

2023/07/30(日) 12:21:01.49

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

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

2023/08/02(水) 17:19:02.51

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

2023/08/22(火) 11:28:50.31

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

2023/09/24(日) 02:44:13.26

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

2023/10/18(水) 01:47:55.72

なんや、こりゃあほか

2024/02/16(金) 20:20:52.23

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

2024/03/04(月) 10:55:46.22

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

2024/03/04(月) 19:40:28.36

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

2024/03/06(水) 17:54:59.85

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

2024/03/06(水) 18:04:48.72

たしかに安定してない…

2024/03/16(土) 23:05:10.74

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')
}>()

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

2024/03/18(月) 18:31:32.78

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

2024/04/29(月) 10:09:03.20

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

2024/04/29(月) 10:11:07.60

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

2025/04/27(日) 00:15:53.03

hosyu