Vue vs React vs Svelte Part.7

**デフォルトの名無しさん** · 2021/01/18(月) 01:41:17.84

実際どうなん？
※Angularは残念ながら全く話題にならなかったのでSvelteに差し替えました
Vue
https://jp.vuejs.org/
React
https://reactjs.org/
Svelte
https://svelte.dev/
※前スレ
Vue vs React vs Svelte Part.6
https://mevius.5ch.net/test/read.cgi/tech/1603771745/

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

**デフォルトの名無しさん** · 2021/02/07(日) 09:02:19.34

>>170
Web標準仕様の話なんてしてないのに、本気で会話成り立たなくて草
どういう読解力してるんだよ

**デフォルトの名無しさん** · 2021/02/07(日) 09:04:56.00

そもそもWeb3.0って、Web2.0は仕様ですらねぇよ
腹筋崩壊するわ

**デフォルトの名無しさん** · 2021/02/07(日) 09:06:08.49

文書構造とデザインの分離はウェブ標準団体が言ってることなんですが？
いつ方針を変えましたか？

**デフォルトの名無しさん** · 2021/02/07(日) 09:38:40.09

昔はwebの役割としてdocumentのような静的なものを求められてきたけど、今はネイティブアプリのようなアプリケーション寄りの要件が出ることが多いからね。

webにロジックが入り込むことが多くなってきてデザイナーは基本的にfigmaとかでデザインするだけでマークアップも書かなくなってきてる。

**デフォルトの名無しさん** · 2021/02/07(日) 09:43:16.91

> 今はネイティブアプリのようなアプリケーション寄りの要件が出ることが多いからね。

ほとんどのウェブサイトではそのような要件はでてきません
あなたが趣味でググって見つけたサイトは、ネイティブアプリのような機能がありますか？
そういうことです。

**デフォルトの名無しさん** · 2021/02/07(日) 11:39:40.51

この人WordPressスレに行ったら幸せになれるじゃねーかな

**デフォルトの名無しさん** · 2021/02/07(日) 11:58:27.36

文書もデザインもロジックもすべてjsに入り組んでいるのが今のフロントエンド
センスゼロ再現能力ゼロの無能君たちはフロントエンドエンジニアではない
ゴタクを並べて言い訳しかできない単なる使えない産廃

**デフォルトの名無しさん** · 2021/02/07(日) 12:15:54.34

ID:7Hox7ISB
こいつは無能

**デフォルトの名無しさん** · 2021/02/07(日) 12:23:58.56

やっぱりワッチョイの方が良かったんじゃ

**デフォルトの名無しさん** · 2021/02/07(日) 14:20:39.40

盛り上がってますねぇ

**デフォルトの名無しさん** · 2021/02/07(日) 19:01:48.59

ぶっちゃけ色んな技術を配属されたチームの習熟度や要件に合わせて使えることが重要なわけで
Redux嫌いとかVue嫌いとか、TypeScriptいらないとか言ってる暇なんて実際ないからな
結局は技術をアップデートできない奴が淘汰されていくだけの話
過去の技術に固執したいのなら勝手にひとりでやってれば良い

**デフォルトの名無しさん** · 2021/02/07(日) 19:12:48.42

まあ、問題は技術のアップデートではなくて技術の変更になってるってところなんだよな
やり方が変わるだけで、何も良くなってないというね

**デフォルトの名無しさん** · 2021/02/07(日) 19:30:35.93

技術？に群がってるだけじゃん。

その技術っうのは
只の流行りネタなだけという。

**デフォルトの名無しさん** · 2021/02/07(日) 19:42:00.81

別に技術に群がるでも良くね？
それが要求されているのならやるだけなんだが？

**デフォルトの名無しさん** · 2021/02/07(日) 19:55:44.79

https://www.youtube.com/watch?v=Rxqko96C5ZI

バーナーズリーってなんか、話し方大丈夫この人？
前からこんな感じだったっけ

**デフォルトの名無しさん** · 2021/02/07(日) 19:58:10.04

ごめん、スレタイとあんまり関係ない動画貼っちゃった
なんか上みたら Web 3.0 がどうとか喧嘩してたから調べたのよね

**デフォルトの名無しさん** · 2021/02/07(日) 19:58:21.51

まぁ、そもそも俺が技術選定する側の人間じゃないからそう思うだけなんだけどな
別に必要ないから使わないって選択のできる人は使わなきゃ良い話

**デフォルトの名無しさん** · 2021/02/07(日) 20:07:04.65

>>185
めちゃくちゃあがってるな笑

**デフォルトの名無しさん** · 2021/02/07(日) 20:33:42.76

>>188
あがってるのかこれ？
なんか他の動画見ても最近のやつはこんな感じで、
薬やってんじゃないかとかコメント欄で言われてる

**デフォルトの名無しさん** · 2021/02/07(日) 22:04:32.53

新しいってだけでゴミ屑使おうとするからレガシー化するっていう事にもう少し気を使ってほしいわ。

**デフォルトの名無しさん** · 2021/02/07(日) 22:04:33.20

新しいってだけでゴミ屑使おうとするからレガシー化するっていう事にもう少し気を使ってほしいわ。

**デフォルトの名無しさん** · 2021/02/07(日) 22:51:00.32

>>187
誰それがこれからは○○だって言ってましたーみたいなのが多すぎる

新しいものを使うのがなぜか前提となってる
今の問題点を言ってないか古いから、新しいからみたいな
意味がない理由しかない

**デフォルトの名無しさん** · 2021/02/07(日) 23:14:30.83

こういうヤツがチームに紛れ込むとめんどくせーんだよな😅

**デフォルトの名無しさん** · 2021/02/07(日) 23:24:22.56

頓珍漢なこと言われたら普通に議論して論破すれば良いと思う

それができなければ自分が選んだ技術選定も間違ってることになるし

**デフォルトの名無しさん** · 2021/02/07(日) 23:27:22.50

web標準にやたらこだわってる奴がなんでjqueryを使おうとするのかよくわからないけどね。

今ならjqueryを使うならvanilajsで事足りるしね。確かGitHubかbootstrapだったかもjqueryを排除してvanilajsに移行するって言ってたしね。

**デフォルトの名無しさん** · 2021/02/07(日) 23:32:18.62

ただ過剰にreactやvueが使われてるなとも思う。

https://bundlephobia.com/result?p=react@17.0.1
https://bundlephobia.com/result?p=react-dom@17.0.1

reactを選択すると必然的に約43kbバンドルサイズに含まれることになるからね。かなりパフォーマンス的にはクリティカルだよ。

個人的には　webcomponentが宣言的にssrできるようになり、かつweb標準でjsxのようなテンプレートが実装されれば良いなと思う。

**デフォルトの名無しさん** · 2021/02/08(月) 00:30:19.45

それReactでやるほどか？ってのを見かけたり
vanillaで記述してクソ共有しにくいオレオレを多用してるのがあったり
Reduxのstyle guideとしての側面を無視して話すヤツがいたり

適材適所って言葉知らんのか？って思うことは多々ある
極端すぎるねん

**デフォルトの名無しさん** · 2021/02/08(月) 00:35:49.56

>>195
jQueryはvanilajsの「書き方」を変えただけだからだよ
vanilajsを使う場合と同じやり方でウェブサイトが作れる

**デフォルトの名無しさん** · 2021/02/08(月) 01:02:00.62

>>197
style guideとしてのreduxってどういう意味？

**デフォルトの名無しさん** · 2021/02/08(月) 02:48:15.20

>>199
状態管理を扱う時のひとつの規約というかルール、パターンでも良いかな

それに則ることで、エンジニア間の差異を減らしたり、共有しやすくなるよね
でも場合によっては煩雑になったり、持て余してしまうこともあるよね
だから適材適所だと思うよってこと
公式も言っている通り、無理に使う必要はない

**デフォルトの名無しさん** · 2021/02/08(月) 10:54:35.43

そういう意味ね。なるほど。

まぁreactとかvueを採用すると途中から参画してきたエンジニアでもコストが少なく開発に参加できるよね。

結局どういうwebを作るのかにもよるけど

https:ar.al/notes/the-documents-to-applications-continuum/

↑ここでweb siteとweb applicationの定義がされてる。ようはweb siteにはreactやvueのようなフレームワークは不要だと思う。もし使用する場合はクライアントのバンドルに含まれないようにサーバー側でのみ使用するといった工夫が必要になると思う。

**デフォルトの名無しさん** · 2021/02/08(月) 10:57:14.83

確かに適材適所はその通りなんだけど。
その適材適所をうまく言語してるような記事とかあったら読みたい

**デフォルトの名無しさん** · 2021/02/08(月) 11:02:50.00

その辺はgatsbyみたいなのもあるし線引き曖昧になって来た感ある

**デフォルトの名無しさん** · 2021/02/08(月) 11:26:42.58

そもそもクライアントサイドで動く素のReactとSSRは区別しろって話ではあるけどな
素のReactが適するケースは意外と少ないっていうのはその通りで、
だから汎用的に利用する為にSSRだのJAMStackだのが増えたわけで

けど、そんなことをごちゃごちゃやらなくても、jQueryで済む話が多いのも確かなのよ

**デフォルトの名無しさん** · 2021/02/08(月) 11:42:31.58

でも二度とjQueryでアプリ作りたくないっていうのも事実だよな

**デフォルトの名無しさん** · 2021/02/08(月) 11:44:46.74

gatsbyやnetjsのssgは結局クライアントでhydrationしてるから、バンドルにreactやreact-domが含まれちゃうでしょ。

俺が言ってるのはrenderToStringでhtmlを送るだけ。
uiにインタラクションを持たせたかったらvanilajsで実装するということ。

**デフォルトの名無しさん** · 2021/02/08(月) 11:46:29.23

>>204
区別は良くない。クライアントでもサーバーでもコードを共有できるってのはいい設計だと思う。

**デフォルトの名無しさん** · 2021/02/08(月) 15:16:10.59

jQueryなんてIE対策としてとしか使ってなかったわ
そもそもDOM操作とかは絶対やりたくねーし
それやるぐらいならサーバーサイドからHTML返してもらうよ

**デフォルトの名無しさん** · 2021/02/08(月) 15:33:43.71

サーバーサイドからHTML返してもらうほうがきついかな自分は
JSPのトラウマが蘇ってきてさあ

**デフォルトの名無しさん** · 2021/02/08(月) 16:33:24.41

>>201
さらっと読んだけど面白かった
とはいえ「それWordPressとCDNでよくね？」みたいなサイトも国内外問わず今は無理やりJS技術使ってるところ多いよね
昔フロントエンドが面倒くせえことになってるのはお前ら自身がめんどくさくしてるからだってのを読んだことあるがまさにそのままだなー

**デフォルトの名無しさん** · 2021/02/08(月) 16:40:57.71

逆だろｗｗｗｗｗｗ
どう考えても静的サイトで十分なのに「WordPress入れましょう」で高単価案件にして鯖管費までふんだくってんだろうがｗｗｗｗｗｗ

**デフォルトの名無しさん** · 2021/02/08(月) 16:44:19.01

ゴキブリ倒すのにブラックキャップ買ってきたら池沼に「それ核爆弾でよくね？」って言われた。こんな感じのナンセンスさ

**デフォルトの名無しさん** · 2021/02/08(月) 17:06:13.29

wordpressはフロントエンドとバックエンドの分離が難しいから採用するのは良くないかな。

**デフォルトの名無しさん** · 2021/02/08(月) 17:06:35.50

そうかな
技術者集めるコストとか考えたら全然安いと思うし完全な静的サイト(DBナシ)は想定してない
日本だとnoteとかそういうサービス

**デフォルトの名無しさん** · 2021/02/08(月) 17:09:39.32

まぁほとんどのwebサイトはそれで充分なんだよね
このスレで取り扱ってるフレームワークとはあまり関係無いはずなんだけど意見かごっちゃになってるのは必要ない場所で使ってる人が多いからなんだろうね

**デフォルトの名無しさん** · 2021/02/08(月) 17:10:13.09

noteとかそういうサービスをwordpressを使用して開発するってこと？

**デフォルトの名無しさん** · 2021/02/08(月) 17:16:55.75

>>216
WordPress云々はどうでも良くて読み物ならサーバサイドレンダリングでいいじゃんってだけ
わざわざ読み物サイトをフロント側でごちゃごちゃやる意味がわからんのよね
確かWordPressも管理画面はReact使ってたと思うけどそういうのに必要だよなって記事に
そうだよなーって感想もっただけ

**デフォルトの名無しさん** · 2021/02/08(月) 17:35:42.00

>>217
その通りだね。

**デフォルトの名無しさん** · 2021/02/08(月) 17:39:57.18

Svelte Material UI + snowpack 使ってる人いる？
環境作れなくて涙目

**デフォルトの名無しさん** · 2021/02/09(火) 13:37:07.36

Nuxt.js使ってる人ならnext.jsの学習コストそんなかからないよね？

**デフォルトの名無しさん** · 2021/02/09(火) 19:05:14.97

vueとreactは別もんじゃん
そりゃおなじnode.jsだけどさ
vueは従来どおりのテンプレート型
reactは関数言語の応用だし。

**デフォルトの名無しさん** · 2021/02/12(金) 01:12:00.49

tailwindっぽいutility firstなcssフレームワークって昔のHTMLをカッコつけた感じが半端ないな

**デフォルトの名無しさん** · 2021/02/12(金) 04:33:38.05

どんなに優れたcssフレームワーク使ってもお前らのゴミのようなセンスだとまともなUI作れないよな
デザイナーガーで召喚しても指示どおり作れないし救いようがない

**デフォルトの名無しさん** · 2021/02/12(金) 06:51:51.30

はいはい、今日もご苦労さん

**デフォルトの名無しさん** · 2021/02/12(金) 14:31:13.64

最近Vue使い始めて便利さが実感出来た。
なにより手軽。

**デフォルトの名無しさん** · 2021/02/12(金) 14:51:30.65

それがreactのほーーが
究極シンプルで手軽なんだよ。

vue.jsの次に手掛けてわかった。
vue.jsの選択理由が簡単で分かりやすい
はずだったんだけどな。

**デフォルトの名無しさん** · 2021/02/12(金) 15:02:11.16

一番手軽なUIソフトはexcelですよ

**デフォルトの名無しさん** · 2021/02/12(金) 17:54:18.01

>>227
機能が無い分面倒だよ。

**デフォルトの名無しさん** · 2021/02/12(金) 22:36:20.02

ReactはHooksを覚えるだけで万能感得られるのがでかい
余計なこと覚えなくていい
ただしHooksをちゃんと理解するのが難しい

**デフォルトの名無しさん** · 2021/02/13(土) 00:34:27.42

一概に難しいとも言えんだろ。
useStateみたいに簡単なのから難しいのまでいろいろある。

**デフォルトの名無しさん** · 2021/02/13(土) 17:10:15.51

>>229
楽だよな
Vue使う理由が無くなる

**デフォルトの名無しさん** · 2021/02/14(日) 11:45:42.07

NuxtもそのうちISRできるようになるんか？

**デフォルトの名無しさん** · 2021/02/14(日) 18:18:25.97

NuxtがISRできるようになる頃にはNextがまた新しいほげふがレンダリング出来るようになってるぞ

**デフォルトの名無しさん** · 2021/02/15(月) 02:59:26.22

ISRなんていらんやろ・・・
こんな間抜けな機能を提供しようと良く思ったなｗ

**デフォルトの名無しさん** · 2021/02/15(月) 05:18:26.62

逆張りかっけー^^

**デフォルトの名無しさん** · 2021/02/15(月) 08:31:59.89

これからはSSGだ！とかISGすごい！とか長々と説明してる記事多いけどさ、それただのキャッシュしてCDN配信してるだけじゃん
そのために新たな技術やコーディング方法が必要ってむしろ面倒くさくしてるだけだろ
頭おかしいんじゃねえの

**デフォルトの名無しさん** · 2021/02/15(月) 11:18:10.96

それキャッシュとCDNで十分じゃん、みたいなパターンは結構見かけるね。
それはそれとして、技術としては別モンだと思う。

**デフォルトの名無しさん** · 2021/02/15(月) 11:26:43.55

それな
元々、Ajaxの系列だからな
Ajax -> SPA -> SSR -> SSGと来ているわけで、SPA要素がない従来の技術とは系統が違う

まあ、本来はシングルページ”アプリケーション”を作る技術の延長で、ウェブページを作る技術じゃねぇよって話なんだが

**デフォルトの名無しさん** · 2021/02/15(月) 16:51:23.61

こいつらReactを理解してるのか？

**デフォルトの名無しさん** · 2021/02/15(月) 17:09:17.53

どうしてそう思うの？

**デフォルトの名無しさん** · 2021/02/15(月) 18:46:30.91

SPAなど関係なくサーバーサイドで静的HTML生成は何十年も前からやってた
それをSPA界隈の人達が違うパラダイムでやろうとしてるというだけのことだと思う

**デフォルトの名無しさん** · 2021/02/15(月) 22:16:42.71

シンプルにしとけばか
自分で複雑にしておいて、複雑しているのが解決しましたドヤ
ってやってるのがフロント

**デフォルトの名無しさん** · 2021/02/15(月) 22:36:01.66

動的にやるしろ静的にやるにしろ
サーバー側で何かしないといけないのは間違いない
個人的には各言語にReactのサーバーサイドSDKみたいなのを用意するのがベストなんじゃないかと思ってる
そうすれば既存のフレームワークからも使える

**デフォルトの名無しさん** · 2021/02/15(月) 22:54:13.66

React server components

**デフォルトの名無しさん** · 2021/02/15(月) 23:04:27.14

入り乱れてめちゃくちゃになってきてるな

**デフォルトの名無しさん** · 2021/02/15(月) 23:07:07.30

所詮お前らはフレームワーク開発の実験台にされてるだけだからな
最終的にはブラウザネイティブで対応し、フレームワーク自体の機能は極小化する
つまり今頑張っても数年後には無駄になってるということさ

**デフォルトの名無しさん** · 2021/02/16(火) 00:17:35.21

今やってる事が遠い未来もそのまま役立つとは思わないけど、逆に全然役に立たないなんて事無いよ。
UFOが降ってきて宇宙人が全く新しく異質なプログラミング手法を伝授するレベルのパラダイムシフトでもない限り、技術は陸続きで、だんだん便利になってくわけで。

それとも、20年後もCOBOLやVBAやりたいの？

**デフォルトの名無しさん** · 2021/02/16(火) 00:31:21.49

Reactは10年に一度レベルのパラダイムシフトのフレームワークだぞ
Railsが出た時と似てるが持続の長さを考えるとそれ以上
これをガッツリ使うかどうかで今後のエンジニアとして生き残れるかが決まる
dhhをみろ
Railsこじらせてhotwireみたいな珍妙なものを作ってしまった

**デフォルトの名無しさん** · 2021/02/16(火) 00:47:12.71

Rails勉強中のぼくちんはhotwireに期待しとる。
Reactぱっと見むずいんでvue跨ぐわ

**デフォルトの名無しさん** · 2021/02/16(火) 01:06:37.49

vueのほうがむずい気がするけどなあ
リファレンス見ながらじゃないと書けぬｗ

**デフォルトの名無しさん** · 2021/02/16(火) 02:04:40.36

jsxとテンプレート構文、どっちが良い？

**デフォルトの名無しさん** · 2021/02/16(火) 02:35:45.26

jsx

**デフォルトの名無しさん** · 2021/02/16(火) 06:19:23.89

Reactの最初とっつきにくいように見えるけど、慣れればむしろシンプルで楽ってのは、関数型プログラミング始めた頃の体験と似てるように感じたな。

**デフォルトの名無しさん** · 2021/02/16(火) 06:21:27.85

あとはUI系のライブラリが揃えば完璧なんだけどな
CSS系は増えてきたけど
UIライブラリはよ

**デフォルトの名無しさん** · 2021/02/16(火) 08:30:07.37

jsにjsxを記述するとコードが増えてぐちゃぐちゃだよな
ここにさらにstyle component入るとカオスだろ

**デフォルトの名無しさん** · 2021/02/16(火) 11:11:15.78

無理にあれこれ入れる必要無いだろ
必要なら使えば良いだけ

**デフォルトの名無しさん** · 2021/02/16(火) 13:39:32.12

>>256
ロジックとjsxが混在したソースってどうなんだろ？
一貫性があっていいのかもしらんけどjsの中にhtmlを書くって未だに馴染めない

**デフォルトの名無しさん** · 2021/02/16(火) 14:57:18.58

主体がjsかhtmlかの違い
テンプレートの方が融通が利かないので肥大化しやすいと思う

**デフォルトの名無しさん** · 2021/02/16(火) 14:57:51.63

コードが読みやすいし
めちゃくちゃ柔軟性ですわ。

**デフォルトの名無しさん** · 2021/02/16(火) 15:34:58.76

>>257
stateや様々な条件に応じてdomを出し分けたりすることが多いからね。
ロジックと混在してるのは便利だよ。

例えばSpotifyみたいなアプリケーションを書こうとしたときに、サーバーからはアーティスト一覧が帰ってきます。その一覧を表示してくださいとか。
ロジックかけた方が宣言的にかけるでしょ

**デフォルトの名無しさん** · 2021/02/16(火) 15:38:01.33

アーティストを人気順や名前順に並び替えたいという要件が出てきた時。その条件をobserveしてロジックを実行したい時とか。これはuseEffectを使うと簡単にできるし。

やはり便利やわ

**デフォルトの名無しさん** · 2021/02/16(火) 17:12:06.02

Vueのように分離したってワンクッション増えてしょうもない問題が入り込むだけ
それならシンプルに一緒にした方が楽

**デフォルトの名無しさん** · 2021/02/16(火) 17:14:10.89

ReactもVueも気持ち悪いからどっちでもいいや

**デフォルトの名無しさん** · 2021/02/17(水) 01:30:14.37

実際はカスタムフックを作成したり、コンテナに集中させたりしてロジックは分離するけど
チュートリアルとか初学者向けのものはひとつのコンポーネントに詰め込みまくるから余計に複雑に見えて嫌になるのかなって思う

**デフォルトの名無しさん** · 2021/02/17(水) 02:32:06.15

JSXをいじりまくってる時はPHPerの気持ちがわかるね

**デフォルトの名無しさん** · 2021/02/17(水) 05:54:25.85

最近のPHPの事は知らないけど、Reactは階層構造を強く意識して（疎結合なJSXを）書く事になるから、個人的にはPHPの書き味とは似てないと思う

**デフォルトの名無しさん** · 2021/02/21(日) 00:06:16.25

React坊が大嫌いになったのでVueにします

**デフォルトの名無しさん** · 2021/02/21(日) 06:33:22.42

ええで、多様性は善や。
俺はReact使うけど

**デフォルトの名無しさん** · 2021/02/21(日) 18:05:35.73

NextとかNuxtにtailwindを使うケースが増えてるらしい
実際どうなん？

**デフォルトの名無しさん** · 2021/02/21(日) 19:09:27.48

センスゼロのプログラマがどんなcssフレームワーク使ってもまともなUIを作れないからどうにもならん