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/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を作って内部で呼ぶのは二度手間なので避けたいです。

**201** · 2019/12/20(金) 16:00:04.16

自己解決しました

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

してない！

**デフォルトの名無しさん** · 2019/12/21(土) 10:14:28.10

Redux使うと頭は整理つくがコードの修正作業が辛くなる感じがした
ちな素人

**デフォルトの名無しさん** · 2019/12/21(土) 15:25:19.57

今日、本屋で本を見たら、

掌田津耶乃は、Node.js, Vue.js, React, Angular の本を出してるw
山田祥寛も、Vue.jsの本を出した

**デフォルトの名無しさん** · 2019/12/21(土) 23:15:59.84

>>204
Hooksに慣れたら大分やりやすくなる

**デフォルトの名無しさん** · 2020/01/07(火) 10:29:44.93

vueの文法はエレメントが
所々迷路になっていて、中規模以上の処理を
やった事がない人間にとっては細々として取っつきにくい。

数時間で学べるというが
本で基礎を学んでvue.jsの癖を見抜くには
三ヶ月以上はかかる。java や後方互換オブジェクト指向より学び難いかな。

**デフォルトの名無しさん** · 2020/01/14(火) 00:59:29.28

みなさんOGPへの対応ってどうしてます？
現状だとSSRしかない感じでしょうか？

**デフォルトの名無しさん** · 2020/01/16(木) 13:45:45.49

ios のplay.js ってアプリが
vue に対応したらしいで、react は前から実装してたみたい
（使ってないから知らんけど）

**デフォルトの名無しさん** · 2020/01/16(木) 18:18:24.40

vueの人はreactもやるけど、なんでreactの人はvueやろうとしないの？
無能なのか？

vue + Nuxt 最強だ罠

**デフォルトの名無しさん** · 2020/01/16(木) 20:26:21.03

react できるなら react でええ
カジュアルにやるなら vue ってだけ

**デフォルトの名無しさん** · 2020/01/16(木) 21:13:53.24

vue楽しいけど仕事でvueを書かせてもらえない

**デフォルトの名無しさん** · 2020/01/16(木) 22:41:26.18

vueしかやってないよ

**デフォルトの名無しさん** · 2020/01/16(木) 23:05:58.60

reactもvueもどちらも同じことはできるけどvueは覚えることが多すぎるわ

**デフォルトの名無しさん** · 2020/01/17(金) 06:39:10.18

Reactのjsxは確かにimport文が多くなる点は煩わしいけど
それ以外の点ではvueコンポーネントを書くよりもシンプルにいけるんだよねぇ…

**デフォルトの名無しさん** · 2020/01/17(金) 12:53:06.27

>>215
importが多くなることとjsxは関係ないけどな

**デフォルトの名無しさん** · 2020/01/18(土) 21:04:37.70

フロントエンドはどれもストリックに
作られてて、配列やハッシュを弄ればどうにか
動くわけでは無いという意味で、どれも同じかなと想う。

しかも問題の箇所を検索しても
似たようなワードが引っ掛かり過ぎて
すぐには解決ならんというwwwネットで調べるより

企業や学校で教えた貰った効率がいいという
ある意味、奴隷仕様言語でもある。

**デフォルトの名無しさん** · 2020/01/18(土) 21:16:37.21

HTML + CSS + JS + Reactを広く浅く学習したいのですが、定番の本ってありますか？

**デフォルトの名無しさん** · 2020/01/18(土) 22:26:16.37

そんな本を読んでから実務やってるエンジニアはほとんど居ない

**デフォルトの名無しさん** · 2020/01/18(土) 22:29:30.12

エンジニアとは程遠い生活しております・・・・

**デフォルトの名無しさん** · 2020/01/19(日) 00:17:04.39

Stoyan Stefanov が有名

漏れは、ビギナーズガイドを持ってるけど、
入門 React の方がよい。でも、2015 だから

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

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

**デフォルトの名無しさん** · 2020/01/19(日) 02:10:28.08

>>218
広く浅くでいいなら本なんていらなくない？
そのチョイスからreactを捨てるなら、そういう本もありそうだけど、reactに限らずjsフレームワークの本は基本的にhtml, css, jsを前提知識として要求される。

**デフォルトの名無しさん** · 2020/01/19(日) 02:42:12.32

俺はvue始めてjsの理解深まったし同時進行で学んでもいいと思うけどな

**デフォルトの名無しさん** · 2020/01/19(日) 03:19:42.54

>>217
> フロントエンドはどれもストリックに作られてて、配列やハッシュを弄ればどうにか動くわけでは無いという意味で、どれも同じかなと想う。

これ読んで他人がお前の主張わかると思うか？？

**デフォルトの名無しさん** · 2020/01/19(日) 03:31:50.75

reactを浅く学びたいならdocのチュートリアルやるだけで十分でしょ

**デフォルトの名無しさん** · 2020/01/19(日) 07:40:14.88

>>224
どこが?間違ったコトいってないと思うけどな。
javascriptの独特の記法でを織り混ぜないといけないと思うけどな。
jqueryもvueにもオリジナルの記述法がある。

**デフォルトの名無しさん** · 2020/01/19(日) 11:24:18.71

>>226
JavaScriptの独特な記法っていうのが意味がわからない。もし他言語と比較してだとしたら他言語と違う表現方法があるのは当たり前でしょ？
それはJavaScriptに限った話じゃないでしょ

> jqueryもvueにもオリジナルの記述法がある。
例えば？

そもそもフロントエンドは学校ではなく現場で学んだ方が効率が良いのは否定しないけど、それでなんでJavaScriptが奴隷使用言語になるか謎
フロントエンドとJavaScriptを同列で語るのはおかしいでしょ

**デフォルトの名無しさん** · 2020/01/19(日) 13:15:16.18

説明したらしたで
「それは違う」っていわれそうな空気。
俺のいってる事、判んないワケじゃないと同調してくれる人

多そうなのになぜに突っ込んでくる？

**デフォルトの名無しさん** · 2020/01/20(月) 00:48:51.78

一冊目なら津耶乃本でええんやない？

**デフォルトの名無しさん** · 2020/01/20(月) 17:38:16.67

お前ら何でそんな参考書を買おうとするんだ？
公式docのチュートリアルでええやん

**デフォルトの名無しさん** · 2020/01/20(月) 22:17:09.65

開発自体の初学者はそういうもんだよ
教える者が居ないと「まずは公式」って感覚が身に付くまでにも結構掛かる

**デフォルトの名無しさん** · 2020/01/21(火) 05:43:19.78

Webのドキュメントなんて基礎があってはじめて読めるもんだよ
できるようになると無知だったできなかった頃の自分というものを完全に忘れて今の自分の尺度でしかものを量れないない人って厄介

**デフォルトの名無しさん** · 2020/01/21(火) 12:18:11.01

基礎知識っていうのが何を指してるかは知らんけどググればいいだけだろ

**デフォルトの名無しさん** · 2020/01/21(火) 12:50:11.35

reactのチュートリアル出来ればほとんど要らんよ
あとはライブラリーの使い方を学ぶだけ

**デフォルトの名無しさん** · 2020/01/21(火) 15:40:06.50

一番最初なんてコマンドの使い方や存在も知らんから、いきなりドキュメントで$ hoge みたいなのが出てきて意味わからんかったわ。
この業界はこれはさすがに知ってるよね？みたいなのが多すぎ。教える側が下手くそ過ぎなんだよ。

**デフォルトの名無しさん** · 2020/01/21(火) 16:34:51.17

何で自分の知識の無さを人のせいにしてるんだい？

確かに現在ソフトウェアを取り巻く知識全てを体系的に学ぶ教科書やサイトはないけど、断片的な情報はネットに転がってるじゃん。それも容易に手に入るし

もし、そこまで体系的に学びたいなら金を払ってまともな人にメンターつけてもらうしかないわな

**デフォルトの名無しさん** · 2020/01/21(火) 17:27:16.32

最初は１つ１つがなんのために存在しているかわかんないんだよなぁ
お前らと違って馬鹿だからキツイぜ

**デフォルトの名無しさん** · 2020/01/21(火) 18:33:49.96

まぁ今となっちゃそう思ってた頃が懐かしいレベルだけど、本当に何も知らないけど勉強したいって時に何から手を付けていいのかわからんパターン多いと思うんだよね。
とりあえずやってみるか→え？書いてある意味殆どわからん。どうしたらええの？→挫折って流れ。

経験者の「公式ドキュメントを見るのが一番」ってセリフは正しいんだけど初心者からしたら罠だし。

**デフォルトの名無しさん** · 2020/01/21(火) 19:43:33.00

それは、勉強の仕方が悪いよ

わからない→挫折だと何を勉強しても挫折しちゃうでしょ

調べてどうしてもわからなかったらstackoverflowとかで質問すればいいだけだろ

**デフォルトの名無しさん** · 2020/01/21(火) 19:44:38.51

「開発はVue.jsでしたいけど、TypeScriptを入れたい問題」をどうするか
フロントエンド開発のお悩み相談
https://logmi.jp/tech/articles/322416
なぜReactでもVueでもなくElmを使っているのか
https://qiita.com/lambda_funtaro/items/2d4d82412d0bb7179cf3
Vue.jsを100時間勉強して分かったこと
https://qiita.com/kskinaba/items/3e8887d45b11f9132012

**デフォルトの名無しさん** · 2020/01/21(火) 21:45:03.24

実践TypeScript - BFFとNext.js&Nuxt.jsの型定義、吉井健文、2019/6/26

この本を読んでるけど、TS も型地獄w

React(Parcel)でも、型定義ファイルがいる。
npm -i -D @types/react @types/react-dom
@types 以下に、各フレームワークの型定義ファイルを入れておく

React, Next.js, Vue.js, Nuxt.js, Express など、
各フレームワークで、TSへの型対応を進めているけど、地獄w

**デフォルトの名無しさん** · 2020/01/21(火) 22:15:10.00

どの辺が地獄なん？