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房が書き込んでも無視してください

**デフォルトの名無しさん** · 2019/06/24(月) 19:15:28.51

>>21
必要ないやつには必要ない
当たり前の話

**デフォルトの名無しさん** · 2019/06/24(月) 19:55:19.48

結局はPWAっぽいものを作りたいかどうかだな

**デフォルトの名無しさん** · 2019/06/24(月) 22:44:58.68

TypeScriptはどっちみち必須になるだろうな

**デフォルトの名無しさん** · 2019/06/24(月) 23:30:41.44

なるほど。使わない人には必要ないと。
しかし今転職考えててスキルセット考えるとコーダー関連しかできませんだと、どうにも辛い状況なんですよね。
PWAだのSPAだの作れますと言える状態にしたいのは間違いないので、とりあえずjsの勉強始めます。

**デフォルトの名無しさん** · 2019/06/25(火) 01:08:11.49

google i/o 2019見た？
googleがweb.devにreactのガイドコンテンツ作るってよｗｗ
google謹製angularの立場ｗｗｗｗ

**デフォルトの名無しさん** · 2019/06/25(火) 01:44:09.87

同時に勉強すればいいよ

**デフォルトの名無しさん** · 2019/06/25(火) 03:36:11.36

>>25
転職サイトで経歴に書くならReactとか食いつきはいいよね

**デフォルトの名無しさん** · 2019/06/25(火) 06:50:25.49

>>16
やりたい事半分も理解できてないから正しい回答か自信ないけど、2つのtsコンポーネントでファンクションを共有化したいのかな。

であれば自分なら2つのコンポーネント用tsファイルとは別にexport class書いたtsファイル1つ作って、
static なファンクションの中に共有したいファンクション書くな。

後は2つのtsコンポーネント上でそれぞれ↑のクラスをimportして、
import { CommonFuncClass } from './CommonFuncClass.ts';

@Emit call{
CommonFuncClass.funcName;
}

みたいにすればいいんでない？　適当に書いてるから間違ってたらすまん。

**デフォルトの名無しさん** · 2019/06/25(火) 14:58:20.86

TypeScript使ってないと死んでしまう

**デフォルトの名無しさん** · 2019/06/25(火) 15:04:15.58

死んでも困らない

**デフォルトの名無しさん** · 2019/06/25(火) 15:05:28.37

TypeScriptはあまえ

**デフォルトの名無しさん** · 2019/06/25(火) 23:31:08.98

スレの趣旨から少しずれてすみません
VueJS使っていて

どうしても $.ajax() の利便性を用いたく（jsonpの利用等で）
VueJS中でこういった部分的なjQueryの実装をしている人はいますでしょうか？

**デフォルトの名無しさん** · 2019/06/25(火) 23:32:26.85

キメラせずに素直にaxios使ってください

**デフォルトの名無しさん** · 2019/06/26(水) 00:06:33.98

>>33
通信部分で何使おうが大勢に影響ないし好きにしたら良い
唐突な$が気持ち悪い程度の話

**デフォルトの名無しさん** · 2019/06/26(水) 02:09:39.85

>>33
jQueryでDOMいじりしないならjQuery混在させても良いんじゃない？
ただajaxなんて使わなくても、Vueにはaxiosがあるからそっち使ったほうがいいよ。
（jQuery入れてると、jQueryしか出来ない馬鹿がjQueryをDOMいじりに使いやがるから）

あと、JSONPを使うのはCORSの制限回避の為？　素直にコンテンツサーバー側のCORS設定見直したほうが方向性としては正しいかと。

**デフォルトの名無しさん** · 2019/06/26(水) 03:51:32.78

むしろVueJS使わずに、jQueryにしたほうが良いのではないか？

**デフォルトの名無しさん** · 2019/06/26(水) 04:41:57.12

どうせやるんならVueよりもReactやった方がいいと思う

**デフォルトの名無しさん** · 2019/06/26(水) 08:35:04.28

スレタイの３つがどうなっていくのか色んな予想あるけどよくわからんなあ

**デフォルトの名無しさん** · 2019/06/26(水) 08:54:25.99

>>39

349 デフォルトの名無しさん sage 2019/04/11(木) 19:42:22.98 ID:GR4ezT/u
日本にいるとVue人気だから勘違いしそうになるがやっぱ採用実績はReactが圧倒してるんだな。475kサイト vs 64kサイトか……
しかしなぜかGitHubのスター数だけタメ張ってるｗ
Top JavaScript Frameworks For 2019
https://www.codementor.io/nikhil21tyagi/top-javascript-frameworks-for-2019-s8881i8ga

パフォーマンスについてはReactよりVueのほうがいいな。
AppRunってやつ速くて気になる。
しかしAngularいくらなんでも酷すぎる……
A RealWorld Comparison of Front-End Frameworks with Benchmarks (2019 update)
https://medium.freecodecamp.org/a-realworld-comparison-of-front-end-frameworks-with-benchmarks-2019-update-4be0d3c78075

**デフォルトの名無しさん** · 2019/06/26(水) 10:17:06.57

毎回同じヤツが言ってるのか知らんが旧版のAngularJSをAngularかのようにミスリードするのはどうかと思う

**デフォルトの名無しさん** · 2019/06/26(水) 11:19:59.87

Vue.js, jQuery は、併用できない

Vue.jsは仮想DOM で、独自のタイミングでDOMを更新するから、
jQueryで実DOMを変更しようとしても、元に戻ってしまう！

axios を使えば？

**デフォルトの名無しさん** · 2019/06/26(水) 12:36:54.61

RubyｷﾁｶﾞｲがhttpクライアントライブラリであるaxiosでDOM操作するようですｗｗｗｗｗ

**デフォルトの名無しさん** · 2019/06/26(水) 21:22:06.32

といいつつ大体共存してるんよねVue使ってるサイトって

**デフォルトの名無しさん** · 2019/06/26(水) 21:43:55.15

react + axios でええやん

**デフォルトの名無しさん** · 2019/06/27(木) 08:05:58.08

SPA自体が微妙

**デフォルトの名無しさん** · 2019/06/27(木) 19:53:10.03

全体から見たらほとんどのライブラリがjQuery要求するしなぁ
もちろん代替自体は進んでるけど、世の中新規案件より過去案件の保守しなければいけないポイントは増え続けてるわけで。

**デフォルトの名無しさん** · 2019/06/27(木) 20:06:51.85

ふーんMath.jsとかlodashとかThreeJSとかjQuery要求するんだ。へぇ。

**デフォルトの名無しさん** · 2019/06/27(木) 20:31:34.45

ReactやAngularって5年後使われていると思いますか？

**デフォルトの名無しさん** · 2019/06/27(木) 21:12:08.57

うん

**デフォルトの名無しさん** · 2019/06/28(金) 00:34:49.13

いや

**デフォルトの名無しさん** · 2019/06/28(金) 06:44:40.28

電子化して働き方改革だあ！って号令のもと新規で社内システム作っちゃったから5年は面倒見ることになりそう、後輩が…

**デフォルトの名無しさん** · 2019/06/28(金) 22:46:21.72

React は残るんじゃない？　バックが Facebook だし。
Angular が残るか消えるかは Google の気分次第かな。現にAngularJSは消えた様なもんだし。
Vue は Evan の個人開発だから、Evan の寿命が Vue の寿命かな。

33 · 2019/06/29(土) 01:05:21.67

助言を沢山下さりありがとうございます。
JQueryとの併用を検討してみます。

**デフォルトの名無しさん** · 2019/06/29(土) 01:19:30.63

実務ならそっちの方がいいかも知れんが学習が目的ならjQueryは完全に省いて
フレームワークの機能で賄う設計を身に着けた方がいい

混ぜる事を前提で進めるとどうしても設計的な欠陥に陥りやすい

**デフォルトの名無しさん** · 2019/06/29(土) 07:46:42.97

react自体なくなっても結局ああいうものがまた作られると思うぞ。

**デフォルトの名無しさん** · 2019/06/29(土) 10:45:14.45

Reactは完成形だけど状態管理が後付けだからなー

**デフォルトの名無しさん** · 2019/06/29(土) 11:18:41.10

根幹的にはブレることは無いとはいえ、その辺はまだ発展中なんだよな

Redux Hooksも今月リリースされたばかりだし
https://react-redux.js.org/next/api/hooks

**デフォルトの名無しさん** · 2019/06/29(土) 11:39:53.32

React Routerとかその辺も近いうちにHooks対応するだろうとかその辺の方向性は見えてるけどね

**デフォルトの名無しさん** · 2019/06/29(土) 12:49:00.59

公式じゃないのがね

**デフォルトの名無しさん** · 2019/06/29(土) 13:14:38.94

>>53
facebookだからみんな離れていったの知らないの？
未だに訴訟リスクは残る

**デフォルトの名無しさん** · 2019/06/29(土) 13:16:42.56

349 デフォルトの名無しさん sage 2019/04/11(木) 19:42:22.98 ID:GR4ezT/u
日本にいるとVue人気だから勘違いしそうになるがやっぱ採用実績はReactが圧倒してるんだな。475kサイト vs 64kサイトか……
しかしなぜかGitHubのスター数だけタメ張ってるｗ
Top JavaScript Frameworks For 2019
https://www.codementor.io/nikhil21tyagi/top-javascript-frameworks-for-2019-s8881i8ga

パフォーマンスについてはReactよりVueのほうがいいな。
AppRunってやつ速くて気になる。
しかしAngularいくらなんでも酷すぎる……
A RealWorld Comparison of Front-End Frameworks with Benchmarks (2019 update)
https://medium.freecodecamp.org/a-realworld-comparison-of-front-end-frameworks-with-benchmarks-2019-update-4be0d3c78075

**デフォルトの名無しさん** · 2019/06/29(土) 13:35:28.59

>>61
訴訟リスクってどういう意味での？
Reactの特許条項ならとっくに外されてるし
それもFacebookへの訴訟を防ぐものだったけど

**デフォルトの名無しさん** · 2019/06/29(土) 13:52:23.84

ある程度使ってみ、たいていのウェブサイトはSPAにするメリットよりデメリットの方が大きいなって印象

**デフォルトの名無しさん** · 2019/06/29(土) 15:15:36.54

>>63
そうやってライセンスを自社都合で自在に変えることができるということがリスク

**デフォルトの名無しさん** · 2019/06/29(土) 16:37:33.24

そんなんfacebookに限らんじゃん

**デフォルトの名無しさん** · 2019/06/29(土) 17:03:41.80

>>64
まぁ最低限ユーザー認証を行わない様なシステムには要らんだろうねそりゃ
だからWeb"サイト"に無理に入れる必要はないって最初から言ってる

**デフォルトの名無しさん** · 2019/06/29(土) 17:13:30.70

なんでこのスレタイでたいていのwebサイトとやらの話をしてると思うんだろう

**デフォルトの名無しさん** · 2019/06/29(土) 17:58:42.05

>>66
そう思うなら安心してReact使ってればいいじゃん

**デフォルトの名無しさん** · 2019/06/29(土) 19:23:51.64

react使っててザマァってのがやりたいってのはよくわかったよ。

**デフォルトの名無しさん** · 2019/06/29(土) 21:16:11.81

>>69
つまり、facebookだから云々ってのは根拠なしの出鱈目ってことでおk？

**デフォルトの名無しさん** · 2019/06/29(土) 21:21:16.04

facebookが潰れれば終わり

**デフォルトの名無しさん** · 2019/06/29(土) 21:22:44.52

>>71
根拠くらい自分で調べればいいじゃん

**デフォルトの名無しさん** · 2019/06/29(土) 21:32:16.29

なんだかんだでそういうときはどこかが引き取るしな

**デフォルトの名無しさん** · 2019/06/29(土) 23:36:50.70

一応>>63で聞いてみたけど意義のある返答は無さそう

**デフォルトの名無しさん** · 2019/06/29(土) 23:41:47.67

Googleのこれはどれくらい本気で進める気なんだろうか
https://flutter.github.io/samples/

**デフォルトの名無しさん** · 2019/06/30(日) 01:08:26.85

一度そのフレームワーク採用するとそれ使い続けるか、完全に書き直すしかない

**デフォルトの名無しさん** · 2019/06/30(日) 03:19:12.91

React使ってたらfacebook社に著作権とか特許を侵害されてもfacebook社を訴えることができないのは致命的なマイナス要素

**デフォルトの名無しさん** · 2019/06/30(日) 08:36:30.36

>>78
Reactのライセンスから特許条項が外れて真のオープンソース・ライセンスになる
https://qiita.com/Kaoru_Yamamoto/items/b15c9a08273a510bc442

2017/09/23

**デフォルトの名無しさん** · 2019/06/30(日) 10:02:53.73

Reactの話題しかなくて草

**デフォルトの名無しさん** · 2019/06/30(日) 10:16:21.46

FUD（英: Fear, Uncertainty and Doubt、直訳すると「恐怖、不安、疑念」）は、販売、マーケティング、パブリック・リレーションズ[1][2]、政治、プロパガンダで使われる修辞および誤謬の戦術の一種。
FUDとは一般に、大衆が信じていることに反するような情報を広めることで、大衆の認識に影響を与えようとする戦略的試みである。
例えば、個々の企業が競合他社の製品について悪い印象と憶測を与えるためにFUDを利用する。
すなわち、他社製品に乗り換えるにはコストが掛かりすぎると思わせたり、潜在的ライバルでもあるビジネスパートナーに対して影響力を保持しようとしたりする場合である。
FUDの技法は粗野で単純な場合もあるし、間接的な手法を使った巧妙なものである場合もある。

**デフォルトの名無しさん** · 2019/06/30(日) 12:40:39.78

Reduxのconnectってcontainerにstate与えるだけでcomponentにはpropsとして与えるしかない？

**デフォルトの名無しさん** · 2019/06/30(日) 14:46:12.73

>>82
これからはconnectじゃなくHooksで書く時代

**デフォルトの名無しさん** · 2019/06/30(日) 15:50:09.47

Reactが生き残ったとしても、
これからは○○で書く時代ってな感じで
フレームワークの使い方に振り回されるんだろうな

**デフォルトの名無しさん** · 2019/06/30(日) 15:51:17.27

ブラウザゲーとか作るのって定番のフレームワークとかライブラリとかってあるの？

**デフォルトの名無しさん** · 2019/06/30(日) 16:10:49.80

この手の予想なんて当たり外れあるしな。

「これはからはexpressじゃなくてkoa」とか
「これからはwebpackじゃなくてparcel」とか

十分普及してから乗り換えても遅くない。

**デフォルトの名無しさん** · 2019/06/30(日) 16:11:25.25

海外だとphaser
内部的にPixiJS使ってて
PixiJSはWebGL使ってる

**デフォルトの名無しさん** · 2019/06/30(日) 16:12:11.46

>>87は>>85宛て
ってかスレチだったな

**デフォルトの名無しさん** · 2019/06/30(日) 16:37:09.13

むしろ乗り換えが起こる前提で書くべきなんだよプログラムなんてもんは。

**デフォルトの名無しさん** · 2019/06/30(日) 17:15:37.26

VueとかAngularとかの基本的なフレームワークの場合、乗り換えることは作り直しになる

**デフォルトの名無しさん** · 2019/07/01(月) 03:49:47.59

React学習コスト高すぎ
特にRedux周辺

**デフォルトの名無しさん** · 2019/07/01(月) 07:37:53.41

ReduxのFAQの１つ目を読むべき

※Google翻訳

・いつReduxを学ぶべきですか？
　(一部省略)
まずその組み込みシステムの機能を学ぶことをお勧めします。
アプリケーションを構築するために必要なのはそれだけです。
アプリケーションが非常に複雑になり、状態がどこに格納されるか、
または状態がどのように変化するかについて混乱している場合は、
Reduxを学ぶのがよいでしょう。

**デフォルトの名無しさん** · 2019/07/01(月) 09:13:07.17

プロジェクト開発あるあるのつ目を読むべき

・アプリケーションが複雑になってきたので○○を導入したいのですが、
既存のコードが大量にあって手がつけられません。
上司に相談したら、最初から導入していなかったのが悪い。
お前の失態だ。変更する工数はだせん。と言われました。

**デフォルトの名無しさん** · 2019/07/01(月) 17:18:47.72

そもそもReactのFacebookを懸念するよりもFirebaseの大規模変更を懸念する方がよっぽど現実的だと思うんだけどな

サーバレスとかいうブラックボックスの方がよっぽど怖いだろ

**デフォルトの名無しさん** · 2019/07/01(月) 17:49:42.82

facebookの倒産とか訴訟そのものを懸念してるんじゃなくて
そういうリスクのせいでIT大手が導入しなくなると廃れやすくなるという話
リスク評価が大げさだろうがそれは導入する企業が決めることで
中小零細はリスク評価よりもIT大手の判断を予測することが重要

**デフォルトの名無しさん** · 2019/07/01(月) 19:55:17.62

多重の派遣に作業させてる様なところはIT大手っていうのとは違うと思うがな

**デフォルトの名無しさん** · 2019/07/01(月) 20:16:54.10

日本のIT企業は製品シェアが小さすぎてほとんど影響しない

**デフォルトの名無しさん** · 2019/07/01(月) 21:21:08.37

reduxまではそこまで難易度は高くない。
sage,thunkとかはやべーな。。redux捨てた方がいいんじゃねーかと思うくらい。

**デフォルトの名無しさん** · 2019/07/01(月) 21:25:43.01

sagaや

**デフォルトの名無しさん** · 2019/07/01(月) 21:48:16.49

HooksのuseEffectでUpdate拾えば手軽に解決する場合もありそうだけどね

**デフォルトの名無しさん** · 2019/07/01(月) 23:16:28.27

sagaはまぁ便利だし実用的なんだけど、reducerと別のところでtakeしたりselectしたりってのが
ちょっとモヤッとする。

**デフォルトの名無しさん** · 2019/07/02(火) 04:08:25.19

React諦める
Vueにするわ

**デフォルトの名無しさん** · 2019/07/02(火) 07:32:02.94

色々触ってみたらいいと思うよ

**デフォルトの名無しさん** · 2019/07/02(火) 08:26:03.63

やっぱReactやる
Vueの方が日本語情報多いけど

**デフォルトの名無しさん** · 2019/07/02(火) 08:50:15.57

大体React使った後にVue触ってみるとなんて効率悪いんだ
ってなるんよね

**デフォルトの名無しさん** · 2019/07/02(火) 22:21:45.40

reactの学習は日曜プログラマが適当に時間の空いた時に進めるにはちょうどいい。
学習しがいと難易度はかなり絶妙だからそれ用の学習コースとか作りやすいんじゃないかと思うくらい。

**デフォルトの名無しさん** · 2019/07/03(水) 14:17:20.96

Angularの話題ないけど死んだの？
Fluxわかんないから入門しようと思ったのに

**デフォルトの名無しさん** · 2019/07/03(水) 16:38:25.07

>>107
おとなしくreact(next)かvue(nuxt)やっとくべき

**デフォルトの名無しさん** · 2019/07/03(水) 17:24:26.07

そういやAngularJSやっと終わるらしいなもっと早くに終わらせときゃよかったのに

**デフォルトの名無しさん** · 2019/07/14(日) 12:51:22.73

>>109
どこ情報？
まぁ、終わっていいと思うけど、ソースくれ。

**デフォルトの名無しさん** · 2019/07/14(日) 14:10:35.05

終わるって言っても今すぐじゃなく2021年にサポートが終了するらしいくらのレベルの話だな
フロント業界自体2年後にどうなってるかなんて分からんが

**デフォルトの名無しさん** · 2019/07/14(日) 15:38:21.52

フロント業界なんて業界はないけどな

**デフォルトの名無しさん** · 2019/07/16(火) 07:49:47.42

フロント業界最高

**デフォルトの名無しさん** · 2019/07/16(火) 08:58:26.12

デザインできないフロントエンドエンジニアｗｗｗｗｗｗｗ

**デフォルトの名無しさん** · 2019/07/16(火) 18:28:55.11

それはコーダーだな

**デフォルトの名無しさん** · 2019/07/16(火) 18:47:05.22

ラブホのフロント業務みたいだな

**デフォルトの名無しさん** · 2019/07/16(火) 21:17:45.88

反社の営業部門かも

**デフォルトの名無しさん** · 2019/07/20(土) 02:45:52.07

フロント業務なんかロボットでいいだろ

**デフォルトの名無しさん** · 2019/07/20(土) 12:30:28.20

フロントコードってあんまり保守されんのかね？
変えるときは全取っ替えみたいな感じ？

**デフォルトの名無しさん** · 2019/07/20(土) 14:06:42.84

フロント業界の次はフロントコードと来たか。
このままだとフロントワークとかフロントPCとか出てきそうだな。

**デフォルトの名無しさん** · 2019/07/20(土) 18:57:14.80

今フロントがブームです