Vue vs React vs Angular Part.2

**デフォルトの名無しさん** · 2019/03/09(土) 22:02:33.71

実際どうなん？
Vue
https://jp.vuejs.org/
React
https://reactjs.org/
Angular
https://angular.io/
-
VIPQ2_EXTDAT: default:vvvvv:1000:512:----: EXT was configured
※前スレ
Vue vs React vs Angular
http://mevius.5ch.net/test/read.cgi/tech/1545395856/

★ここではjQueryの話題は禁止です
★jQuery房が書き込んでも無視してください

**デフォルトの名無しさん** · 2019/03/09(土) 22:10:59.54

>>1 おつ

1. jQueryはシンプルに書けるVue・Reactは冗長

証拠 https://jsfiddle.net/t62b49mp/

JavaScriptのコードはこれだけ
$('.my-component [name="switch"]').change(function() {
　$(this).closest('.my-component').toggleClass('active', this.checked);
});

2. 信者「Vueならこれだけで動く！」

嘘1 isActive=false

嘘2 new vue({data:{isActive:false}})
https://codepen.io/anon/pen/MxmrjP （動かない）

嘘3
new Vue({
el: '#app',
data: {isActive:false},
})
https://codepen.io/anon/pen/XGgpZV （変な動きをする）

3. 結論
jQueryはシンプルに書けるVue・Reactは冗長

**デフォルトの名無しさん** · 2019/03/09(土) 22:11:21.00

　
Vue vs React vs Angular その2
https://mevius.5ch.net/test/read.cgi/tech/1552122580/

**デフォルトの名無しさん** · 2019/03/09(土) 22:13:19.13

実際vueの方がコードは長くなるわけで、
たった2行にバグが有るかどうかと
十数行にバグが有るかどうかでは
考えるまでもないな

**デフォルトの名無しさん** · 2019/03/09(土) 22:14:44.65

次はonclickを使う例にしようか？
jQueryだとコードは増えないが
Vueだとさらにコードが長くなる

**デフォルトの名無しさん** · 2019/03/09(土) 22:18:50.81

>>1
乙

**デフォルトの名無しさん** · 2019/03/09(土) 22:23:27.65

>>1
乙

**デフォルトの名無しさん** · 2019/03/09(土) 22:26:49.23

NG用にワッチョイくらいは欲しかったな

**デフォルトの名無しさん** · 2019/03/10(日) 04:28:29.96

韓国人のつくったkQuery = Vue

**デフォルトの名無しさん** · 2019/03/10(日) 09:31:42.23

スレタイに入ってるけどAngularのアウェイ感が半端ない

**デフォルトの名無しさん** · 2019/03/10(日) 09:41:01.97

>>10
なんで？

**デフォルトの名無しさん** · 2019/03/10(日) 09:44:10.94

>>10
俺はangularはサンプルいじって放置してるよ。実務で使うシーンが限定というか予定にない。自社でも受注にもない。

**デフォルトの名無しさん** · 2019/03/10(日) 09:49:18.69

>>11
React、VueはJavaScriptでHTMLを作るものだから。
AngularはHTMLをベースにそこに特殊な属性をつける。

**デフォルトの名無しさん** · 2019/03/10(日) 09:50:04.54

>>1
乙！

>>2-5
死ね

**デフォルトの名無しさん** · 2019/03/10(日) 09:55:40.09

1から2への移行、というか再構築の苦労話見るとなあ。個人的に習得すべきかずっと迷ってる。

**デフォルトの名無しさん** · 2019/03/10(日) 09:56:45.26

>>11
今って言うか前スレで殆ど話題に上がらなかったなと

**デフォルトの名無しさん** · 2019/03/10(日) 10:08:10.61

>>12
何でAngularってあまり使われないんだろうな。

自由に構成を変えられない分、チームとして協業した時に構成を統一出来るし、
ベースとなるTypeScriptで型宣言出来るから変数に違う型をぶち込もうとしてたらIDEが教えてくれるからバグも少なく書ける。

これだけ大規模開発と堅牢なコーディングに向いてて、何故どこの企業もAngularで開発しようってならないんだろ。

一度Angularで開発始めてしまうと後戻りできなくなるからとか、
そもそもHTML、CSS、Javasceiptしか出来ない人間にAngularは荷が重いからとか？

**デフォルトの名無しさん** · 2019/03/10(日) 10:57:03.30

あとバージョン更新が速すぎる
7で安定すんのかな

**デフォルトの名無しさん** · 2019/03/10(日) 10:59:39.20

>>17
用途が違うから。

Reactを使ってるのはウェブサイトじゃなくて
ウェブアプリを作ってる。
ウェブサイトはReactでは作りづらい

ウェブサイトはAngularが適しているが、
その程度の用途ならjQueryで十分

**デフォルトの名無しさん** · 2019/03/10(日) 11:18:18.33

>>18
もう8のBetaが来てる

**デフォルトの名無しさん** · 2019/03/10(日) 11:20:50.23

Angular使ってる部署は使ってるな
自分のところで使わないのは、
・大胆に仕様が変わる
・その割りに飽きてポイ捨てするgoogleの体質
で使ってないな
googleの信用問題な気がw

**デフォルトの名無しさん** · 2019/03/10(日) 11:35:33.25

Reactもライフサイクルメソッドとか大幅に廃止になってたりするけどね

**デフォルトの名無しさん** · 2019/03/10(日) 11:46:45.99

まだまだ先とはいえ、GoogleはいずれAngularを捨てて
Flutter for Webを推していくようになると思うぞ

**デフォルトの名無しさん** · 2019/03/10(日) 11:49:48.39

それはReactも同じだよ。
Web Componentsがすべてを置き換える。

まあReactと互換性がないReact Nativeは別だけどな。
React Nativeはアプリ用であってウェブ用ではないし

**デフォルトの名無しさん** · 2019/03/10(日) 11:56:52.21

>>23
AngularDartってのもあるからな

**デフォルトの名無しさん** · 2019/03/10(日) 12:02:33.55

>>17
webの構成要素html、js、cssはとても壊れやすく脆い。altcss、altJSも結局はラップに過ぎん。そして動作するブラウザもどこかで不安定。

だからwebはライブラリやフレームワークが優秀でも堅牢とは言い切れない、どこか不安定な感じが拭えないんだよ。

その上流れの早い業界だから、速攻習得できて早く捨てられる。次に備える。そういうスタイルがwebに合ってる気がしてる。angularには腰が重くなる。

**デフォルトの名無しさん** · 2019/03/10(日) 12:19:44.77

>>26
html、js、cssは登場してから大きく変わることはなく安定してると思うけど？
壊れやすいのはその周辺技術。同じことを違うやり方をしては消えていく
生HTML、生JS、生CSSに近いものほど長く生きている

**デフォルトの名無しさん** · 2019/03/10(日) 13:50:12.38

生たって小規模ならともかくjsの長ったらしいのなんかメンテできないだろ
ちゃんとしたlintツールとかあってチームとかでメンテできるわけで

**デフォルトの名無しさん** · 2019/03/10(日) 14:08:14.61

lintツール使ってもjs自体はjsそのものだろ

生じゃないjsというのは、jsをjsではないものにするってこと
例えばCoffeeScriptとかね。

HTMLで言えば、HAMLとかあったがあれも死んだ
HTMLではないからだ。XHTMLもほぼ死んだ状態

jsもAltJSは殆ど死んだ。残っているのはTypeScriptというjs+αという
互換性があるものだけ。

CSSも生き残ってるのは、CSSと高い互換性があるSASSぐらい

標準の構成要素は消えないし、標準から離れれば離れるほど死滅するのが早くなる
ウェブのフレームワークも標準のDOMとは違うやり方をするので、すぐ消えるよ

**デフォルトの名無しさん** · 2019/03/10(日) 14:12:35.25

CoffeeScriptにしてもSassにしてもRails由来のものはあんま流行らなかったな
ScssはSassの一形式みたいに言われてるが本来のSass形式が受け入れられなかった結果だしな

**デフォルトの名無しさん** · 2019/03/10(日) 14:14:23.21

>>30
俺が言ってるSassっていうのはプロジェクトの名前で
構文自体はScssだからね。

**デフォルトの名無しさん** · 2019/03/10(日) 14:48:02.33

インデントスタイルのほうが絶対いじりやすいのに

**デフォルトの名無しさん** · 2019/03/10(日) 15:00:02.28

そんなものよりも互換性のほうが重要だし
テキストエディタの機能で小さな差は吸収される

**デフォルトの名無しさん** · 2019/03/10(日) 15:31:18.74

>>29
AltJsてことね、失礼
TypeScriptはやっぱ便利だね
Vueでもやりたいんだが周りがjsでやろうとするんだよな

**デフォルトの名無しさん** · 2019/03/10(日) 15:34:45.50

>>25
普通に考えれば
AngularはDartでやるべきなんだろうけど

**デフォルトの名無しさん** · 2019/03/10(日) 15:34:57.99

>>32
逆にインデント入れたらダメってルールはないし

**デフォルトの名無しさん** · 2019/03/10(日) 16:02:25.93

>>27
すまん言い方が大雑把だった。エンジンがどうこうじゃなく、最近は減っただけでブラウザ依存は無くなってないし、生cssやdomは貧弱すぎる。

本来の用途ではないのを時代の要求に合わせて無理やり実現してる感が凄い。それをフレームワークやIDEが必死の努力で隠してくれてる。

それは凄く有難いし新技術はワクワクするしvue reactは楽しい。でも独自記法が象徴する様に「コレは一時的なものです。今はこう書きます」というキナ臭さ凄い。ガッツリコミットできない。

**デフォルトの名無しさん** · 2019/03/10(日) 16:28:15.01

でも、なんかこのスレ見てたらangular勉強する気が湧いてきたわ。しばらく独学して判断するよ。

**デフォルトの名無しさん** · 2019/03/10(日) 16:31:35.17

>>38
これからGoogleMapもPWAになるって聞くしな

**デフォルトの名無しさん** · 2019/03/10(日) 20:26:48.77

Vue.jsは仕事で使ったけどイマイチな感じがした。
ちょっと入院するからreact native勉強するつもり。
このままサーバサイドエンジニアに追い込まれて終わらんよ