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(土) 11:35:47.92

こっちでやったら？

Webフロントエンドで脱jQueryを目指すスレ
https://mevius.5ch.net/test/read.cgi/tech/1547896353/

2019/02/16(土) 11:38:28.40

使える使えないと使う使わないは別のこと
jQueryが殆どの場合最適解でSPAが勝てる領域はかなり狭いという事実を見失っちゃいかん

2019/02/16(土) 11:41:22.10

SPA、シングルページアプリケーションであって
シングルページウェブサイトじゃないからな

アプリケーションの時点で、ならネイティブアプリにしろよって
言われる時代

2019/02/16(土) 11:52:58.50

勝手にそんな時代を作るな

2019/02/16(土) 11:56:31.80

まぁ正直フレームワークは知らなくてもいいかも知れんがNodeを知らないと確実に困る時代にはなってくると思う

2019/02/16(土) 12:00:35.69

ネイティヴアプリは環境差異とデプロイメントがめんどくさいんだよね
dockerがGUIをサポートしてくれたら乗り気になるかもしれんがな

2019/02/16(土) 12:09:05.56

>>417
それはウェブでも変わらん。カメラ使おうと思ったら
ブラウザごとに使うAPIは違うし、端末ごとに対応してる
解像度も違うし散々だったぞ

dockerってLinuxの話してる？それならSnapsやFlatpakなどが登場してる。
Dockerはあくまで開発者向けで自分で作ったアプリをデプロイするときに使うもの。

一般ユーザー向けにアプリを配布するならSnapsなどを使う
GUI対応でディストリ非依存のパッケージ管理システム

2019/02/16(土) 12:16:07.61

>>417
ネイティブの面倒なところはそこよりも
OSの差異で動かなくなったりするところだな特にiOSとか

2019/02/16(土) 12:19:58.87

>>418
Snapsってdockerのように依存関係や実行時の環境もカプセル化してくれんの？

2019/02/16(土) 12:34:18.62

>>419
その差異をブラウザは吸収できないんだよね
だからみんなネイティブアプリにする

2019/02/16(土) 12:41:53.08

みんなって誰だよ
勝手に決めるな

2019/02/16(土) 12:43:59.75

>>411
具体例をお伝えした方がいいのだろうか？
例えばサーバーのDBに対して検索かけてとってきた要素を並べてコンテンツだすとかclassだけでなんとかなるの？
そもそも要素を出したし消したりでなんとかなるような簡単なものにReactとか使わないものじゃね？

2019/02/16(土) 12:47:43.95

サービス提供する側としてはネイティブよりSPAの方がよいケースはままあるでしょ。
例えばインストーラーが不要、そもそも技術者がいない、今までの資産をそのまま流用できる、とかとか。
ハードを限定しないソフトウェアの提供形態って殆どの場合は都合できまるもんだと思う。

2019/02/16(土) 12:50:25.75

ネイティブはストアにリリースすんのがイチイチめんどくさい

2019/02/16(土) 13:05:39.77

jqueryしか使えない無能の自己紹介はいらん
消えろカスジジイ

2019/02/16(土) 13:13:23.51

Angular習得した後にjQueryで書かれたコード見たら吐き気がしてくるわ。

「こんなコードわざわざ書かなくても取ってきたデータバインディングすりゃ良いのに」って思う箇所が多々ある…。

まぁ、古いブラウザでも動くようにしなきゃならないからjQuery使ってんだけどね。

2019/02/16(土) 13:19:34.25

>>427
Windows7のサポートが切れればなぁ

2019/02/16(土) 14:02:04.13

>>427
お前が書くコードがクソなだけｗ

2019/02/16(土) 16:10:27.79

>>428
サポート切れてても「壊れてないから」とか「投資できる余裕がない」とか「基幹システムが新しいOSに対応していないから」って理由で
古いOSと機械を使い続ける客もいるんだよなぁ。あんまりよろしくは無いんだけど。

>>429
jQueryベースでデータバインディングみたいなコード書けるん？
書けるなら書き方教えてくれや。こちとら嫌々でもjQueryとは付き合っていかなきゃなんねーんだよ。

2019/02/16(土) 16:16:01.06

イベント使え

2019/02/16(土) 17:30:33.50

>>430
使ったことないが、backboneやKnockoutやらのIE7でも動くライブラリ使ってみれば？ただ今更勉強する意義を考えると辛いなあ。。

2019/02/16(土) 18:08:11.34

旧ブラウザサポートはお高くなりますよ？
これでほとんどの客が黙る

2019/02/16(土) 19:11:18.01

やっすい案件ほどクソ要求してきやがる。

2019/02/16(土) 19:38:01.61

>>430
少なくともイントラではなグローバルサイトではサポート切れたOSの対応は打ち切っていいだろ

2019/02/16(土) 19:40:47.09

Androidだとサポート切れといっていいOSはどれ？

2019/02/16(土) 20:08:25.91

>>433
最新バージョンのreact使ってるけどIE11で問題なく動作しとる

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はオワコン。
ほれ、また次だぞ。チキンレースは終わってないぞ！