Vue vs React vs Angular Part.3

**デフォルトの名無しさん** · 2019/06/12(水) 19:04:55.46

実際どうなん？
Vue
https://jp.vuejs.org/
React
https://reactjs.org/
Angular
https://angular.io/
※前スレ
Vue vs React vs Angular Part.2
https://mevius.5ch.net/test/read.cgi/tech/1552136553/
※前前スレ
Vue vs React vs Angular
http://mevius.5ch.net/test/read.cgi/tech/1545395856/

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

**デフォルトの名無しさん** · 2020/01/23(木) 23:32:43.71

それはany使わなければ済む話では。

**デフォルトの名無しさん** · 2020/01/24(金) 01:24:52.70

既存のJSライブラリそのまま使うとどうしてもanyが紛れ込む

**デフォルトの名無しさん** · 2020/01/24(金) 08:06:25.83

そういうのはanyのまま使わないでTypeGuardFunctionで型のある世界に持ち込む。

**デフォルトの名無しさん** · 2020/01/24(金) 12:22:52.39

プロダクトの品質めちゃくちゃあがるわ！
ってんなら使うけど、その必要を感じない。

**デフォルトの名無しさん** · 2020/01/24(金) 23:45:37.52

>>236
それ本から始めたい派を否定する理由にならなくね？

**デフォルトの名無しさん** · 2020/01/25(土) 12:39:27.44

>>251
そもそも否定してないんだか？

**デフォルトの名無しさん** · 2020/01/25(土) 13:24:34.75

https://i.imgur.com/GHV5Phe.png
https://2019.stateofjs.com/front-end-frameworks/
聞いたことないのが幾つかあるけどこの辺どうなん？

PreactとかReactの拡張みたいな感じで出たみたいだけど
本家がやったHooks対応とかみたいなのが全然追い付いてない感じなのかな？

**デフォルトの名無しさん** · 2020/01/25(土) 14:04:04.96

拡張だっけ
廉価版みたいなものだと思ってた

**デフォルトの名無しさん** · 2020/02/10(月) 12:03:50.72

preactは軽量化された爆速React

**デフォルトの名無しさん** · 2020/02/14(金) 18:08:33.85

preactは抽象化などを犠牲にして軽量化をはかっている

**デフォルトの名無しさん** · 2020/02/21(金) 21:40:27.73

reactのソース変更画面即反映ってどうやんの？
あとちょっとスレチだけど
今俺のプロジェクトモデルやコントローラー
ソース変更するとサーバー再起動無しで更新されるんだけど
どうやってるんだろう

**デフォルトの名無しさん** · 2020/02/21(金) 22:21:15.86

dev-server系なら関連ファイルの保存をトリガーにビルド後さりげなく再起動してるよ

**デフォルトの名無しさん** · 2020/02/22(土) 01:54:09.06

dev serverのソース読むの楽しそう

**デフォルトの名無しさん** · 2020/02/22(土) 01:57:27.56

最近nextjsのbuild時に行なっている最適化の詳細について知りたくなってきてる

**デフォルトの名無しさん** · 2020/03/10(火) 23:19:32.27

趣味の個人開発で独習なのでできれば資料がそろっててtypescriptを使いたい場合、学習コストを差っ引いてもvueよりreactのほうがいいのかな

**デフォルトの名無しさん** · 2020/03/11(水) 08:18:06.28

>>261
その通り
圧倒的にreactがいいと思う

**デフォルトの名無しさん** · 2020/03/11(水) 13:15:53.34

実践TypeScript - BFFとNext.js&Nuxt.jsの型定義、吉井健文、2019/6/26

入門者用の文法の説明が、130ページしかない。
残りの190ページが、各フレームワークへの対応

React, Vue.js, Express, Next.js, Nuxt.js

**デフォルトの名無しさん** · 2020/03/11(水) 23:36:57.28

vueなんてやる必要はない

**デフォルトの名無しさん** · 2020/03/12(木) 02:21:22.14

VueでTypeScriptってVueの良いところ潰しまくってる気がするんだが

**デフォルトの名無しさん** · 2020/03/12(木) 08:34:37.61

他の記事でもvueとtsは相性が悪いって読んだけどどう悪いんだろう
jsのvueしか使ったことないから分からん

**デフォルトの名無しさん** · 2020/03/12(木) 10:38:55.40

vueはcdn版でやると
簡単に環境を整えるコトができる
しかも高速。習得が難しいのはreactも一緒。

webプログミングの
参考書自体が便利なモノほど細々した
システムを突っ込んでくるからビギナー扱い

きれず挫折する。

**デフォルトの名無しさん** · 2020/03/12(木) 12:30:05.06

低レベルな話なんだががそもそも関数型での設計がピンと来なくて…

**デフォルトの名無しさん** · 2020/03/12(木) 16:36:39.60

関数型とオブジェクト思考の違いは
多分「関数ポインター」を先に学ぶか、後に
学ぶかの違いじゃね？オブェクト思考で出来る事は

関数型でも対外できる。

**デフォルトの名無しさん** · 2020/03/13(金) 00:05:26.99

Vueも規模が大きくなってくると型が欲しくなるが、
最初はいらないと思う

**デフォルトの名無しさん** · 2020/03/13(金) 03:31:53.22

>>267
CDN使ってる時点でそれはフレームワークじゃなくライブラリ感がね…

**デフォルトの名無しさん** · 2020/03/13(金) 03:48:00.90

Vueのシンプルで可読性が高い取り柄は無くなる気がする
もっと可読性良くならないかなVue + TypeScript

**デフォルトの名無しさん** · 2020/03/13(金) 16:51:43.93

Reactできない奴がvueをやる

**デフォルトの名無しさん** · 2020/03/13(金) 19:53:54.05

うん、それでいいじゃん

**デフォルトの名無しさん** · 2020/03/13(金) 21:09:21.03

コンポーネント作るたびに
return文を書かないとエラー出してくる
言語のどこが可読性が高いんだろう。親コンポーネントと
子コンポーネントを同期させるのに
update:変数、、、なんて一々書かなきゃいけない言語の
どこが可能読性が高いんだろう？componentとcomponentsに
まったく別物で認識まで違うのにどこが馴染みやすいんだろう。

高速化かつ中規模専用かつ
新世代コンポーネント思考だけに
踊らされて来た俺にはわからんわwww

**デフォルトの名無しさん** · 2020/03/14(土) 02:01:57.72

>>275
お前が何を言いたいかわからん
お前の脳内をコンピューターは理解できないのでしょうがない

**デフォルトの名無しさん** · 2020/03/14(土) 05:02:18.44

そりゃ日本語が苦手なら、プログラム書くのも難しいだろうなぁ。

**デフォルトの名無しさん** · 2020/03/14(土) 08:42:27.86

本人も日本語が変だって
気がついてるから大丈夫。だがvueは一年半は
やってる。visual studio codeとかの設定も自分でやった。

componentとcomponent「s」が
一文字違うだけなのに文法上で極端に
違う言語て問題ありじゃね？

**デフォルトの名無しさん** · 2020/03/14(土) 10:36:53.78

その手のことを補うのが型チェックだろ。
reactでもvueでも問題はそこじゃない。

**デフォルトの名無しさん** · 2020/03/14(土) 12:53:11.03

>>273
Vueやってるヤツでもその内のどれくらいがビルドして組んでんだかな…

**デフォルトの名無しさん** · 2020/03/14(土) 15:48:52.29

vue流行りはマジで日本だけだからな
cakePHPと同じ

世界からは失笑されている

**デフォルトの名無しさん** · 2020/03/14(土) 16:32:02.87

vueのほうが手軽なのに、日本で特異的にvueが流行ってる理由というより世界の潮流としてreact優勢なのはなんか理由があるのかな？

**デフォルトの名無しさん** · 2020/03/14(土) 16:45:14.14

なんでだろう(´・ω・｀)

**デフォルトの名無しさん** · 2020/03/14(土) 17:42:50.06

一部だけ入れ替えとかならvueよりもreactのがやりやすいんでねーの。

**デフォルトの名無しさん** · 2020/03/14(土) 19:11:23.63

>>281
Vueが流行ってるのは東アジアとか東南アジアだろ
日本ではなんだかんだReactが優勢というかそこに行けない大多数の奴らは結局jQuery使ってる感じだろ

**デフォルトの名無しさん** · 2020/03/14(土) 20:42:39.46

Typescriptとの親和性が一番でかいっしょ

**デフォルトの名無しさん** · 2020/03/14(土) 21:01:49.64

>>285
きもい

**デフォルトの名無しさん** · 2020/03/14(土) 21:49:58.26

適材適所でいいじゃん

**デフォルトの名無しさん** · 2020/03/16(月) 17:15:30.62

vue.jsは、github 全体の中でプログラム部門ではTOPのSTAR数を誇る最大人気のプロジェクトだ。

**デフォルトの名無しさん** · 2020/03/16(月) 17:19:16.28

ドキュメント部門を除外した場合の github starranking :
vuejs/vue
3 vuejs/vue
JavaScript 159352🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
facebook/react
4 facebook/react
JavaScript 145286A declarative, efficient, and flexible JavaScript library for building user interfaces.
tensorflow/tensorflow
5 tensorflow/tensorflow
C++ 142031An Open Source Machine Learning Framework for Everyone
twbs/bootstrap
6 twbs/bootstrap
JavaScript 139254The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

**デフォルトの名無しさん** · 2020/03/16(月) 17:21:28.81

上位4つの内、3つは、JavaScriptを使ったWebFrameWork(HTML+CSS+JS)らしい。
残りの1つは、機械学習用の数学(?)ライブラリ。

**デフォルトの名無しさん** · 2020/03/17(火) 01:37:00.55

人気は、二系統に分けて書いてみれば、
・vue>Angular>React>>Razor>>>Blazor
・Unity>Qt>>>Flutter

**デフォルトの名無しさん** · 2020/03/17(火) 02:04:41.32

vueの人気は、分かり易さ以外にランタイムの小ささがもう一つの主因になっているかもしれない。
簡単なWebにAngularの500KBやBlazorの2.0MBでは困るから：

DownloadSize(RuntimeSize) :
vue:91KB
React:116KB
Angular:500KB
Blazor:2.0MB (将来は1.5MBを目指している)

**デフォルトの名無しさん** · 2020/03/17(火) 19:27:45.14

俺は大雑把な
vueの文法が嫌いだが、ランキングが高いので
仕方なく使っている。ランキングが高いと世の中に出廻る

ソースの数や解説本の数なんかも違ってくる。

速いのも魅力的だし

**デフォルトの名無しさん** · 2020/03/17(火) 21:03:20.21

普通にreactでいいじゃん
reactで何か問題あるのか？

**デフォルトの名無しさん** · 2020/03/18(水) 20:05:07.33

ランタイム・サイズの大きさはダウンロード時間だけでなく、JSの実行時コンパイルの時間にも関係してきて、特にモバイルの場合にはダウンロード完了後の起動速度にも関係すると思う。
vueが速い理由の一つにはその影響もあるのかもしれない。
また、blazorは、.netのVMがブラウザ内で確かWasmを使って動作しなければならない。
Wasmも仮想マシンで、.netも仮想マシン。全体の遅さは両方の遅さの掛け算となるので特にモバイルではだいぶ遅く感じるのではないかと思われる。

**デフォルトの名無しさん** · 2020/03/18(水) 20:25:33.91

重くてリッチなのはreactでいいじゃん

**デフォルトの名無しさん** · 2020/03/20(金) 21:43:18.11

WikipediaはVueを選んだ
Reactはオワコン

Watching you, with a Vue to a Kill: Wikimedia developers dismiss React for JavaScript makeover despite complaints
https://www.theregister.co.uk/2020/03/20/wikimedia_react_javascript/

・WebpackやBabelなどのフロントエンド用ビルドツールサポートが優れていて、依存するライブラリが少なく、安定して進化している
・Reactは、2014年から2017年まで特許条項付きBSDライセンスを採用していた
・Vueの開発はReactのように一つの組織によって運営されていない
・前にHHVMを捨てたせいでPHPに移行を余儀なくされたので、Facebookを信用してない
・Wikimedia Deutschlandは既にVueを試してる

**デフォルトの名無しさん** · 2020/03/20(金) 23:44:09.86

wikipedia ってそんなに権威があるのか？

**デフォルトの名無しさん** · 2020/03/20(金) 23:59:20.63

　　　　　　　　　　　　　　　　　　　＼､,,)rﾞ''"''ｰ弋辷_,,..ィ
　　　　　　　　　　　　　　　　　　=､..,,,ﾆ;ヲ_　　　　　ヾ彡r''"
　　　　　　　　　　　　　　　　　　｀`ミミ,　　 i'⌒!　　ﾐミ＝-
＿＿＿＿＿＿＿＿＿＿＿＿=　-三t　　 fﾞ'ｰ'l　　 ,三＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿
|　　　　　　　　　　　　　　　　　　　,シ彡､　lﾄ　 l!　 ,:ﾐ...　 {:::}　　　　　　　　__,,,,,､　',::::ヽ.　　　　　　|
|　　　　　　　　　　　　　　　　／　^'''7　 ├''ヾ!　　 }:::ﾉ　,,,==ｪｪゝ '彡o,ゝ=　Ｙ）　　　　　　　 |
|　以下　　　　　　　　　　　　／　　　　l　　ト､　＼　ヽ::', "_ｨ.o`> 　 `二´-｀`　',ﾉ　　　　　　.　|
|　ウィキペディア創設者　　　　　〃ﾐ　,r''f!　　l!　ヽ.　　　　ﾊ｀彡ィ　 , 　　､　　　　.|　　　　　　　.|
|　ジミー・ウェールズからの　ノ , 　 ,ｲ,: l! ,　,j! ,　ﾄ、　　　ヽ,　　　/　_　,r'ハ　　　.|　　　　　　　.　|
|　メッセージをお読みください　/ ｨ,/ :'　　　　　':. l ヽ.　　　　ﾍ　　ｲ:::::::::__,:＿､::: }:::/　　　　　　　　|
|　　　　　　　　　　　　　　　　 / :: ,ll　　　　　　　　ﾞ': ﾞi　　　　ヽ::::（:ィ─=彡　ヾl::/|､　　　　　　.　|
|　　　　　　　　　　　　　　　 /　 /ll　　　　　　　　 'ﾞ　!　　　　ﾊ',::＼:::::::"":: : ::／　ﾊ､.　　　　　　|
|　　　　　　　　　　　　　　 /' ヽ.　　　　　　　ﾘ　　,､-'´　|＼`ヾ::::::::::::ィ　　/　|　｀`ヽ─-､.|
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣

**デフォルトの名無しさん** · 2020/03/21(土) 09:43:46.28

Wikipediaがvueを使ったからreactが終わってるは飛躍しすぎてる気がするけどな

**デフォルトの名無しさん** · 2020/03/21(土) 10:29:31.96

そもそも最終候補に残らなかった
Angular、Ember、Svelte、Inferno、Preact、Web Components
とかのことも
時々でいいから思い出してください

**デフォルトの名無しさん** · 2020/03/21(土) 10:58:31.90

Reactは動画サイト系では結構使われてるよね
あとWordPress5にも組み込まれたんだっけ？

**デフォルトの名無しさん** · 2020/03/21(土) 13:20:16.16

そもそもReactくらいWebやる奴なら誰でも使えるくらい簡単だからこんな低レベルな争い自体が滑稽
たいした技術でも何でもないだろ

どちらかというとReactは初心者向け

**デフォルトの名無しさん** · 2020/03/21(土) 22:48:44.19

>>304
アプリケーションを簡単に作れるなら良いライブラリでしょ
君の指摘は本質を全く捉えられてないよ

**デフォルトの名無しさん** · 2020/03/22(日) 20:57:52.32

びっくりするほどフロントできるプログラマーっていないよな
デザインすらゴミレベル
ゴミレベルだからデザイン指定しても再現出来ない

**デフォルトの名無しさん** · 2020/03/22(日) 22:42:59.73

それ君の周りにゴミPGしか居ないだけでは

**デフォルトの名無しさん** · 2020/03/22(日) 23:10:42.69

海外の採用担当者がまともなフロントエンジニアがいないと嘆いている
フロントエンジニアでデザインできない奴はマジでクソ
バックエンドやってろって思うわ

**デフォルトの名無しさん** · 2020/03/23(月) 00:48:43.54

サーバーサイドしかできないエンジニアなんか何の役にも立たないな
田舎に帰って畑仕事してる方がまだ世のためになる

**デフォルトの名無しさん** · 2020/03/23(月) 08:16:51.48

自演乙

**デフォルトの名無しさん** · 2020/03/23(月) 10:41:43.30

vueがそもそも簡単という
理由もないし、jqueryがvue.js内部で使えるって
だけでjqueryの代用になるとは誰も云ってないwww

中学生の問題が、高校で出題されるレベル

**デフォルトの名無しさん** · 2020/03/28(土) 00:18:22.26

>>306
最近デザインはMaterial-UI頼りのスマホアプリライクだけど別段評判は悪くない

**デフォルトの名無しさん** · 2020/03/28(土) 07:54:09.66

フロントは細かい要求されるわりに金出ねーじゃん。
そんなんやるやつ減るに決まってるわ。

**デフォルトの名無しさん** · 2020/03/28(土) 09:17:09.13

>>312
Material UIの説明にデザインてきない奴ら向けって書いてる
独自性もないし、そもそもMaterial UIすらまともに使えず、使えてるつもりでバランスバラバラ

クソ使えないエンジニアが「Material UIで作りました！」とかほざくことほど滑稽なことはない
自分は無能です！と言ってるようなもの

無能に金出すわけねえだろ

**デフォルトの名無しさん** · 2020/03/30(月) 10:36:56.62

それじゃ糞ださいフロントでも我慢してくれとしか言いようがない。
まあフロントのデザインにこだわらんというのもありだと思うけどね。

**デフォルトの名無しさん** · 2020/04/02(木) 01:18:38.12

メインでやってるのはホームページの延長じゃなく
業務システムのWeb化だからそんなに外観とか求められんのよな

**デフォルトの名無しさん** · 2020/04/02(木) 06:26:17.20

外観求められんとか以前に商品として終わってるレベルしか作れない能力の無さになんで勝ち誇れるんだ？
少しはデザイン勉強してからフロントやってくれ
マジで無能が仕事すること自体迷惑
それでフロントできますとかほざくな

**デフォルトの名無しさん** · 2020/04/02(木) 08:38:21.23

>>317
そのレベルでいいなら自分でやれや。
それもできんからしょーもない詐欺師に引っかかるんだよ。

**デフォルトの名無しさん** · 2020/04/02(木) 18:08:22.20

>>318
おまえバカ？
こっちは作る側だ
依頼する奴がこんなところに来るかよ

**デフォルトの名無しさん** · 2020/04/02(木) 21:48:52.20

>>317では依頼する側の口ぶりだったが

**デフォルトの名無しさん** · 2020/04/03(金) 00:25:10.75

>>319
じゃあ自分の職場でほざいてりゃいいじゃん。
おまえのまわりではマジで無能が仕事すること自体迷惑なんだろうし。
んでもってその分をお前がやりゃすむ話だろ。

**デフォルトの名無しさん** · 2020/04/03(金) 00:31:29.04

職場の状況も人間関係も何もわからず話も噛み合わないのにケンカすんなや

**デフォルトの名無しさん** · 2020/04/03(金) 23:50:22.99

大体もうなんか作るんなら一人でやるのが一番気楽なんだよな
なんで分業するのが正しいみたいな風潮になってんのかねぇ…

**デフォルトの名無しさん** · 2020/04/04(土) 01:54:10.26

>>323
一人で作れる規模なら一人で作ればいいと思う。markdownエディタであるinkdropは作者は1人で開発されてるし。
ただたくさんのお金を産もうとするとアプリケーションのデザインやパフォーマンスなど様々な要素が重要になるのでチーム開発せざるを得なくなる

**デフォルトの名無しさん** · 2020/04/04(土) 23:28:18.77

>>324
まぁそうなんだろうけど
足手纏い入れて不具合原因探しする手間考えたら多分一人でやるよりも時間掛かるんだよね体感的に

**デフォルトの名無しさん** · 2020/04/08(水) 01:25:50.15

VueのUIフレームワーク、TypeScriptと一緒に使うなら何がおすすめ？
Quasarっていうのが気になって試してみたけど、TSXをうまくトランスパイルできる設定方法がわからず。。

**デフォルトの名無しさん** · 2020/04/09(木) 05:03:32.21

https://github.com/dotnet/aspnetcore/issues/15997
↑
Blazorは、デスクトップのC#の200倍遅いらしい。
サイズも大きすぎるようで、
機能の限定されたプログラムで最小で2MB、標準では16MBくらいが最小なので
はないか。

**デフォルトの名無しさん** · 2020/04/09(木) 05:06:50.72

同じくWasmを使っている Uno Platformも JS よりも遅いらしい。
JSを使いたくないC#プログラマには便利ではあろうが、現実的に
使えるアプリを作るのは難しそうだ。
Blazorの場合は、HTMLも使う必要があるようだからもっと存在意義が疑問視
される。

**デフォルトの名無しさん** · 2020/04/11(土) 02:54:20.42

vue.jsでnew演算子を
使うとバグが出る前例て
あったけ？

**デフォルトの名無しさん** · 2020/04/11(土) 19:13:15.99

ここで聞いていいかわからないけど…

Webpackのloaderって、
・js を babel-loaderでトランスパイルするルール
・ts を ts-loaderでトランスパイルするルール
を設定したとき、tsはts-loaderによってｊｓになると思うけど、
このloaderによって生成されたｊｓはbabel-loaderの処理対象にはならない？

**デフォルトの名無しさん** · 2020/04/11(土) 19:52:52.40

なるぞ

**デフォルトの名無しさん** · 2020/04/11(土) 20:29:13.86

loaderの処理順による
先だか後だかに書いた順に適用されてく
どっちだったかは忘れたから調べて

**デフォルトの名無しさん** · 2020/05/23(土) 17:25:41.30

angular使い始めたけどいいなコレ。管理しやすさ◎

**デフォルトの名無しさん** · 2020/05/23(土) 21:49:01.48

今から始めるなら Angular はちょっと…

**デフォルトの名無しさん** · 2020/05/23(土) 22:53:11.76

Vueって書いてあるのにな

**デフォルトの名無しさん** · 2020/05/24(日) 07:29:28.60

>>334
VueもReactも使えるよ！

**デフォルトの名無しさん** · 2020/05/24(日) 07:51:13.57

>>333
Reactと比較してどう？

**デフォルトの名無しさん** · 2020/05/24(日) 13:57:54.47

Reactを使い慣れたならAngularってめっちゃ使いにくいと思うよ
コンポーネント1個作る旅に4ファイルずつ増えるのが発狂しそう

**デフォルトの名無しさん** · 2020/05/24(日) 14:48:48.68

jQueryが一番ラクじゃね？ｗ

**デフォルトの名無しさん** · 2020/05/24(日) 15:05:42.13

は、hyperapp...

**デフォルトの名無しさん** · 2020/05/24(日) 15:06:04.29

>>338
どっちも使いにくいとは思わないかな。というかそんなの慣れの問題だから気にならなくなってしまったってのが正解かな。

**デフォルトの名無しさん** · 2020/05/26(火) 11:48:31.01

angularでサービスを作成してDIして使うことは、普通にクラスを作成してnewして使うことに比べて何かメリットがあるのでしょうか？

**デフォルトの名無しさん** · 2020/05/26(火) 14:46:33.17

JavaScriptコードだけで数万行を超えるような規模になったらメリットあるよ

**デフォルトの名無しさん** · 2020/05/29(金) 19:17:47.54

jqueryは単純に
生javascriptが書けない人が
利用してるだけだと思う。vue.jsは

教本で全部
済ませようとすると100%身に付かない。
塾の先生でもそう知っている人はいない。

**デフォルトの名無しさん** · 2020/05/29(金) 19:52:39.01

typescript じゃないと書けなくてゴメン

**デフォルトの名無しさん** · 2020/05/29(金) 20:25:45.60

>>344
https://w3techs.com/technologies/history_overview/javascript_library/all/y
jQueryはウェブサイトの74.9%で使われてる
5年前に比べて13%も増えている
これだけの人が生JavaScriptをかけないとは思えない。