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/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搭載してんだね

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

Angular公式のチュートリアルがHeroじゃなくなってた・・・

**デフォルトの名無しさん** · 2019/11/21(木) 22:14:18.01

reactのコンポーネントなんてよくあるコンポーネントインターフェイスなのに
あれでも難しいとか文句言う奴なんなの？

**デフォルトの名無しさん** · 2019/11/21(木) 23:46:09.58

よくあるって、他にどんなのがあるの？

**デフォルトの名無しさん** · 2019/11/22(金) 14:17:40.33

ggrks

**デフォルトの名無しさん** · 2019/11/27(水) 11:28:57.95

Router入れたら動かなくなった死ね

**デフォルトの名無しさん** · 2019/11/29(金) 04:31:05.03

私はあなたの信じられない無能さに激怒しています

**デフォルトの名無しさん** · 2019/11/29(金) 07:49:31.54

>>190
w

**デフォルトの名無しさん** · 2019/11/29(金) 14:37:24.93

なおったよ
コンテナとコンポーネント逆にしてた

**デフォルトの名無しさん** · 2019/11/29(金) 16:17:20.80

おう、良かったな

**デフォルトの名無しさん** · 2019/11/29(金) 21:00:24.49

>>193
https://xn--97-273ae6a4irb6e2hsoiozc2g4b8082p.com/%E3%82%A8%E3%83%83%E3%82%BB%E3%82%A4/%E4%BB%96%E4%BA%BA%E3%82%88%E3%82%8A%E3%81%BE%E3%81%9A%E8%87%AA%E5%88%86%E3%82%92%E7%96%91%E3%81%86/

**デフォルトの名無しさん** · 2019/11/30(土) 07:36:17.16

>>195
> /プログラマが知るべき97のこと.com/エッセイ/他人よりまず自分を疑う/他人よりまず自分を疑う

それな！

自分を疑って問題を調べて、他人に問題があることを突き止めた後に、
５ちゃんねるに、知らぬ顔してこれって○○のバグじゃないですか～って
いきなり疑ってるような書き込みして釣るの楽しすぎｗ

みんな俺のせいにするけど、みんなを煽りつつ情報を小出しにして
俺は正しい、他人が悪いを証明していくの好きｗ

**デフォルトの名無しさん** · 2019/11/30(土) 21:19:09.51

そんなことしてるから童貞なんだよ。さっさと情報出して風俗行ってこい

**デフォルトの名無しさん** · 2019/12/01(日) 09:49:32.14

風俗とか
わざわざ金払って病気貰いに行くバカいないだろ

**デフォルトの名無しさん** · 2019/12/05(木) 11:01:23.65

nuxt使ってる人おったら教えてくれません？
vagrantのdebian VM上のnodeコンテナ内で、devモードのnuxtが動いているんですけど
コンテナ内とdebianVMでpagesの内容を変更したらホットリロードは効きます
でも、debian VMとのsyncedフォルダでホストマシン経由でファイル編集しても
変更が検知されなくて、ホットリロードできずに困っております
上手いやり方をご存知の方いらっしゃったら教えていただけると幸いです

**デフォルトの名無しさん** · 2019/12/05(木) 11:21:19.79

解決しました
watch option とかいうのを設定してやれば行きました
そういえば、webpack-dev-serverでも-pollとかなんかそんなオプションありましたが
こういうときに使うもんだったんですな

**デフォルトの名無しさん** · 2019/12/20(金) 13:45:09.63

nuxtで強制的にサーバー側で処理を行うにはどうしたらよいでしょうか。

（firebaseでない）データベースと連携したページを作りたいです。
fetchやasyncは最初にページを開いた時しかサーバー側で実行されなくて、routeでセージ遷移するとクライアント側で実行されてしまいます。
ページごとに専用のapiを作って内部で呼ぶのは二度手間なので避けたいです。