Vue vs React vs Angular

2018/12/21(金) 21:37:36.86

実際どうなん？
Vue
https://jp.vuejs.org/
React
https://reactjs.org/
Angular
https://angular.io/

VIPQ2_EXTDAT: default:vvvvv:1000:512:----: EXT was configured

2019/02/16(土) 21:03:12.87

正直互換性の点ではIE11よりもEdgeの方が癖があるんだよね
まぁEdgeもChromiumベースになる計画があるらしいしEdgeのChromium化とWindows7のサポート打ち切りが来ればパブリックサイトは随分シンプルになるんじゃないかと思う

2019/02/16(土) 22:09:54.11

chromiumになってもなんかしらイレギュラーがありそう
信用できない

2019/02/17(日) 08:20:58.26

フロントエンドなんてそんなもんだとしか言いようがない。

2019/02/17(日) 09:26:47.38

逆に言えば進化の余地ありありと言うこと。でもフレームワーク競争もひと段落して数年は安定じゃないかな。ブラウザもChromiumとSafariに収束されつつあるし。あとはiOS safariにpush通知実装されればなあ。

2019/02/17(日) 09:30:51.46

プログラマには、Apple機がなくなった方が楽になると思われている。
IEが消滅して言ったのと同じ状況がApple機に対しても起きつつあると思う。
iPhoneは売れなくなった。

2019/02/17(日) 09:44:50.06

フロントエンドは端末とブラウザの進化の影響をもろに受けるからねぇ…。

クロスプラットフォームの分野でも、SPAが技術的に枯れる前にどんどん新しいフレームワーク出て来るからな。最近だとFlutterとか。

SPAだけでも選択肢多いのに、xamarinだのcordovaだのFlutterだのと。
こっちとしては「クロスプラットフォームアプリ開発するなら結局どれ選べばいいんだよ」的な状態だわ。

2019/02/17(日) 09:48:46.68

結局、大きい組織が作ったものを使っていくようになるんだろう。

2019/02/17(日) 09:49:49.70

Apple機さえ無視すれば、プログラミングが色々便利になる。

2019/02/17(日) 10:25:00.47

>>443
どれでもいい
フロントは使い捨て
簡単に乗り換えできるようにビジネスロジックと疎結合に作る
そこだけ死守すればなにを使ってもいい

2019/02/17(日) 10:44:59.94

cordova使うならIonicでいいんじゃない？
最近はAngularだけじゃなくVueにも対応したらしいし
そういやReactNativeにもVue版出てたな

2019/02/17(日) 15:29:11.35

vueはreactパクってばっかだな。
storybookもパクってなかったか？
nuxtもnextのパクりだろ？
さすが中国人プロジェクトｗ

2019/02/17(日) 16:09:57.46

別にパクっていてもそれで良くなるなら別に何でもいいけど。ただvueは元Google社員とはいえ中国人でしかも個人開発だろあれ。

いつ開発が止まるかもわからない、信用のない国の人間が作ったもんを率先して基礎にしたがる奴なんているのかな。

vue使いたがる奴なんて、vueを使いたいから使うんじゃなく、技術力低いからvueしか選択肢が無いんじゃないかと。

2019/02/17(日) 16:17:22.57

技術力低くても使えるなんてコスト低くて最高だな

2019/02/17(日) 18:12:29.77

どうせWebComponentsが完成したら
またガラリと世界が変わるんだから
どれ使っても一緒

2019/02/17(日) 18:17:28.09

>>451
過大評価しすぎ

2019/02/17(日) 19:04:36.50

何れにせよあっという間に時代遅れになることは確かだ

2019/02/17(日) 19:11:48.12

金融系取引先においてある、およそ10年前に作られた当時先端のActionScript製RIA業務システムを見るとふふってなる。

2019/02/17(日) 19:15:44.06

10年前、2009年か。なら当時最先端のAngularJSを使っていればよかったのに

2019/02/17(日) 19:19:23.16

Reactは2013年だから10年前には選べない
Vueも2014年だから無理
Backboneは2010年だからギリ間に合うか？
Knockoutも2010年だな

10年前の最先端は、すべからくオワコン
ReactもVueもあと5年程度の命だろ

**デフォルトの名無しさん** (ｱﾒ MM6b-QWHq) · 2019/02/17(日) 19:27:54.46

*すべからく

2019/02/17(日) 19:39:34.68

Reactオワコンだからこれからはjqueryオススメ

2019/02/17(日) 20:02:00.60

>>448-449
やっぱ、Aureliaだな

2019/02/17(日) 20:17:50.30

>>459
この前のレスで気になってたから今ちょうどインストールしてた
何気にAngularの一番厚い本(アプリケーションプログラミング)で主要なフレームワークとして挙がってるのな

>>448
パクリから始まったのは確かだけど今やNuxtはSSRの為だけのものじゃなく
Vueベースのフルスタックフレームワークなんだよな

2019/02/17(日) 20:40:36.87

Reactがオワコンって即ちjsがオワコンって事だと思うんだけどそれはないんじゃないか？

2019/02/17(日) 21:28:50.33

ReactがオワコンになってjsもオワコンになってjQueryだけが使われると思ってるクソジジイが一匹いるけど

2019/02/17(日) 21:36:36.53

jQueryは別にいいんだけどWebpackは知らんとこの先ついて行けんくなると思うよホント
今やブラウザでなんでもできる時代やしなんでも作らないかんくなるから何も勉強しなくても余裕とは思わん方がいい

2019/02/17(日) 22:05:35.95

jQueryが長生きなのは認める。

2019/02/17(日) 22:23:23.44

babel使うんだからwebpackぐらい使うだろ？

2019/02/17(日) 22:57:23.05

普通に使うよな

2019/02/17(日) 23:02:22.78

もしかしてAureliaってCliでプロジェクト作っても碌にデモ画面も表示されない？

2019/02/17(日) 23:57:17.64

単刀直入に質問。Vue.jsとReactを勉強するための書籍を探してる。今は
両方のチュートリアル見たりしながら写経しつつ、我流で勉強中。
●Vue.jsは技評のVue.js入門と基礎から学ぶシーアンドアールのVue.jsで迷ってる
●Reactはどれも評価高いものがなくて迷ってるが今は見送り？

ちなみにＪＳの知識だが、今までjavascriptは紫の山田本一通り通したことがあり、AngularJS1.5で簡単な
検索システム組んだことあるぐらい。いちおうjQueryも一通り触れてプログラムに
色々システムを手書きで組み込めるレベルはある。

2019/02/18(月) 00:24:29.50

>>468
vueだけど、俺は「基礎から学ぶvue.js」買ったよ。技評の方は読んでない。公式webとその本で十分網羅されてると思う。

2019/02/18(月) 00:32:34.18

おお、サンクス。なら、そっちも買うか

2019/02/18(月) 01:01:22.40

Nuxt.jsビギナーズガイド―Vue.js ベースのフレームワークによるシングルページアプリケーション開発、
花谷拓磨、2018/10/17

基礎から学ぶ Vue.js、mio、2018/5/29

Node.js超入門、掌田津耶乃、2017

Electronではじめるアプリ開発
~JavaScript/HTML/CSSでデスクトップアプリを作ろう
野口将人・倉見洋輔、2017

入門 React ――コンポーネントベースのWebフロントエンド開発、2015

Reactビギナーズガイド ――コンポーネントベースのフロントエンド開発入門
Stoyan Stefanov, 2017
https://github.com/stoyan/reactbook

初めてのJavaScript 第3版 ――ES2015以降の最新ウェブ開発、オライリー、2017

JavaScript 第6版、2012、David Flanagan

2019/02/18(月) 01:12:07.61

↓Reduxに関しては一番詳しく書いてあるけどサンプルプログラムの入手先が本誌に書いてない・やっぱちょい古い
React入門 React・Reduxの導入からサーバサイドレンダリングによるUXの向上まで

↓構成は悪くないしサンプルプログラムがしっかりしてる点はいいがバージョンが古いのとReduxが載ってない
いまどきのJSプログラマーのための Node.jsとReactアプリケーション開発テクニック

↓これはやめといたほうがいい
React開発現場の教科書

とりあえず一番上がいいかな

2019/02/18(月) 01:14:46.55

>>471
Node.js超入門は全然役に立たんし買う必要ないと思う

てか全般的に2017年以前の書籍勧めちゃいかんだろ

2019/02/18(月) 01:17:18.50

>>470
基礎からは著者のサポートサイトも併せて見るとやりやすい

2019/02/18(月) 08:10:58.01

フロントは更新や淘汰が速すぎるから書籍だと情報が古くなるのは仕方ない

2019/02/18(月) 08:44:20.46

SproutCoreとかもう名前が挙げられることもないからな。
なぜかmeteorは今更挙げられることがあるが。

2019/02/18(月) 22:14:52.84

逆にフレームワークを本買ってまで勉強する必要あんのかな。

公式のチュートリアル一通りやればどう書けばいいかは大体想像付くし、
あとは自分でお題決めて、わからん事は公式ドキュメントやstackoverflowとにらめっこしてれば、大抵の物は作れるだろ。

2019/02/18(月) 22:20:39.28

>>477
そう。英語勉強したほうがマシ。マジで。

2019/02/18(月) 22:38:28.05

フレームワーク本を1週間で読めるとして、
英語を勉強するのとどちらが速いと思いますか？

2019/02/18(月) 22:44:57.01

英語は10年やっても無理だがフレームワークなら1日で覚えられる

2019/02/18(月) 22:53:31.84

ウンコ訳で周回遅れの邦訳に付き合わなくてよくなるぞ。
英語なら電子版無料公開してるような書籍でも日本では印刷してボッタくっている。

2019/02/18(月) 22:56:21.87

理解できなけりゃ金払ってでも理解すりゃ良いんだよ。

2019/02/18(月) 23:01:29.12

理系じゃないんで抽象的な表現が苦手なんだよな。なので、ひとつ何か
コンポーネント指向がわかる手ほどき書がほしかったわけで

今、基礎から学ぶ読んでるけど、デザイナー向けに書かれてるだけあって
わかりやすくていい

>>478
むしろ、英語は読める口（ニュースサイトの記事や英語版Wikipediaの記事とかは
だいたいわかる）なんだけどね

2019/02/18(月) 23:10:58.27

話題になり始めたらとりあえずgithub見に行くな
必要なものは大抵その中か、そこからのリンクにある

**デフォルトの名無しさん** (ｱﾒ MM6b-QWHq) · 2019/02/18(月) 23:17:17.71

>>483
はぁ、コンポーネント指向を…
Atomic Design ~堅牢で使いやすいUIを効率良く設計する　くらいしか知らないな。この本で使ってたのはReact。

2019/02/19(火) 01:42:29.59

>>468
Vue本は両方買った
ある程度動けばいい実践派は猫本
理論から入りたい理屈派は技評本ってとこ
俺は技評の方が性にあった

2019/02/19(火) 02:51:16.21

China開発者が作ったvueと、Facebookが作ったReactは将来性も含めてどっちがオススメ？

2019/02/19(火) 09:00:05.79

vueはちょいと手を広げすぎな気はする。

2019/02/19(火) 09:01:38.38

もしかしてAngularって本当に淘汰されてる？

2019/02/19(火) 09:14:50.98

Angularのシェアが落ちてると言うより、angular採用するまでも無いサイトが他を使用してるだけだろう。vueなんかは小さく始められるから入力フォームにだけ利用もできるしjQueryと共存もできるしね。俺もフォームから始めたな。随分スッキリした。

2019/02/19(火) 13:47:21.51

vueの良さが今日

ようやく判ったな。コンポーネントという単位で

分けることにバックエンドとフロントエンドとミックスできて

しかもjQueryまで使える。よぼどvueを

知ろうとしないとこの境地には辿りつけないけど

2019/02/19(火) 15:11:28.48

React終わったな
もはやvueの勢いにはどうあがいても勝てない

**デフォルトの名無しさん** (ｱﾒ MM6b-QWHq) · 2019/02/19(火) 15:40:44.07

※スターの半分以上は中国人です

2019/02/19(火) 15:46:05.13

中国人がどんどんcomponent作ってくれるから楽できる

2019/02/19(火) 16:37:04.20

Alibaba vs Facebook

2019/02/19(火) 18:19:10.23

俺は中国人の勢いにかけるぜ

2019/02/19(火) 19:06:32.74

>>495
アリババの勝ちだな。

2019/02/19(火) 19:10:40.62

Aurelia試してみたけどcliでプロジェクト作ってもhttp-serverインストールした上必要なファイル手動で追加せんとデモ画面もろくに表示されんとかこりゃ流行らんの当たり前やん

2019/02/19(火) 21:08:49.53

中間とってビュアクトにしたらいいのでは。

2019/02/19(火) 22:32:39.35

>>490
AngularはAngularJSでやらかしたのがデカイんじゃない？

一生懸命AngularJS勉強して「さあこれから本格的に開発していこう！」って矢先に互換性のないAngular 2発表、
AngularJSはオワコン化じゃ、次何が出ようと「誰がお前らのフレームワークの習得に投資するんだよ」ってなるわ。

2019/02/20(水) 01:13:44.34

>>496
わからない時は英語じゃなくて
中国語で検索しないといけなくなるのかな？

2019/02/20(水) 02:18:36.91

>>500
ほんまそれだわ、3年前Angular2で別物になったと思えば、もう6とかいってるし…
数年でもう5まで行ったLaravelも大概じゃないがそれよりひどい

2019/02/20(水) 02:27:40.92

あと、フルスタックじゃないAngularJSのような気軽さがないとね…。
ReactとRedux、Vueとnuxtみたいな関係が必要だ。門戸は広く、奥行きは深くすべき
ReactはVueに影響されたか、だいぶ記述はわかりやすくなったから、前よりは
とっつきやすくなったと思う

2019/02/20(水) 07:17:02.34

おいreactに来たhooks apiめっちゃいいやんけ。クラスなんていらんかったんや！

2019/02/20(水) 07:59:55.95

クラスでええやん

2019/02/20(水) 13:47:47.60

>>502
7やろ

2019/02/20(水) 14:20:15.26

>>503
> ReactとRedux、Vueとnuxtみたいな関係
言いたい事は分かるが一応訂正。reactとnext.jsに対応するのはvueとnuxt.js。ステート保持はreactがredux、 vueがvuex。

2019/02/20(水) 19:48:50.57

HooksってReduxとの相性どうなの

2019/02/20(水) 20:13:36.83

Reduxが要らなくなるのがHooksなんじゃないの？

**デフォルトの名無しさん** (ｱﾒ MM6b-QWHq) · 2019/02/20(水) 20:17:31.57

context apiと組み合わせれば。
デカイアプリはまだまだreduxじゃないかな？
しかし確実にstate管理の枠組みにも変革を促すであろう。
post reduxにどんなのが出てくるのか楽しみ。

2019/02/20(水) 20:24:09.86

ということで、またオワコンが一つ増えますね。Reduxはオワコン。
ほれ、また次だぞ。チキンレースは終わってないぞ！

**デフォルトの名無しさん** (ｱﾒ MM6b-QWHq) · 2019/02/20(水) 20:36:00.91

まあreduxはめんどくさすぎるからな。
小規模アプリでも必須みたいな風潮が異常だった。

2019/02/20(水) 20:47:56.19

>>507
現状nuxtは大きくなりすぎたからnextと比較するのは不毛

2019/02/20(水) 22:17:55.07

まじか
いまReduxつこてるのに

2019/02/21(木) 16:37:13.46

reactでブラウザの戻るに一つしか履歴が登録されない
意味不明

2019/02/21(木) 17:02:23.80

ヒステリーAPIを使え

2019/02/21(木) 17:08:39.36

ヒストリー使ってるんだけど

・createBrowserHistoryライブラリ（IE対応のため）
・redux
・react-redux
・connected-react-router

これら使ってなんとか構築してるんだが一つしか履歴残らん

てか解説サイトがほとんどない…

2019/02/21(木) 18:31:50.74

>>516
ヒステリーAPIは草

2019/02/21(木) 20:33:12.61

>>515
これのexampleの構成をよく見た方がいい
https://github.com/supasate/connected-react-router

2019/02/22(金) 03:02:07.44

>>516
まあまあ
落ち着けよw

2019/02/22(金) 12:59:46.42

とりあえずhistory直す
なんかわからんがLink使うとhistoryの履歴が3つ登録される
SPAはここがめっちゃめんどくせぇ
なんでブラウザの操作までjsで組まなきゃいけないんだか

2019/02/22(金) 13:22:14.53

てかｵｯﾍﾟｹってReactマスターやなかったんかい

**デフォルトの名無しさん** (ｱﾒ MMc9-K3Le) · 2019/02/22(金) 13:32:15.20

別にSPAにせず普通にページ遷移してもいいんだがな。誰もやらないだけで。したがってサンプルも転がってないｗ

2019/02/22(金) 14:06:18.79

>>522
すまん、App.jsのコンストラクタ内でthis.props.history.listen使ってしまっておった
これやめたら直りました
dispatchで初期化するのにつかってたのが間違い

2019/02/22(金) 21:03:06.66

>>519
サンプルここにあんじゃん

2019/02/22(金) 21:06:35.12

Reactはホント人によって使うフレームワークやライブラリが全然違うな。
ちょっと興味あったけど、これじゃどっから始めたらいいか全然分からん。

てか、ReduxだのNextだの、第三者が作ってるであろうフレームワークの開発なりサポートなりが終わってしまったら、代わりはどうすんだ？

2019/02/22(金) 21:14:42.59

極力公式か大きめの企業がメンテしてるものだけで作る
コミッタが少ないものは使わない
ライブラリへの依存が散らばらないよう自コードで軽くラップして使う

2019/02/22(金) 21:19:43.61

まぁ本当にSSR必要かってのもあるけどね
最近自分の関わってる案件だと会員サイトの認証済み領域の情報は一切検索エンジンにヒットさせる必要ないからSSRとは無縁なんだよな

2019/02/22(金) 21:24:17.86

スペシャルスーパーレア？

2019/02/23(土) 00:29:55.26

>>526
大丈夫。その前にReactが終わる。VueもAngularも
あと数年後は今存在してないフレームワークが使われてるよｗ

2019/02/23(土) 07:14:02.54

数年後も残ってるのはjQueryだけ
MVC+jQが正解なんだよ

2019/02/23(土) 09:37:08.18

いやreact vue angularについては長生きすると思う。ここ数年は本当酷かったフレームワーク戦争も落ち着いたしあと5年は使えるんじゃないか？ようやく腰を据えて安心して学べる状態になった。

2019/02/23(土) 10:08:06.99

あとたった5年（笑）

2019/02/23(土) 10:16:15.94

お前ら、RADツールって知ってるか？
ウェブの世界じゃあまり知られてないかもしれないが
デスクトプアプリの世界じゃ20年以上前から存在してるものだよ
VBとか有名だな

で、reactなどは近い将来RADツールに置き換わる。
RADはツールであってフレームワークではないから
正確に言うとRADツールを作りやすいフレームワークになるということ

コンポーネントは作ってパーツとして使える。
使いやすいコンポーネントが最初から揃っている。
GUIでマウスで操作するだけで簡単にコンポーネントが配置できる
まあここまではUIエディタ（HTMLエディタ、JSXエディタ）と
変わらんわけだがここからがJavaScript

コンポーネントを選ぶんで書きたいイベントを選ぶとイベントハンドラが生成される
自分で紐づけとかしなくて良いんだよ。JSXとか書かなくていい。
イベントハンドラ名もデフォルトで自動生成、プログラマはイベントの中身を書くだけ
データのバインドとかもRADツールで紐付けるべきものの名前を書くだけ

20年前のVBはすでにこういった世界だったんだよ？

2019/02/23(土) 10:34:55.14

だが滅んだ

2019/02/23(土) 10:55:53.84

マウス1つでレスポンシブデザインまで対応出来るなんて
夢みたいなツールじゃん

2019/02/23(土) 11:17:14.46

レスポンシブはブレークポイントを複数定義して
デフォルトからの差分みたいな感じでデザインするんだろうね