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/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

今フロントがブームです

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

フロントザウルス

**デフォルトの名無しさん** · 2019/07/20(土) 19:09:06.47

スパゲッティよく食べるわ

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

それはプロント

**デフォルトの名無しさん** · 2019/07/20(土) 21:32:15.91

話をずらされた

**デフォルトの名無しさん** · 2019/07/20(土) 21:41:32.61

pingとか打つ時に開くあの黒い画面のことだろ。

**デフォルトの名無しさん** · 2019/07/20(土) 22:36:28.81

>>125
諦めるな、正しい用語で質問し直すんだ。

**デフォルトの名無しさん** · 2019/07/21(日) 00:47:33.08

>>126
それはプロンプト

**デフォルトの名無しさん** · 2019/07/23(火) 12:58:30.01

新しいSlackデスクトップクライアント、React+Reduxで全てのUIコンポーネントを再構築
https://applech2.com/archives/20190723-slack-for-mac-and-win-move-to-webpack.html

electron + webpack + react + redux かよ開発つらそうangularつかえよ

**デフォルトの名無しさん** · 2019/07/23(火) 14:30:21.83

>>129
今まで何使ってたの？

**デフォルトの名無しさん** · 2019/07/23(火) 17:19:16.82

元は普通のElectron
Electron + HTML/DOM操作 → Electron + React

Reactだと必然的にバンドラーを使うので
Webpackによる読み込み効率化がオマケで掛かる

元々ワークスペース毎にElectronプロセスを分けていて
部品が丸々重複してメモリに乗ってたが
React化の際にワークスペース切り分けをReduxに任せることで
単プロセス化出来たとのこと

https://techcrunch.com/wp-content/uploads/2019/07/2019-07-21_1907.png

**デフォルトの名無しさん** · 2019/07/23(火) 20:07:44.27

ReduxHooksは慣れると結構効率上がるね

**デフォルトの名無しさん** · 2019/07/24(水) 19:32:07.43

Angularって今あり？

**デフォルトの名無しさん** · 2019/07/24(水) 20:43:07.74

>>133
実績十分だし開発止まってるわけでないので3つとも今でもありだよ

人気という面ではやはり差はあるが
https://insights.stackoverflow.com/survey/2019#technology-_-most-loved-dreaded-and-wanted-web-frameworks
https://www.npmtrends.com/@angular/core-vs-angular-vs-react-vs-vue

とはいえ一番重要なのは自分やチーム、やりたいこととの相性

**デフォルトの名無しさん** · 2019/07/24(水) 20:48:28.08

最近出た津耶乃Angular本やっと読み終えたけど一冊目としてはわりとバランスいいと思うよ

**デフォルトの名無しさん** · 2019/07/25(木) 09:35:26.63

Angularの勉強教えてください

**デフォルトの名無しさん** · 2019/07/25(木) 10:17:09.20

>>136
https://angular.jp/start
あるいはgoogleで「Angular 入門」

**デフォルトの名無しさん** · 2019/07/26(金) 13:52:42.52

Angular3日で覚えるで

**デフォルトの名無しさん** · 2019/07/26(金) 17:49:21.75

Angular簡単やん

**デフォルトの名無しさん** · 2019/07/26(金) 22:28:27.16

typescriptが覚えられない

**デフォルトの名無しさん** · 2019/07/27(土) 02:37:56.47

いつまでも桜エディタとか使ってるからだぞ

**デフォルトの名無しさん** · 2019/07/31(水) 23:11:11.53

Vue・React・Angularのパフォーマンス比較検証 - ICS MEDIA
https://ics.media/entry/190731/

**デフォルトの名無しさん** · 2019/08/01(木) 07:52:24.43

>>142
SVGのレンダリングパフォーマンスでベンチするのって
なんか違うくねと思うのは俺だけだろうか

**デフォルトの名無しさん** · 2019/08/01(木) 10:54:55.88

>>143
それな
なるべくプリミティブな処理での比較か
よくある使われ方での比較か
ならわかるけどな
記事書いてるおっさんが何かを推したいだけ貶めたいだけというのはわかる

**デフォルトの名無しさん** · 2019/08/01(木) 11:37:30.15

ソース見たけど<svg>タグ内に
<g><rect ...></rect></g>を大量に生成or変更してるだけ

単なるDOMの書き換えだからプリミティブな比較としては
特に問題無いと思うけどな

DOM書き換えの計測が目的なら描画コストはノイズになるから
divより描画が軽いsvgを使うのは理屈も通るし

**デフォルトの名無しさん** · 2019/08/01(木) 11:47:08.43

アニメーションさせてフレームレートを比較するのは
この場合は適切ではないと思うが

**デフォルトの名無しさん** · 2019/08/01(木) 12:00:59.68

>>146
適切でない理由と、適切な計測方法を教えて欲しい
CSSアニメーションならともかく
div生成/書き換えと変わらないと思うんだが

**デフォルトの名無しさん** · 2019/08/01(木) 14:05:33.57

fpsなんて安定してないし値も粗いしアニメーション目的以外の比較でわざわざ使わないわ

**デフォルトの名無しさん** · 2019/08/01(木) 18:56:36.91

SPAの性能としての比較なら複数の画面を書き換える速度を計測しないと無意味な気がするが

**デフォルトの名無しさん** · 2019/08/01(木) 19:17:56.23

いろんな項目毎に性能差があるなら、項目毎に比べるしかなくね？

**デフォルトの名無しさん** · 2019/08/01(木) 20:08:28.73

FPSが落ちる原因がいろいろあり過ぎるから比較にならないだろ
ベンチでバグ探しみたいなことやりたくねー

**デフォルトの名無しさん** · 2019/08/01(木) 22:16:32.77

FPSベンチだけが特にばらつきやすいなんて話は聞かんがなぁ。

**デフォルトの名無しさん** · 2019/08/02(金) 16:29:37.28

https://www.stefankrause.net/js-frameworks-benchmark7/table.html
素人のクソみたいな胡散臭い晒し上げベンチよりこっちの方がはるかに公平で有用

**デフォルトの名無しさん** · 2019/08/03(土) 12:15:51.87

domから引き抜くのが遅いって話だから直してコミットすれば貢献できるぞ

**デフォルトの名無しさん** · 2019/08/04(日) 02:10:17.77

あてくし、エッチが好きですの

**デフォルトの名無しさん** · 2019/08/04(日) 12:29:38.14

Angularが一番書きやすい

**デフォルトの名無しさん** · 2019/08/04(日) 12:29:57.95

Reactが一番キモい

**デフォルトの名無しさん** · 2019/08/04(日) 12:31:57.28

googleにはマジでAngularがデファクトスタンダードになるよう頑張って欲しい。何を頑張ればいいのかわからんけど。

**デフォルトの名無しさん** · 2019/08/04(日) 22:48:04.01

>>158
最近はFlutterに随分とお熱だけどねぇ。Flutter for webなんてモロAngularの後継狙っているとしか思えないけど。

**デフォルトの名無しさん** · 2019/08/05(月) 17:41:48.78

フロントエンドエンジニア目指してるけどCSS頑張っても阿部浩になっちゃうんだがどう頑張ればいい？

**デフォルトの名無しさん** · 2019/08/05(月) 21:40:46.36

それはデザイナー領分

**デフォルトの名無しさん** · 2019/08/05(月) 22:25:40.10

>>160
CSSじゃなくてInkscapeやGimpを弄れ

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

>>160
こちらで聞いてみては？
http://itest.5ch.net/subback/hp

**デフォルトの名無しさん** · 2019/08/06(火) 09:23:40.76

>>160
Bootstrapから初めてみるといいと思う

**デフォルトの名無しさん** · 2019/08/17(土) 13:19:07.21

「阿部浩」になるの意味が解りません。

ABCは知ってても英語は話せませんという意味？

**デフォルトの名無しさん** · 2019/08/17(土) 13:54:30.44

「阿部寛のホームページ」みたいになるってことじゃないのか？

**デフォルトの名無しさん** · 2019/08/17(土) 14:42:49.04

1990年代風デザインしか作れないって意味の解釈はある意味その当時を知らないって人には認識が厳しいのかもね

**デフォルトの名無しさん** · 2019/08/17(土) 18:21:58.13

ページ表示速度は正義

**デフォルトの名無しさん** · 2019/08/19(月) 21:13:25.07

最近はjqueryもSPAも大して速度変わらん。

**デフォルトの名無しさん** · 2019/08/19(月) 22:21:40.63

jqueryの最近なんてない。
昔やったのと同じように今もできるのが唯一残された価値なのに変えてどうするおとなしくしとけ

**デフォルトの名無しさん** · 2019/09/09(月) 21:11:13.59

svelteすごくいいよ

**デフォルトの名無しさん** · 2019/09/10(火) 17:03:45.46

いい…

**デフォルトの名無しさん** · 2019/09/10(火) 17:33:26.67

何がどういいんだよ

**デフォルトの名無しさん** · 2019/09/10(火) 21:16:09.64

state管理がreact,vueより簡単
生JSだからサイズ小さいし高速
記法全体的に他FWより簡単
に感じたよ俺は

**デフォルトの名無しさん** · 2019/09/13(金) 10:28:58.22

>>160
阿部寛は誰でも一度は通る道だから練習を重ねるしかない。独学だと時間かかるから社会人向けスクールにでも通うといいと思う。

**デフォルトの名無しさん** · 2019/10/05(土) 23:48:28.98

vue v3 まだ？

**デフォルトの名無しさん** · 2019/10/09(水) 20:57:56.10

てか阿部寛のページってかなり至高だろ。

**デフォルトの名無しさん** · 2019/10/10(木) 08:10:56.16

なんで安倍寛のサイトは馬鹿にされるんだろうな
俺はああいうサイト好きだぞ
古臭くて逆に安心するわ
もうオッサンなのかもしれん

**デフォルトの名無しさん** · 2019/10/10(木) 09:56:35.84

なんか寛のページドラマに出てたらしいやん？

**デフォルトの名無しさん** · 2019/10/11(金) 22:03:39.36

阿部寛のページ、画像が2枚しかない分爆速だから侮ってはいけない。格安SIMが流行り、容量を如何に削減するかを突き詰める今となってはアレくらいシンプルなほうが利用者からするとありがたい。

**デフォルトの名無しさん** · 2019/10/12(土) 00:52:42.11

ネタがこんなクソつまんねー話になるとは

**デフォルトの名無しさん** · 2019/10/15(火) 00:12:27.34

vue.js

computed: {
　target_date: function(){ ～略

methods: {
　make_period: function(){
　　var start = this.target_date;
　　var end = this.target_date;

　　end.setMonth(current_month + 1);
　　end.setDate(0);

こんな感じでやるとstartまでendと同じ日になってる？っぽいんだけど
これってディープコピーするしか無いのかな

>>160
職場にbulma css導入する時にプレゼンで
「便利ですが皆同じようなデザインになってしまうため
将来的には阿部寛のページのような扱いになるかもしれません」
って言ったことある

**デフォルトの名無しさん** · 2019/10/15(火) 20:00:06.89

計算元の値が変わらないとキャッシュを返すはずだから同じ参照になってるんだろう
そもそもcomputedに直接代入するのと同じような気持ち悪いやり方するなって話だが

**デフォルトの名無しさん** · 2019/10/16(水) 00:39:17.70

computed内ではフォームの入力値拾ってreturn new Date()みたいに返してるから
参照されるたびにインスタンスが生まれるんだと思ってた
でも再計算されないってことは確かにどっかに保持してるってことなのか
どもども

そもそもmethodで参照してるのが悪いんですかね。。

**デフォルトの名無しさん** · 2019/10/22(火) 08:49:51.84

今更ながらwordpress5.0からreact搭載してんだね