Vue vs React vs Angular vs Svelte Part.11

0001デフォルトの名無しさん (ワッチョイ 434e-OHyh)2022/08/20(土) 13:17:12.21ID:OuD+ytSs0
!extend:on:vvvvv:1000:512

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


※前スレ
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などはおk。
VIPQ2_EXTDAT: default:vvvvv:1000:512:: EXT was configured

0123デフォルトの名無しさん (ワッチョイ ff10-w0bi)2024/02/22(木) 12:08:24.96ID:O1Sh/Ulb0
Reactはデータが更新されたら画面も更新するっていうシンプルな設計だから
画面に表示されたときにデータを取得するような設計は本来の使い方とは違うんだよね

0124デフォルトの名無しさん (ワッチョイ a3da-5pgc)2024/02/22(木) 12:25:12.98ID:v3uRFYwC0
正直すまなかった。
そもそもAngularとReactを比べるのは間違いなのね
Angularと比べるならNextjsか。
Reactに相当するものはAngularには無い

0125デフォルトの名無しさん (ワッチョイ a33c-WypU)2024/02/22(木) 12:42:10.50ID:pYijKvrn0
Angularとかvue.jsは
上位エンジニアの成果物を使って
下位エンジニアが作業するスタイル

が故に想定しているエンジニアの対象も異なる

0126デフォルトの名無しさん (ワッチョイ a301-7T9L)2024/02/22(木) 14:00:09.56ID:EUmQlU5h0
フレームワーク使わなくてもjsxは使いたいって言われる時代なのに

0127デフォルトの名無しさん (ワッチョイ 6f37-IyhQ)2024/02/22(木) 16:27:07.37ID:G4SI+vys0
jQueryの頃からライブラリで使われてる便利機能をバニラが落とし込む仕組みはやってるしね

prototypeでDOM操作はキツイ

0128デフォルトの名無しさん (ワッチョイ 23f0-8u4Y)2024/02/22(木) 17:01:06.42ID:8vT7CeOy0
俺はある程度の規模まではVueのoptions APIで良い派
規模がデカくなる場合はNuxtへ
間違っても単体のVueでコンポーネントは使うべきじゃない

0129デフォルトの名無しさん (ワッチョイ a301-sJ27)2024/02/24(土) 02:20:28.64ID:wsVCSCkk0
このスレでMillion.js知ったんだけどこれ使うだけでReactのパフォーマンスめっちゃ上がるんだな
もうpreactいらないやん

0130デフォルトの名無しさん (ワッチョイ cb01-wHWC)2024/03/02(土) 08:44:21.68ID:zdW7RPaA0
React 19でやっとmemoしなくてよくなるみたいだな
ようやくsvelteに追いついたか

0131デフォルトの名無しさん (ワッチョイ 5fba-EVRh)2024/03/02(土) 14:49:05.57ID:yd1+mXUm0
options APIなんぞ捨てろ。次の3.4で非推奨になる可能性大だ。setup書けるようになっとけ。初代composition APIよりずっと書きやすいし
理屈もわかりやすい。あとprovideとinjectとuseRouteとuseRouterだけは覚えとけ

refとreactiveの用途の違いがわからん?そんな奴はrefだけ使っとけばいい


>>130
そのSvelteは5でKITメインになってデフォルトでSSG化するみたいだが。Rune試そうとしたら、まずそこから理解しなくちゃなんないのでかなり焦った

0132デフォルトの名無しさん (ワッチョイ 5fba-EVRh)2024/03/02(土) 15:02:30.77ID:yd1+mXUm0
>>128
むしろVueはLaravelのフロントで用いるケースが増えてる気がする。Vite+Vue+Vuetify+Laravel+αあたりが鉄板化してる。Laravelのフォーム制御、cakeよりショボいからうまく相互補完できてる
Reactは逆にNextのためのツールになりつつあるな。NextはViteにデフォルト対応していないのがむず痒いが(Turobopackはロードが遅くてモヤる)

0133デフォルトの名無しさん (ワッチョイ 5fba-EVRh)2024/03/02(土) 15:17:16.26ID:yd1+mXUm0
>>121
Angularも17になって脱テンプレートで、かなり書き方変わってますますAngularJS、Vue.jsとの血脈が薄くなったと思った
いよいよ、次の18でクラスコンポーネント解体に向かうんじゃないかと思ってる

0134デフォルトの名無しさん (ワッチョイ 3b94-OIPv)2024/03/08(金) 14:16:16.50ID:AzxWPN+e0
規模を考えるような規模の時点でVueを使うこと自体がストレス要素にしかならんわ
コンポーネントって単語が頭を過ぎった時点で選択肢から外したほうが確実

0135デフォルトの名無しさん (ワッチョイ 3bba-zqCT)2024/03/09(土) 09:29:45.78ID:zf6K8qoU0
規模を考えるほどのプロジェクトになったらもはやAngular一択では。Reactは少人数で開発するにはいいけど共同開発を考えて設計されてない
あとデザイナーから煙たがられてるし

Vueは自由度が高い反面、高すぎて素人がトンデモ開発して世界中から嫌われてた一時のPHPみたくなってる気もする
縛りが少ないから、設計能力のない人が触ると絶妙なスパゲッティになるのも共通してる

0136デフォルトの名無しさん (ワッチョイ 4bf0-33Zh)2024/03/09(土) 14:49:57.15ID:b7UdYjdk0
>>132
Next使わないならReact使うメリットが薄くなってきたね
完全にサーバーサイドフレームワークになりつつある
エコシステムも周りに合わせる感じがなくなってきた

0137デフォルトの名無しさん (ワッチョイ 4bf0-33Zh)2024/03/09(土) 15:02:14.04ID:b7UdYjdk0
>>135
テンプレート廃止マジ?
JSXみたいな感じになる訳?
うーむテンプレートの何が嫌なのか理解できない
サーバーサイドではテンプレートが至高という結論が出て実際それが1番描きやすいのに

0138デフォルトの名無しさん (ワッチョイ efed-qyBc)2024/03/09(土) 15:35:22.55ID:aG+kkGqL0
ほぼジジイだけどLaravel+vueとReact+NextでWebアプリ作ったらフリーランスで生きていけるかな?

サンプルとなるWebシステムのポートフォリオ作って応募に出せば採用してくれそう?

0139デフォルトの名無しさん (ワッチョイ cb01-Iz9B)2024/03/09(土) 16:52:48.97ID:/7hapEoh0
>>135
一択と言われてもな
新規にAngular採用してるの見たことないが

0140デフォルトの名無しさん (ワッチョイ 9f92-rJES)2024/03/09(土) 17:08:21.45ID:viyQ9Ilj0
>>135
素人さん?

0141デフォルトの名無しさん (ワッチョイ 3bba-zqCT)2024/03/09(土) 18:10:19.70ID:zf6K8qoU0
>>137
JSXというよりSvelteとかLaravelみたいな式埋め込みになってる
ng-templateが煩雑だったからそこをスッキリさせてる。廃止というより脱却というスタンスだからどっちも使えるけどね

0142デフォルトの名無しさん (ワッチョイ fb8c-AXxN)2024/03/18(月) 17:12:36.82ID:nWzk7Bi30
実際やってみれば?

0143デフォルトの名無しさん (ワッチョイ 0dba-I3EO)2024/04/06(土) 09:57:29.12ID:N6iuY28L0
今まではお互いライバルだったけど、axios出てきてから完全に本来の本分を果たす独自進化の段階に入ってる
Vue→Laravelとタッグでフロントエンド専
React→Vercelと蜜月で、サーバーサイド専
Angular→単体アプリ専


【以下はチラシの裏】
Vue→フォーム制御がPHPでは限界があった。簡単にフォーム制御できるAngularJS作ったけど、ソースがスパゲッティ
Googleは大規模化したAngular2にしたけど、簡潔さがなくなった→開発者の1人がVueを作った
一時はReact、Angularに対抗して状態管理のVuexとか作ったけど、大規模化には限界がある
ECMA5に対応するためにcompositionAPI、TypeScriptに対応するためにsetup、
更にシェアを増やすためにVite作った。爆速起動ビルドすげえってことで欧米で、Vueも注目を浴び始めた
処理の遅いLaravelがVueに目をつけてタッグを組んだ(標準ライブラリ化)。他のバックエンドもVueと連携できるように
今のVueはLaravelだけでなくRails、DjangoにJAVAなどまで対応した万能フロントエンドツールへ

React→自社で作ってたFacebookの制御用、フォーム制御というより細かなステート管理用に作った。けど、ビルド遅かった
Next.jsが出てきてから遅い問題クリア。デプロイ不要なんでSSG最高や!Herokuとか最初からいらんかったんや!!
GatsbyにAstroも出てきて、サーバーサイド一択、React Nativeも過去の遺物になりつつある

Angular→AngularJSはもうあかん→JSフレームワークだけでフルスタック化→操作が複雑でReactにシェア奪われていく
12のバグで致命的に→13からリベンジ開始(13でフォーム制御改善、14でスタンドアロン化、15でインジェクタ実装、
16でシグナル、17で脱テンプレ)
モジュールの互換性uzee→最初から一通り揃ったAngular、実は悪くないんじゃね、という見直しの動きもちらほら
大規模な専用アプリ開発用に特化

0144デフォルトの名無しさん (ワッチョイ e501-I5J3)2024/04/06(土) 11:06:16.32ID:bXlCNkfk0
vueとangularはいつからかパフォーマンスめっちゃ速くなってる
仮想DOMはオーバーヘッドなんて言われたりするけど仮想DOMを使ってるsvelteとかと大差無くなってきている
まあシェアナンバーワンのReactがまだ遅いんですけどね
React 19で改善するといいね

0145デフォルトの名無しさん (ワッチョイ cbb1-Uytb)2024/04/06(土) 15:59:17.06ID:IiIL/gxv0
>>143
素晴らしいまとめthx

0146デフォルトの名無しさん (ワッチョイ 8533-tlnk)2024/04/06(土) 16:57:58.83ID:hDlN/XPm0
>>143
基地○の妄想?

0147デフォルトの名無しさん (ワッチョイ 2b9d-yvLV)2024/04/06(土) 18:30:38.08ID:yecQsd4w0
>>143
文章見直した方が良いぞ
チラシの裏でももう少しまともな日本語を使う

0148デフォルトの名無しさん (ワッチョイ 0dba-I3EO)2024/04/06(土) 19:31:09.24ID:N6iuY28L0
>>143
チラシの裏だから校正するのめんどかっただけ。まとめた結果が上の三行

ReactはNextで動かす分にはパフォーマンス問題ない気もする。特に13になってからすごいわかりやすくなった

0149デフォルトの名無しさん (ワッチョイ 8533-tlnk)2024/04/06(土) 19:34:29.93ID:hDlN/XPm0
それよか中身が...

0150デフォルトの名無しさん (ドコグロ MM89-WuKO)2024/04/06(土) 21:15:42.28ID:NKoW5oVEM
どのフレームワークもパフォーマンスはテンプレートエンジンのように使えば大差ないんだよな
問題はDOM操作よ
Reactはこれがとんでもなく重い
Million.JS使おうね

0151デフォルトの名無しさん (ワッチョイ c621-lBRV)2024/04/07(日) 15:44:46.52ID:qlF79iTo0
このスレで Alpine.js 検討している人いる?
GitHubの星数すごいし
CDNでサクッと使える簡易版Vueみたいな印象。

個人的にはJQueryの後継になるのではと
期待している。

0152デフォルトの名無しさん (ワッチョイ f7f0-B2uz)2024/04/07(日) 20:06:56.53ID:wzc0RLf20
>>151
大規模になった時厳しそうだけどねー

0153デフォルトの名無しさん (ドコグロ MM1e-52wN)2024/04/07(日) 23:37:46.02ID:f4ZR9B9lM
alpineは小さいだけでパフォーマンスは最悪だぞ
こんなんで大規模アプリなんて作るな

0154デフォルトの名無しさん (ワッチョイ a27c-3rFQ)2024/04/08(月) 01:04:29.84ID:eTI8c7kp0
ちなみに alpine linux もサイズを小さくしてるだけで、パフォーマンスはDebianなどより良いわけではない。
Debianならスリム版があるので通常ではコンテナはそちらを選ぶほうが良い。

0155デフォルトの名無しさん (ワッチョイ f7f0-B2uz)2024/04/08(月) 05:30:39.80ID:IvxniXPw0
ん?

0156デフォルトの名無しさん (ワッチョイ af8c-USNR)2024/04/08(月) 15:54:10.06ID:SaPweWs00
solid.jsが最強ってことでよろしい?

0157デフォルトの名無しさん (ワッチョイ d701-52wN)2024/04/08(月) 17:43:57.35ID:5hhdPDbv0
まず使われているサイトを見たことがないsolid.js
litはそこそこ広まってきてるけれど

0158デフォルトの名無しさん (ワッチョイ b7ba-29lp)2024/04/14(日) 10:12:53.83ID:IP4jT7Ik0
海外ではInferno.jsとかPreactとかVanillaとか日本ではあまり名前も見ないまま消えそうなものも多い。Alpineも二の舞になりそう
Laravelに全部駆逐されたPHPフレームワークみたいに、泡沫JSライブラリも山程

Solidも普及率がせめてSvelteぐらい数字出てこないと覚える気になれん
SvelteもSSGデフォルト化しようとしたり、Runeがα版のまま開発止まってたりで迷走してるし
日本だとR社がSvelteに力入れてたけど

0159デフォルトの名無しさん (ワッチョイ 57f0-378W)2024/04/14(日) 16:02:57.09ID:Jvefqylq0
>>156
個人的に最強だと思ってるんだけど
なぜか全く流行らない

0160デフォルトの名無しさん (ワッチョイ b7ba-29lp)2024/04/14(日) 22:50:06.55ID:IP4jT7Ik0
似たような語法のライブラリは覚えやすいどころか、知識が混濁するリスクがあるから手を付けにくい
Reactで得た知識と紛れやすいから自分はあまり手を出したくない
AstroとGatsbyも同じ理由で手を付けにくいんだよな

0161デフォルトの名無しさん (ワッチョイ d704-NlfH)2024/04/15(月) 00:11:50.10ID:NvsClclW0
スレチかもしれないんだけど良かったら答えてほしい
nodejsでWebAPI作る場合、Webフレームワークはなに使うのがいいと思う?
expressで作るのが一般的みたいだけどnestjsの方が機能も豊富だし応用効かせやすそうなので迷ってる
それともNextjsとかRemixみたいなフレームワークでWebAPIも作ってたりする?
単純なAPI機能だけを想定してる

0162デフォルトの名無しさん (ワッチョイ d704-NlfH)2024/04/15(月) 00:37:49.38ID:NvsClclW0
個人的にはRemixが第1候補でnestjsが第2候補
理由は、今後Webアプリを作る時にRemixを使おうと思っていて、トータルの学習コストが低くなることを期待してWebAPIもRemixで作れると嬉しいということ
nestjsはRemixに比べて早いとかなにかメリットがあるならnestjsもありかと思ってるけど、なにかメリットデメリットあったら教えてほしいです

0163デフォルトの名無しさん (ワッチョイ d704-NlfH)2024/04/15(月) 00:40:52.36ID:NvsClclW0
nestjsはexpressの資産を使えるのがいいのかなと思って候補にあります
Remixがセキュリティをどうやって担保しているのかわかってないので迷っている感じです

0164デフォルトの名無しさん (ワッチョイ 57f0-378W)2024/04/15(月) 13:48:01.48ID:FCLpude10
nestjsなんてもうほぼメンテされてないだろ
使うのはない
かと言って生expressもない
消去法でnextjsしかない
しかしこのフレームワークはWebAPI用のフレームワークではないから
気軽に使えるものではない
Reactを使う前提のフレームワークだ
WebAPIを簡単に作りたいなら他言語の方が良いのではないかと思う
どうしてもJSが良いのなら止めはしないが

0165デフォルトの名無しさん (ワッチョイ d704-NlfH)2024/04/15(月) 20:06:28.68ID:NvsClclW0
なるほど
JSでやるならNextjsか
Remixはまだ情報少なすぎる感じですか?
NextjsはWeb標準じゃないから気乗りしないんですよね

0166デフォルトの名無しさん (ワッチョイ 57f0-378W)2024/04/15(月) 20:36:14.22ID:FCLpude10
Remixは流行るかどうかも未知数過ぎる
情報もnextjsに比べたら少ないので変なところハマるとキツイ

0167デフォルトの名無しさん (ワッチョイ d704-NlfH)2024/04/15(月) 20:36:54.19ID:NvsClclW0
Nextjsだとt3スタックとかtRPCとかもできるみたいだけどWeb標準じゃないのだけが本当にネック

0168デフォルトの名無しさん (ワッチョイ d704-NlfH)2024/04/15(月) 20:42:34.96ID:NvsClclW0
確かにそれは大きいですよね
大人しくNextjsやるかな…

0169デフォルトの名無しさん (ワッチョイ 57f0-378W)2024/04/15(月) 20:44:09.28ID:FCLpude10
nextjsですら致命的なバグがちょこちょこ見つかってるからな
どのフレームワークにしてもリスク込みで使うべし

0170デフォルトの名無しさん (ワッチョイ d76c-NlfH)2024/04/15(月) 20:55:59.55ID:NvsClclW0
そうですね
Nextjsにします
ありがとうございました!

0171デフォルトの名無しさん (ワッチョイ 5701-0WFk)2024/04/16(火) 00:40:02.11ID:Y46RXkgY0
remixはもうsvelteと同じくらいには使われてそうだけどな

0172デフォルトの名無しさん (ワッチョイ b7ba-29lp)2024/04/18(木) 17:47:13.83ID:NkPBcwCK0
これからNextjsやろうとするなら13以降と12以前は別ものと心得るべし。でないと混乱するぞ

>>171
RemixよりはまだGatsbyでは?

0173デフォルトの名無しさん (ドコグロ MM4f-0WFk)2024/04/18(木) 23:42:20.94ID:+hY4xTM1M
Gatsbyってもう新規に採用する理由が無い気がするけども
Remixより多いなんてことあるのかな
既存システムも含めるならそりゃGatsbyのほうが多いだろうけど

新着レスの表示
レスを投稿する