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

どの辺が地獄なん？

**241** · 2020/01/21(火) 22:28:24.53

変な型の値を代入しても、コンパイル時の静的エラーにならず、
実行時エラーになったりするから、地獄w

各フレームワークの対応が遅れているから、様々な引っ掛けがある！

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

その意味ではjsは最初から地獄ということになるが。

**デフォルトの名無しさん** · 2020/01/22(水) 20:28:50.94

それはあってるだろ。>jsは最初から地獄

**デフォルトの名無しさん** · 2020/01/23(木) 22:33:46.03

地獄ってそういうことか
type any がある限りダメだろうね

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

それはany使わなければ済む話では。

**デフォルトの名無しさん** · 2020/01/24(金) 01:24:52.70

既存のJSライブラリそのまま使うとどうしてもanyが紛れ込む

**デフォルトの名無しさん** · 2020/01/24(金) 08:06:25.83

そういうのはanyのまま使わないでTypeGuardFunctionで型のある世界に持ち込む。

**デフォルトの名無しさん** · 2020/01/24(金) 12:22:52.39

プロダクトの品質めちゃくちゃあがるわ！
ってんなら使うけど、その必要を感じない。

**デフォルトの名無しさん** · 2020/01/24(金) 23:45:37.52

>>236
それ本から始めたい派を否定する理由にならなくね？

**デフォルトの名無しさん** · 2020/01/25(土) 12:39:27.44

>>251
そもそも否定してないんだか？

**デフォルトの名無しさん** · 2020/01/25(土) 13:24:34.75

https://i.imgur.com/GHV5Phe.png
https://2019.stateofjs.com/front-end-frameworks/
聞いたことないのが幾つかあるけどこの辺どうなん？

PreactとかReactの拡張みたいな感じで出たみたいだけど
本家がやったHooks対応とかみたいなのが全然追い付いてない感じなのかな？

**デフォルトの名無しさん** · 2020/01/25(土) 14:04:04.96

拡張だっけ
廉価版みたいなものだと思ってた

**デフォルトの名無しさん** · 2020/02/10(月) 12:03:50.72

preactは軽量化された爆速React

**デフォルトの名無しさん** · 2020/02/14(金) 18:08:33.85

preactは抽象化などを犠牲にして軽量化をはかっている

**デフォルトの名無しさん** · 2020/02/21(金) 21:40:27.73

reactのソース変更画面即反映ってどうやんの？
あとちょっとスレチだけど
今俺のプロジェクトモデルやコントローラー
ソース変更するとサーバー再起動無しで更新されるんだけど
どうやってるんだろう

**デフォルトの名無しさん** · 2020/02/21(金) 22:21:15.86

dev-server系なら関連ファイルの保存をトリガーにビルド後さりげなく再起動してるよ

**デフォルトの名無しさん** · 2020/02/22(土) 01:54:09.06

dev serverのソース読むの楽しそう

**デフォルトの名無しさん** · 2020/02/22(土) 01:57:27.56

最近nextjsのbuild時に行なっている最適化の詳細について知りたくなってきてる

**デフォルトの名無しさん** · 2020/03/10(火) 23:19:32.27

趣味の個人開発で独習なのでできれば資料がそろっててtypescriptを使いたい場合、学習コストを差っ引いてもvueよりreactのほうがいいのかな

**デフォルトの名無しさん** · 2020/03/11(水) 08:18:06.28

>>261
その通り
圧倒的にreactがいいと思う

**デフォルトの名無しさん** · 2020/03/11(水) 13:15:53.34

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

入門者用の文法の説明が、130ページしかない。
残りの190ページが、各フレームワークへの対応

React, Vue.js, Express, Next.js, Nuxt.js

**デフォルトの名無しさん** · 2020/03/11(水) 23:36:57.28

vueなんてやる必要はない

**デフォルトの名無しさん** · 2020/03/12(木) 02:21:22.14

VueでTypeScriptってVueの良いところ潰しまくってる気がするんだが

**デフォルトの名無しさん** · 2020/03/12(木) 08:34:37.61

他の記事でもvueとtsは相性が悪いって読んだけどどう悪いんだろう
jsのvueしか使ったことないから分からん

**デフォルトの名無しさん** · 2020/03/12(木) 10:38:55.40

vueはcdn版でやると
簡単に環境を整えるコトができる
しかも高速。習得が難しいのはreactも一緒。

webプログミングの
参考書自体が便利なモノほど細々した
システムを突っ込んでくるからビギナー扱い

きれず挫折する。

**デフォルトの名無しさん** · 2020/03/12(木) 12:30:05.06

低レベルな話なんだががそもそも関数型での設計がピンと来なくて…

**デフォルトの名無しさん** · 2020/03/12(木) 16:36:39.60

関数型とオブジェクト思考の違いは
多分「関数ポインター」を先に学ぶか、後に
学ぶかの違いじゃね？オブェクト思考で出来る事は

関数型でも対外できる。