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。

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

前スレでWappalyzerがソースだとか言ってるレスあったが
寧ろバックエンドテクノロジーがWappalyzerに検知されるのってサーバーセキュリティがザルだって言ってるようなもんなんだが
ちゃんとサーバーチューニングしてたらバックエンドに何使ってるとかは普通はでない

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

>>21
信用が大事なとこはWindows鯖が求められるよ
マイクロソフトの安心感が大事

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

逆にLinuxじゃないと何か不都合があるの？

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

>>19
残念ながら、jQueryはVanillaのJSと同じことを
簡単にかけるのであったら便利なわけです。

「同じこと」というのが重要な所
フレームワークはやり方を全く変えるので
やり方を覚えなくてはいけませんが、
jQueryはやり方は同じで簡単にかけるだけなので
楽になるという効果が残るわけです。

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

Linuxはセキュリティが高いからです。

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

>>24
・MS環境は、金がかかり、ずっと金をせびられ続ける。
・MS環境は、他のものと組み合わせるのが難しい。

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

>>24
MSはproprietary（独占）でLinuxはオープンソース

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

Linuxとか野良OSじゃん
Red Hatのサポートがあってギリギリ許される
マイクロソフトなら最初から全てが安心

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

またアホなこと言ってる。

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

使うだけじゃなくて自分で開発したいって気持ちがLinuxに向かわせる

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

新機能を追加したいって思ったときオープンソースなら自分で開発できる

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

>>27
MS環境が金がかかるのはOSが無料じゃないから当たり前だけど
Linuxのクラウドも有料のものしかないから金かかるよ
あとLinux環境って他のもの（WindowsやmacOS）と組み合わせるの簡単だっけ？
他のOSと組み合わせるのが難しいのはどれも変わらないと思うよ

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

というか、レンタルサーバーって、大体 apache を使ってるから、
.htaccess とかでパーミッションの設定方法などがどのレンタルサーバー屋でも
基本的な部分が共通している。
だから、一度覚えれば、もっと安くてよいサーバーに移ったりし易い。
MS製だとそういうわけにはいかない。
どこも全体的に高めだし、選択肢は狭まるし。
Unix系だと、はっきり言えば、Xrea、CoreServer、SAKURA、Lollipopなど安い
ところで済ませられるが、MS製だとそんな安いとこない。
それと、やっとサーバーだけはMSの呪縛から離れられてほっとしている人は多いはず。
そこを敢えてMS製クラウドなんてに行くのなんて、自分で墓穴を掘っているようなもの。

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

MSはWindows10からスパイウェアのようにMSと通信するようになって企業秘密がMSに全部筒抜けかもしれない

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

>>33
Unixサーバーは、多種多様な掲示板用CGIや、WordPressなども無料でころがっているので
安いし便利だし、情報もあふれている。
対してMSのものは、とにかく金がかかる。
それに、WebサーバーをWindowsやMacと連携する必要も感じない。

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

apacheとかって、RubyやJava(TomCat)とかとも連携していたりして、
まとめてローカルサーバー環境をパッケージとしてインストールできたりするし、
cygwinなどとも連携し易い。
WSL2とかより、cygwinの方が便利なことも多いし。
MS以外のほぼ全ての開発慣用がapacheやMySQLなどはどこかで配慮しているが、
MSのサーバーは無視されている。

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

>>36
> Unixサーバーは、多種多様な掲示板用CGIや、WordPressなども無料でころがっているので
> 安いし便利だし、情報もあふれている。

え？それが？ Uinixサーバーが無料で転がってるんじゃなくて
CGIやWordPressが転がってるだけだよね？
それらはWindowsで動くよ

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

>>37
> WSL2とかより、cygwinの方が便利なことも多いし。

矛盾してるよね？
WSL2＝Linux。Linuxよりもcygwinの方が便利って言ってるの？
cygwinなんてsystemdすらないのに

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

>>37
> MS以外のほぼ全ての開発慣用がapacheやMySQLなどはどこかで配慮しているが、

cygwinも配慮されてるってこと？
配慮されてないならWSL2の方が良いってことになるよね。
WSL2はLinuxだからapcheやMySQLなども動くし

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

>>38
Unix用に書かれたcgiを敢えてWindowsで動かすと言う茨の道を歩む必要は無い。
どうして無料で済むものを敢えて、変な環境な上に有料にしてしまうのか。
IEよりも悪い。

>>39
WSL2は、内部でLinuxのカーネルまで動かしてしまうから起動も遅いし、
Windowsとのファイルのやり取りも難しいし、cygwinではなかったさまさまな
厄介を自ら引き込むようなもの。

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

CGIは、Unix互換OSですらパーミッションやapacheの設定、cgiフォルダの位置や
名前などの僅かな違いでトラブル事が多い。
WindowsOSなどは、トラブルが100倍になりそうだから使わない。
金までかけて、敢えてトラブルに巻き込まれる必要は無い。

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

>>41
> Unix用に書かれたcgiを敢えてWindowsで動かすと言う茨の道を歩む必要は無い。
cygwinは配慮されてるの？
WSL2はLinuxだから、その茨が解決されたって話なんだよ。

> WSL2は、内部でLinuxのカーネルまで動かしてしまうから起動も遅いし、

内部でLinuxカーネルを動かしてるのにわずか2秒程度って速いって言わないか？
https://www.atmarkit.co.jp/ait/articles/1906/14/news019.html

> 　「Hyper-V仮想マシンサービスを使ったLinuxの仮想マシンならば、これまでもあったではないか！」と
> 思われる方もいるかもしれない。だが、この軽量ユーティリティーVMを使ったWSL 2では、
> 仮想マシン環境が起動し、bashがコマンドを受け付けるまで2秒程度という速度で起動できる。

実際使ってみると2秒もかからない。1秒未満？程度などでもっと驚いてるが
Linuxカーネルは起動が速いね！

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

設定ファイルがスクリプトってとこに、誰も疑問を感じなかったんだろか。

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

>>18
すぐ上にASP.NET CoreはLinuxでもMacでも
動くようになってるとかいてるだろ
あと法人は長期サポートされるMSの技術を使うのを好む。

web frameworkは273万件のサイトからデータ収集してる。
おまえがASP.NETの強さを知らないだけ。
Wappalyzer tracks over 2,733,000 websites and 61 technologies in the category Web frameworks.

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

>>25
お前がいつものjqueryキモジジイということだけはわかったゴミクソ

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

メルカリはNext.js使ってるようだ。
国内では数少ないNextサイトのようだが
ほとんどのページでふつうにページ全体を読み込んでるな
SPAにはなってない。

メルカリの使いづらさは異常
PCから使っていてお知らせクリックすると
アプリをインストールしろとポップアップが出てくる。
アプリじゃないとできない処理がたくさんある。

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

>>43
そんなの信じない。
実際やってみると絶対遅いから。
Visual Studioだってそうだし。
実際に使えるまでに50秒くらいかかる。