Vue vs React vs Angular Part.5

**デフォルトの名無しさん** · 2020/07/29(水) 22:38:49.56

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

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

**デフォルトの名無しさん** · 2020/07/29(水) 22:39:46.58

　　　　　　　　　1年後の世界へ行こう！
／'⌒`ヽ、　Blazorが世界1のシェア取ってるはず…
ヽ、┗　ノ
　 `ーｰ' 　　　 γ⌒ヽ／ﾌﾞﾚｷﾁ＼　　　　／'⌒⌒ヽ、
　　,-ｰｰ-､　　 .||~￣~|/-O-O-ヽ|.　　（　　 ┃　 ⌒ヽ
　/　 ┃　　）　　||　　6| . : )'e'( : . |9　　＼ ━┛　　　）
.（. 　 ┃ 　　）　　|| 　　｀‐-＝-‐ '　　　　　＼＿＿_,ノ
　ヽ､＿＿,ノ　　||　＿(つ¶¶と)＿_
　　　　　　　／||'''''| 　三　 | 　　 |'（⌒）
　　　　　　　／　　　'―――――`　￣＼
　　　　　　`＝＝＝＝＝＝＝＝＝＝＝＝'

**デフォルトの名無しさん** · 2020/07/29(水) 22:41:52.98

￣￣￣| |　　　　ｌｌヽ _|　　　　ヽ　
　　　 | |　　　　 |l￣| |　　　　 l　Blazorって未来ではどうなってんの？
　　　 | |　　　　/　　´＼　　 /　　　　　　　　
　　　 | |　　　ヽ､＿　｀＾イ　　　　　　　　　　
二二二」　＿　＿＿ｌﾆ二二ｌ､　　　　　＿＿＿_
─┴┐ ⊆ﾌ＿)＿_./ 　 ┌ヽ　ヽ┐　　／´　　　　　｀＼
二二二二二二ｌ　 /　　 |　 | 　 | |.　 /　　　　　　　　　ヽ
＿l＿＿＿＿_| ／｀ｰ─‐|＿| 　 |_|　/　　　　　　　　　　　　ヽ
　 |　　　　／｀ヽ__, ─ ､ノ |─l　　ｌ　　　　　　　　　　　　　 l　　　
　 |───/　／lﾆ/　 /二ﾆluul.　 |　　　　　　　　　　　　 !　　　え？そんなゴミないよ
　 |　　 ___|￣ |　　|　　|_|.　　　　　　l　　　　　　　　　　　 /
　└─（　　　　）(ﾆ| ￣|./二ﾆ)　　　ヽ　　　　　　　　　 /
　　　　　￣￣　　/　　）　　　　　　 >━━━━━━ く
　　　　　　　　｀ー ´　　　　　　 / 　　　　　　　ヽ

**デフォルトの名無しさん** · 2020/07/30(木) 00:07:02.05

フロントエンドフレームワークのかなり網羅的なベンチマークの最新版。
左ほど良い。右ほど悪い。
https://krausest.github.io/js-framework-benchmark/current.html

**デフォルトの名無しさん** · 2020/07/30(木) 01:22:27.64

>>1
乙

**デフォルトの名無しさん** · 2020/07/30(木) 01:25:03.97

￣￣￣| |　　　　ｌｌヽ _|　　　　ヽ　
　　　 | |　　　　 |l￣| |　　　　 l　Blazorって未来ではどうなってんの？
　　　 | |　　　　/　　´＼　　 /　　　　　　　　
　　　 | |　　　ヽ､＿　｀＾イ　　　　　　　　　　
二二二」　＿　＿＿ｌﾆ二二ｌ､　　　　　＿＿＿_
─┴┐ ⊆ﾌ＿)＿_./ 　 ┌ヽ　ヽ┐　　／´　　　　　｀＼
二二二二二二ｌ　 /　　 |　 | 　 | |.　 /　　　　　　　　　ヽ
＿l＿＿＿＿_| ／｀ｰ─‐|＿| 　 |_|　/　　　　　　　　　　　　ヽ
　 |　　　　／｀ヽ__, ─ ､ノ |─l　　ｌ　　　　　　　　　　　　　 l　　　
　 |───/　／lﾆ/　 /二ﾆluul.　 |　　　　　　　　　　　　 !　　　え？そんなゴミないよ
　 |　　 ___|￣ |　　|　　|_|.　　　　　　l　　　　　　　　　　　 /
　└─（　　　　）(ﾆ| ￣|./二ﾆ)　　　ヽ　　　　　　　　　 /
　　　　　￣￣　　/　　）　　　　　　 >━━━━━━ く
　　　　　　　　｀ー ´　　　　　　 / 　　　　　　　ヽ

**デフォルトの名無しさん** · 2020/07/30(木) 04:30:26.03

>>1
SvelteはVueの５０倍速いって書いてたんだが？

**デフォルトの名無しさん** · 2020/07/30(木) 04:58:08.12

前スレの>>988がぜんぶ間違ってて草

.NET Coreはcross-platformになって
ASP.NETはLinuxでもMacでも動く時代になってる。
open source
App serverのIIS縛りもなくなっている。
Linuxでも無料で使える。
Dockerもsupportされてる

時代はASP.NET CoreとC#なのだ

**デフォルトの名無しさん** · 2020/07/30(木) 05:07:14.70

あと下の987も間違ってる。
Wappalyzerの分類でもWordPressはCMSの分類になる。
Wappalyzerのweb frameworkのシェアランキングの対象外だ

Web appとweb siteの区別、
CMSとweb frameworkの区別がつかないのなら知識はjQueryおじさんと大差ない。

987 名前：デフォルトの名無しさん[sage] 投稿日：2020/07/29(水) 22:56:11.03 ID:z6Fnx3oM [5/5]
WordPressが全ウェブサイトの35%(CMS市場では6割超)のシェアなのにaspが過半数なんておかしいと思ったｗ
https://www.similartech.com/compare/asp-net-vs-php

**デフォルトの名無しさん** · 2020/07/30(木) 05:14:17.89

このスレが少しでも有益になるといいなと。

2020年の現状ポストjQueryとしてのフレームワーク/ライブラリ戦争が一段落した時期だと思う。
メジャーなのはスレタイのVue, React, Angular。異論はあるだろうがスレタイに沿う。
ただ微妙に性格が違う。
大きくViewライブラリ、SPA、SSRで分かれるから整理したい。

Viewライブラリ(仮想DOM/リアクティブ)
　Vue.js
　React.js

SPA
　vue.js + vue-router
　react.js + react-router
　angular(フルスタック)

SSR(フルスタック)
　nuxt.js(vue系)
　next.js(react系)
　angular universal

大事な事だが、どれを使ってもリアクティブであり、CLIでプロジェクトを作ってVSCodeなりで環境つくればHMR(ホットリロード)できる。
現状優勢なのはnext.js。

純粋なフルスタックSPAはangularのみ。angularは他と違い、まずSPAであり、次にuniversal(SSR)もできる感じ。
nuxt、nextはまずSSRであり、SPAもやろうと思えばできる感じ。

vue reactは既存のWEBサイトに追加して利用する事もできる。（script タグを追加する)
jQueryの代用として活用するなら良い。

俺もまだ未熟で間違ってたらすまんが訂正してくれ。

**デフォルトの名無しさん** · 2020/07/30(木) 05:21:04.45

>>1
これテンプレート入れる必要ある
web frameworkのシェア、ランキング
https://www.wappalyzer.com/technologies/web-frameworks

ASP.NETが圧倒的
ASP.NET: 52%(C#)

Laravel: 8% (PHP)
CodeIgniter: 5% (PHP)
Ruby on Rails 9%(Ruby)
Express 7%(JS)
Next.js 2%(JS)

**デフォルトの名無しさん** · 2020/07/30(木) 07:01:41.70

>>8
例えそうなっていようが一度根付いてしまったイメージは
払拭されねえよ
MS関連は基本インストーラーのウィザードでないと
インスト出来ないのが一般大衆のイメージ
LinuxとかJavaScript使ってるエンジニアとって
MS社の最近の動向なんて興味も関心も無い
たとえ出来たとしてもわざわざ乗り換える理由なんてない
完全にLinux対応と謳いつつMS特有のエラーが
発生したり、
時間が経った後に金銭要求されたりなど色々と
勘ぐってしまう
あとMSは大文字小文字の使い方が
Linux圏の人間からするとなんかズレてる
そういう細かいところが好まれない

**デフォルトの名無しさん** · 2020/07/30(木) 07:13:05.76

￣￣￣| |　　　　ｌｌヽ _|　　　　ヽ　
　　　 | |　　　　 |l￣| |　　　　 l　jQueryって10年後ではどうなってんの？
　　　 | |　　　　/　　´＼　　 /　　　　　　　　
　　　 | |　　　ヽ､＿　｀＾イ　　　　　　　　　　
二二二」　＿　＿＿ｌﾆ二二ｌ､　　　　　＿＿＿_
─┴┐ ⊆ﾌ＿)＿_./ 　 ┌ヽ　ヽ┐　　／´　　　　　｀＼
二二二二二二ｌ　 /　　 |　 | 　 | |.　 /　　　　　　　　　ヽ
＿l＿＿＿＿_| ／｀ｰ─‐|＿| 　 |_|　/　　　　　　　　　　　　ヽ
　 |　　　　／｀ヽ__, ─ ､ノ |─l　　ｌ　　　　　　　　　　　　　 l　　　
　 |───/　／lﾆ/　 /二ﾆluul.　 |　　　　　　　　　　　　 !　　　シェア80%に到達したよ
　 |　　 ___|￣ |　　|　　|_|.　　　　　　l　　　　　　　　　　　 /
　└─（　　　　）(ﾆ| ￣|./二ﾆ)　　　ヽ　　　　　　　　　 /
　　　　　￣￣　　/　　）　　　　　　 >━━━━━━ く
　　　　　　　　｀ー ´　　　　　　 / 　　　　　　　ヽ

https://w3techs.com/technologies/history_overview/javascript_library/all/y
2019年1月時点でのシェア 73.6%
2020年1月時点でのシェア 74.2% (+0.6%）
2020年7月時点でのシェア 75.9% (+1.7%）

予測
2021年1月時点でのシェア 76.5%
2022年1月時点でのシェア 77.0%
2023年1月時点でのシェア 77.5%
2024年1月時点でのシェア 78.0%
2025年1月時点でのシェア 78.4%
2026年1月時点でのシェア 78.8%
2027年1月時点でのシェア 79.2%
2028年1月時点でのシェア 79.5%
2029年1月時点でのシェア 79.8%
2030年1月時点でのシェア 80.1%

**デフォルトの名無しさん** · 2020/07/30(木) 07:19:05.81

フレームワークにとって脅威なのは
VanillaJS（つまりJavaScriptライブラリを用いないJavaScript）が
強化され続けているという所

つまりフレームワークでこんなこと出来るようにしたました
→VanillaJSで簡単にできるようにしました
→フレームワークいらねぇじゃん

という流れができてしまってる

**デフォルトの名無しさん** · 2020/07/30(木) 09:29:23.41

>>14
これが理想的な姿だと思うが
何故フレームワーク開発者目線なのかが分からない
利用者にとってはシェア何パーセントとか
大手が使ってるとか糞みたいにどうでもいいことで
動くもので有れば
なおかつ便利で極力今までと似たようなことをやるための
余計な再学習コストがかからないもので
あれば、情報が多ければなんでもいい
大手が導入して画期的だったとしても
ググってQiitaに安定したサンプルが出てこない
ようなフレームワークは使う価値がない

本来はフレームワークなんか導入せずに
バニラの機能が進化してくれるのが1番いい

**デフォルトの名無しさん** · 2020/07/30(木) 09:41:02.79

>>10
SSG
Gridsome(vue系)
Next.js(React系)
Gatsby.js(React系)
Scully(Angular系)

これも追加で
ちなみにNext.js公式はSSG推し

**デフォルトの名無しさん** · 2020/07/30(木) 10:36:41.39

gridsomeってのがあるんか…
vueのssgはvuepressが強いのかと思ってた

**デフォルトの名無しさん** · 2020/07/30(木) 10:40:42.90

>>11
サーバーOSの8割くらいがUnix系なのに、ASP.NETがそんなシェア有る分けない。
嘘つき。

**デフォルトの名無しさん** · 2020/07/30(木) 10:47:23.79

>>14
→jQueryいらねえじゃん

**デフォルトの名無しさん** · 2020/07/30(木) 10:59:51.37

>>18
大手企業の業務システムはWindowsばっかりだよ

**デフォルトの名無しさん** · 2020/07/30(木) 11:09:49.27

>>20
デスクトップはWindowsでも、Webサーバーの8割はUnix系。
MSのクラウドですら75%以上はLinux。