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/01/28(木) 02:19:45.82

>>64
現実はこれな
https://tr.twipple.jp/p/58/263bc0.html

**デフォルトの名無しさん** · 2021/01/28(木) 02:21:45.37

一部のピエロが最先端を～最先端を～と言ってるが
世界中の大半の人々は最先端になんか興味ないんだ

**デフォルトの名無しさん** · 2021/01/28(木) 06:30:27.07

>>67
FCとHooksによる状態管理こそフロントエンドに必要なもの
それ以外は枝葉
まず最初にReactをやってこの概念をしっかり身につけるべき

**デフォルトの名無しさん** · 2021/01/28(木) 18:40:34.96

railsAPIと組み合わせたサイト作ろうと思うんだけど、完全SPAで行くならvueでもreactでも学習コストは同じくらい？Vueのほうが簡単？

**デフォルトの名無しさん** · 2021/01/28(木) 19:19:14.29

vueはeasy、reactはsimpleという印象だけど

**デフォルトの名無しさん** · 2021/01/28(木) 19:36:24.90

学者コストはVueの方が多いんじゃないかな
入り口はeasyなんだけどその先が魔窟

**デフォルトの名無しさん** · 2021/01/28(木) 20:05:26.24

vueだけなら、まだしも、
ここに、vuetify , webpack , electron などが入ってくると、覚えること多すぎて、発狂する。
　

**デフォルトの名無しさん** · 2021/01/28(木) 20:09:55.33

vuetifyはきっついね
ブレイクポイント調整するのでさえ調べるのに苦労したｗ

**デフォルトの名無しさん** · 2021/01/28(木) 20:52:06.54

WebpackはReactのついでに覚えたけど、2つ同時に新しい事やるのはしんどかったな。
どっちで間違えてて動かんのかわからなくなるから

**デフォルトの名無しさん** · 2021/01/28(木) 22:27:31.12

typescriptもあるしな
最近まともなところはみんなts使ってるから

**デフォルトの名無しさん** · 2021/01/28(木) 22:31:42.89

ts使ってる所は、まともなところだから当然だな

**デフォルトの名無しさん** · 2021/01/28(木) 22:47:51.89

ネットの情報見てても、同じ事してる記事がJSとTSでそれぞれあったら、TSの方がレベル高い傾向あるね。

稀にこいつぜってーC♯かJava屋だ、みたいなTSらしからぬコードなことあるけど。

**デフォルトの名無しさん** · 2021/01/28(木) 23:28:01.50

typescriptもかなり難しいと思うわ。

**デフォルトの名無しさん** · 2021/01/29(金) 00:18:38.76

そうそう。TS使ってる所がマトモな所で
マトモな所をみると全部TSを使ってる

**デフォルトの名無しさん** · 2021/01/29(金) 00:20:27.82

TSを作ったのはマイクロソフト
やはり開発ツール大手の言語が一番信用できる

**デフォルトの名無しさん** · 2021/01/29(金) 00:40:53.66

>>31
Reduxは一元管理
Recoilは分散管理
だから当然
同じ球技として野球とサッカーを比べてるみたいなもんだ

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

React触ってるやつの気が知れんよね
JSXとかいうゴミ未満は触る気まじでおきない
CSSもライブラリなしだとどうしようもないしバニラHTML、CSS、JSのサイトを置き換えるのに向いてなさすぎる。置き換えたら置き換えたら他ライブラリに不可逆だし

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

Hooksがなかったら正直vue使ってたと思うわ

**デフォルトの名無しさん** · 2021/01/29(金) 05:40:40.34

他のライブラリと互換性がないのはどのライブラリでも基本同じでは？
Reduxとかは一応Vueとかでも使えるけど

**デフォルトの名無しさん** · 2021/01/29(金) 07:23:04.01

cssだけは外出ししてscssにしてる

**デフォルトの名無しさん** · 2021/01/29(金) 08:18:08.38

俺は中出ししまくりだわ

**デフォルトの名無しさん** · 2021/01/29(金) 10:39:00.22

> Hooksがなかったら正直vue使ってたと思うわ

このスレ史上一番の同意

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

vuexじゃダメなん？

**デフォルトの名無しさん** · 2021/01/29(金) 14:01:25.27

>>86
IT老人が新しい技術触りたくないだけのワガママにしか聞こえないっす
ｊQueryを永遠に触ってれば良いんじゃないっすか？

**デフォルトの名無しさん** · 2021/01/29(金) 14:08:56.15

まあクソ技術でも新しいってだけで喜んで使うバカも大概老害だけどな。

**デフォルトの名無しさん** · 2021/01/29(金) 14:49:57.52

老害の自覚が無いのも老害の特徴

**デフォルトの名無しさん** · 2021/01/29(金) 14:52:37.86

新しい技術に飛びついた結果が、vueなんですよね？ｗ

**デフォルトの名無しさん** · 2021/01/29(金) 16:56:25.73

一年くらい前にRouterのみ(状態管理？なにそれ)でダイナモのdataを出し入れする奴を1から作ったことあるレベルなんだが
今から簡単な管理画面作ろうとしたらどっちがええんや？
ReactAdminとかいうのがあるしやっぱりReactかな？
フロントエンド極めるぜーとかは無い

**デフォルトの名無しさん** · 2021/01/29(金) 18:05:04.80

コーポレートサイトでもJamstack使う感じか？
Gatsbyとnextjsどっちがいい？

**デフォルトの名無しさん** · 2021/01/29(金) 18:30:47.96

コーポレートサイトこそ速度重視(SEO)でJamstackかなと思ってる。
後は好み

**デフォルトの名無しさん** · 2021/01/29(金) 19:19:49.05

コーポレートサイトなんてWPでさっくり作ってCDNでキャッシュすれば済むんじゃないの？
わざわざJamstack構成で手書きとかする意味あるの？

**デフォルトの名無しさん** · 2021/01/29(金) 21:32:36.88

それ、結局慣れてるってだけでWP+CDNのほうがふつうに複雑な構成だと思うんだけど…
WPにはApacheやphpも含んでるわけだろ？
慣れ親しんだ構成は簡単（に感じる）ただそれだけでは？

**デフォルトの名無しさん** · 2021/01/29(金) 22:04:22.97

>>92
正直とっつきづらくない?

**デフォルトの名無しさん** · 2021/01/30(土) 05:16:03.78

それってSSRでないといけないのかどうか、を考えたら自ずと答えは出てくると思うけどな

**デフォルトの名無しさん** · 2021/01/30(土) 19:50:27.27

ものによるだろ
コーポレートサイトでもぴんきり

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

svelte ってdocument.getElementbyIdできないよね？

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

んなわけねえだろ

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

Vue3どうや

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

Vue3ッピ

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

Vue3なんてでるのか
Nuxtが対応したら考えてみるかな

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

もうとっくに出てるぞ

**デフォルトの名無しさん** · 2021/02/03(水) 12:48:52.46

react今からなら関数でhooksなん？

**デフォルトの名無しさん** · 2021/02/03(水) 14:39:51.64

はい

**デフォルトの名無しさん** · 2021/02/03(水) 15:10:28.61

わかりました
recoilってのも気になったけどおいときますね

**デフォルトの名無しさん** · 2021/02/03(水) 16:05:50.69

りあくと！っていう同人誌読んでおけ

**デフォルトの名無しさん** · 2021/02/03(水) 18:49:17.29

大岡さんじゃないですか

**デフォルトの名無しさん** · 2021/02/03(水) 19:04:58.31

状態管理はuse.stateとuse.contextで充分よ
recoileとかそびえ立つなんとか

**デフォルトの名無しさん** · 2021/02/03(水) 19:31:35.77

状態管理って
ネイティブクライアントつくってれば
当たり前の機能でしかなくて、
Webアプリしか作った事ないのが
騒いてるにしか見えんね。

しかも、これらのライブライリ
使うと著しく見通しが悪いコードになる。

普段通り要件に合わせて
都度作った方が良いね。

**デフォルトの名無しさん** · 2021/02/03(水) 19:36:37.91

コードから無理やり状態を排除しようとした結果
状態を扱うだけの高機能な巨大なオブジェクトが出来上がってしまったという
笑うに笑えない間抜けな事態になってる

状態が"必要ない"ものであれば、状態をなくすのは理にかなってるが
そもそも状態が必要なものは、状態をなくすことは不可能なので
部屋に散らかったゴミを押入れに入れるように一箇所に隠すことしかできないのだ
一見きれいに見えたとしても、それはいずれ大きな負債となり管理できなくなる

**デフォルトの名無しさん** · 2021/02/03(水) 20:00:24.74

ま～た来てんのか懲りないなぁ

**デフォルトの名無しさん** · 2021/02/03(水) 20:00:49.82

stateもreducerもrecoilもcontextも
必要に応じて使い分けるがなあ
reduxを使わない(使う技術と根気がない)からかもしれんけど

**デフォルトの名無しさん** · 2021/02/03(水) 23:12:27.69

>>118
＞状態を扱うだけの高機能な巨大なオブジェクトが
それが正しく抽象化されていて、管理の手間も掛からないなら、何の問題もないだろ

何ならオブジェクトって単語をライブラリに置き換えるだけで、受ける印象が全然違うし
＞状態を扱うだけの高機能な巨大なライブラリが出来上がってしまった

**デフォルトの名無しさん** · 2021/02/03(水) 23:22:34.31

明らかにReactの事わかってない（もしくは使ったことない）文章だし、触るだけ無駄だって

**デフォルトの名無しさん** · 2021/02/04(木) 00:29:36.39

JotaiよりValtioのほうが好き

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

Reactは糞

**デフォルトの名無しさん** · 2021/02/04(木) 17:20:47.74

じゃあ何が紙なんですか？

**デフォルトの名無しさん** · 2021/02/04(木) 18:51:27.05

jqueryですよ

**デフォルトの名無しさん** · 2021/02/04(木) 19:54:20.88

ハイハイ別スレまで立ててんならそっちでやれよ（藁

**デフォルトの名無しさん** · 2021/02/05(金) 02:48:18.83

Context APIは適切にメモ化して再レンダリング抑制して場合によっては正規化もやって云々
って色々とやっていくうちにreduxのしょぼい版が完成するだけ

じゃあ最初からreduxで良かったじゃんってなる

**デフォルトの名無しさん** · 2021/02/05(金) 04:11:19.75

あるある
オレオレフレームワークの末路も大体そんなだな
結局、シェアが大きいのは大きいなりの理由があるわけだ

**デフォルトの名無しさん** · 2021/02/05(金) 04:13:28.59

フレームワーク開発者の実験に突き合わされてるって
いい加減気づかないものかね？
それなりの人が作ってるものはどれでもいいんだよ
あとは将来性で考えればいい
重要なのはどれだけ長く使えるかだ

**デフォルトの名無しさん** · 2021/02/05(金) 19:40:52.00

やっと時代がsvelteに追いついてきたな

**デフォルトの名無しさん** · 2021/02/05(金) 21:20:44.34

なんかあったのか？

**デフォルトの名無しさん** · 2021/02/06(土) 01:54:59.73

redux + hooksが良さげだな。

**デフォルトの名無しさん** · 2021/02/06(土) 06:43:56.37

reduxの時代はもうすぐ終わる

**デフォルトの名無しさん** · 2021/02/06(土) 10:35:03.63

reduxはやく死ね

**デフォルトの名無しさん** · 2021/02/06(土) 13:07:30.27

reduxって単体で便利なライブラリなのに、
reactとセットが当たり前みたいに扱われたせいで、とんだとばっちりだな

**デフォルトの名無しさん** · 2021/02/06(土) 13:44:57.96

reduxしねって言ってる奴は基地外なんだよなぁ

**デフォルトの名無しさん** · 2021/02/06(土) 14:56:20.33

redux使わないレベルの規模ならhooksでいいけどな
しょぼいのしか作ってなさそう

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

angularは何がまずかったのか

**デフォルトの名無しさん** · 2021/02/06(土) 17:05:52.27

reduxが糞言われるのと同じ感じゃね？

**デフォルトの名無しさん** · 2021/02/06(土) 17:25:54.17

まあそもそも、SPAフレームワークとか状態管理とかこのゴミのようなブラウザやネット、htmlやらjsの仕様に合わせて仕方なくやってることだよな

状態管理は後付けで出てきたようなもんだし
何もかも非効率

**デフォルトの名無しさん** · 2021/02/06(土) 18:01:05.80

>>139
angularはUIとデータベースをうまく紐付けないといけないので高度な設計能力が必要になる
その反面、設計能力が高ければUI関するコードを減らせるので
かなりシンプルにすることができる

reactとかはデータとUIに直接のつながりがないので
適当に作っても、それなりにどうにかなる
その反面JavaScriptでUIをゴリゴリと書いてる

**デフォルトの名無しさん** · 2021/02/06(土) 18:07:56.70

フロントみたいなデザイン的な面を最初からうまく設計できるって仮定自体が馬鹿げてるわ。

**デフォルトの名無しさん** · 2021/02/06(土) 18:23:28.52

本来データ構造と見た目を分離するのがHTML/CSSなんだけどな
フロントやってるやつはCSSが苦手
CSSの命令は知っていても最低限の機能しか使えず
CSSだけで高度なデザインする能力がない
デザイン作るのにHTML構造を弄くらないと作れない

**デフォルトの名無しさん** · 2021/02/06(土) 18:27:50.12

>>144
当たり前やん
それデザイナーの領域やし

**デフォルトの名無しさん** · 2021/02/06(土) 18:51:57.32

angularは単になんでも入りが受け入れられなかっただけでしょ
バンドルサイズでかくなるし

**デフォルトの名無しさん** · 2021/02/06(土) 19:14:40.81

>>145
ゴミクソ自称フロントエンジニアwww
デザイナーがjsxいじるのか？

**デフォルトの名無しさん** · 2021/02/06(土) 20:10:33.12

>>147
おまえデザインも完璧に出来るんやな？（笑）
そんな奴がフロントエンドのコードまともにかけるわけ無いやん（笑）

**デフォルトの名無しさん** · 2021/02/06(土) 20:18:29.57

>>145
だからデザイナーにやらせればいいということになる
そこをうまく分離できておらずプログラマがやらなければいけなくしてるため
メンテナンス性とパフォーマンスが低下して、生産性もスケールしなくなった

**デフォルトの名無しさん** · 2021/02/06(土) 20:24:16.20

高い技術を持っていればAngularは素晴らしい道具なんだが
それを使いこなせる技術者・デザイナーが少ないという話

**デフォルトの名無しさん** · 2021/02/06(土) 20:29:37.13

具体的に言えば、

デザイナーは最低限これぐらいは自力で実装できるぐらいの技術力が必要

CSSだけで作るドロップダウンメニュー（多階層）サンプル8
https://webdesignday.jp/samples/p5793/sample8/

そしてプログラマは、自分で作れなくともHTMLとCSSだけでこれらを作れると知っており
それを作るために必要なHTMLをカスタムタグなどを使いより簡潔に生成するために
HTMLやフレームワークの機能を熟知していなければいけない

ここまでの技術者が揃うのは少ないのでAngularを使いこなすことができない
そこでちまちまとJavaScriptで生成してる

**デフォルトの名無しさん** · 2021/02/06(土) 20:31:26.99

>>148
ゴミクズのお前はコードすらゴミじゃん

**デフォルトの名無しさん** · 2021/02/06(土) 20:33:05.87

>>152
低能だから直ぐ発狂するんだな（笑）
朝鮮人かよ（笑）
どうせデザイン能力も大したことなければコードもまともに書けないという事がバレバレやな（笑）
あ、また発狂するの？（笑）

**デフォルトの名無しさん** · 2021/02/06(土) 20:35:24.24

>>149
だからjsxとstyleComponentをデザイナーにやらせるのか？
オメーがやれよって話
stateによって可変させるUIとかどっちがやるんだよ？
自称フロントエンジニアどものゴミのようなUI作成能力どうにかならねえのか

**デフォルトの名無しさん** · 2021/02/06(土) 20:36:30.75

>>153
お前の目ん玉腐ってるからデザインもできないわ、コードもゴミだわで存在価値ゼロだろ

**デフォルトの名無しさん** · 2021/02/06(土) 20:54:06.29

>>154
> だからjsxとstyleComponentをデザイナーにやらせるのか？

jsxとstyleComponentはウェブ標準技術じゃないよ
ウェブ標準はプログラマとデザイナーの両方にとってより良い技術だったのに
それをぶち壊している技術がたくさんあるってだけの話
ウェブ標準に戻りましょう

**デフォルトの名無しさん** · 2021/02/06(土) 20:55:45.19

>>154
> stateによって可変させるUIとかどっちがやるんだよ？

プログラマはstateの管理までをやればいい。
最終的にそれはHTMLのクラス属性やdata属性などに反映される
そのstateに応じたUIを作るのはデザイナ
一人で作るのは大変なんだからさ、分業しようぜ

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

いつもの奴じゃん。相手するなよ

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

高い技術があれば〜とか、超人的能力あればアセンブラで十分ていう狂人と一緒だぞそれ。

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

NGしたらほぼ見えなくなった

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

なにでNGしたんだ？

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

>>159
高い技術ある人で、アセンブラで十分なんて言う人いないだろ？
その例えはおかしい

そもそも開発コストの話をしてるわけで
記述量が圧倒的に増えるアセンブラは
高い技術がある人が使っても開発コストは増える

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

フロントエンド開発が複雑になりすぎて、デザイナの手に負えなくなったからフロントエンドエンジニアって職種が出てきたのに
デザイナにコード書かせるとか、お前らいつの時代の話してるんだよ
分業っていうなら、デザイナの仕事はあくまでデザインで、コーディングじゃねぇよ

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

> フロントエンド開発が複雑になりすぎて

ここが根本的な問題で解決すべきこと

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

>>163
デザイナが書くのはHTML+CSSだぞ。これをコードとも言うけどな
あと正確にはウェブデザイナな
フォトショでカンプ作るとかいうやつじゃないからｗ

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

自称フロントエンドエンジニアはhtmlやcssすらまともに使えない
使えないからデザイナーガーとしか言えない
例えデザイナーがカンプ作ってもセンスゼロだからhtml cssで再現できない
マジでフロントエンドエンジニア名乗るのやめたほうがいいぞ

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

>>165
それがいつの時代の話してるんだって言ってるのに、会話成り立たなすぎて草

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

このスレに限らないけど、5chってXHTML時代から情報更新されてないやつ多すぎないかね
Web関連の話になると、こういうやつがうじゃうじゃ湧いてくる
bootstrap全盛時代とかWP全盛時代の常識がガンガン出てきて、びっくりする
平成の半ばにタイムリープしたかと思うわ

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

それな。
首だけ突っ込んできてなんにも学ばない不毛な人が一定数居る。
そういう人はどういうわけかいつもイライラしてるようだ。

勉強して知識アップデートするか、首突っ込んで来なければ、今よりは幸せになれるだろうに