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/27(水) 15:52:47.32

vue3は完熟してから頂きます

**デフォルトの名無しさん** · 2021/01/27(水) 16:36:39.59

鼻毛認証という言葉を思いつきました。

**デフォルトの名無しさん** · 2021/01/27(水) 16:39:44.57

>>48
そんな違うんだっけ？

**デフォルトの名無しさん** · 2021/01/27(水) 16:43:49.57

>>51
呼んだか？

https://w3techs.com/technologies/history_overview/javascript_library/all/y
jQueryのシェアは2021年1月時点で77.2%だったが
1ヶ月で77.3%に増えた。まだ増加傾向にあるようだ。

なおReactのシェアは0.4%。その程度のレベル

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

jQueryおじさんきたあああああああああ

**デフォルトの名無しさん** · 2021/01/27(水) 18:21:31.45

塩まいとけ！

**デフォルトの名無しさん** · 2021/01/27(水) 20:29:16.80

VueはcompositionAPIの影響でごちゃごちゃするんだろうなぁーっていう感じ

**デフォルトの名無しさん** · 2021/01/27(水) 21:41:18.33

>>56
とりあえずreact hooksパクってみました感が凄い
調べれば調べるほどreactで良くね？ってなる

**デフォルトの名無しさん** · 2021/01/27(水) 21:48:18.58

>>60
Vueの売りはフロントエンド技術者にとっての分かりやすさだったけど今となっては無いよね
reactの方が明らかに明確で分かりやすい
全然違う方向に進化して欲しかったから残念だわ

**デフォルトの名無しさん** · 2021/01/27(水) 22:08:20.82

いつものことじゃん。思想が明確じゃないから
ぶくぶくと機能を追加して破綻する

「シンプルでわかりやすい」というのはどれもが主張してくるメリットだけど
それは単にできたばっかりで実装が追いついてないだけ
バージョンアップするたびに複雑になっていく

そしてまた次の「シンプルでわかりやすい」新しいフレームワークが
登場しまたぶくぶくと太って繰り返し

基本的な機能に絞り込むという発想がない
jQueryはその点最初からブレずにやってるから
こうやって長く使い続けられる

**デフォルトの名無しさん** · 2021/01/27(水) 22:33:45.31

jQueryは先進的な層から誰も目を付けられてないから発展しないんだろうね
結果的にそういう利点も生まれるわな

**デフォルトの名無しさん** · 2021/01/27(水) 22:56:53.71

vueって最初better angular的な思想だったのに
Reactを取り入れて魔改造してキメラになったイメージ

**デフォルトの名無しさん** · 2021/01/27(水) 23:49:24.82

Reactとvueとアンギュラーの違いが抽象的にしか説明しとらんじゃん
具体的に何がよくて何が嫌なのか伝えられんの？

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

みんなvue2→reactに行ってんの？
せっかくvueの勉強始めたのに

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

両方やったらええわ。
そこまで大きな違いなんかないから。

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

>>54
完熟する前に腐りそう

**デフォルトの名無しさん** · 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作成能力どうにかならねえのか