Vue vs React vs Angular vs Svelte Part.8

**デフォルトの名無しさん** · 2021/05/23(日) 13:42:32.51

Vue
https://jp.vuejs.org/
React
https://reactjs.org/
Angular
https://angular.io/
Svelte
https://svelte.dev/

※前スレ
Vue vs React vs Svelte Part.7
https://mevius.5ch.net/test/read.cgi/tech/1610901677/

★ここではjQuery, Ruby, C#, Blazorの話題は禁止です
★jQuery, Ruby, C#, Blazorｷﾁｶﾞｲが書き込んでも無視してください
Next, Nuxt, Sapper, Gatsby, VuePress, RedWoodなどはおｋ。

**デフォルトの名無しさん** · 2021/07/29(木) 05:52:13.72

なるほど、おまいらと差をつけるには本を読めば良いんだな！

**デフォルトの名無しさん** · 2021/07/29(木) 10:19:19.71

本は有用だよ
だけど悲しいことに、日本語で最近のweb界隈のナウい本をあまり見ない
ハロワから毛のはえたくらいのしかコード載ってないしね
昔からある言語やアーキとかSQLあたりとかなら本もいいと

まあ結局コードをgithubあたりからDLするってなるしね。。

**デフォルトの名無しさん** · 2021/07/29(木) 10:23:35.99

おまえら、本だしたとして買ってくれるのか？

**デフォルトの名無しさん** · 2021/07/29(木) 11:56:01.97

確かに素人ぐらいしか釣れなさそうな公式マニュアルをかなり簡略化したような本は多いかも。出版社と題名見ればだいたいわかるけど。
言語とかHTTPとかRESTみたく歴史があって基盤になってるようなものは本に頼るなぁ。
スレタイにあるようなものは公式マニュアル頼り

**デフォルトの名無しさん** · 2021/07/29(木) 23:23:09.66

やっと明日vuexとかいうゴミから解放される
しばらくフロントはいいやｗ

ところで、意識高い系の人は何に困ってあんなゴミ作ったの？ｗ

**デフォルトの名無しさん** · 2021/07/29(木) 23:25:27.21

reactは今の状態でもう完成形なの？
さらに改善されそうな部分ってあるの？

**デフォルトの名無しさん** · 2021/07/30(金) 06:36:06.02

RecoilはHooksに最適化されてるから遥かに使いやすいよな

**デフォルトの名無しさん** · 2021/07/31(土) 01:12:11.83

ReactはHooksもあるしコマンド一発で環境作れるようになったし、
Vueは応援してたけどなんか迷走してるみたいだし

毛嫌いしてたけどなんかもうReact覚えればいいっぽいね

**デフォルトの名無しさん** · 2021/07/31(土) 02:19:59.31

React.js Examplesってところで部品漁りするのが結構楽しい

**デフォルトの名無しさん** · 2021/08/06(金) 19:57:27.22

オライリーのReactハンズオンラーニングって買う価値ある？
すでに大規模ECサイト作れるくらいの実力はあるが

**デフォルトの名無しさん** · 2021/08/06(金) 20:02:09.60

お、なんか良さげな本じゃん。いい事聞いたわ、サンキュ！

**デフォルトの名無しさん** · 2021/08/06(金) 20:07:21.22

と思って目次読んだけど……これは……2年前に読みたかった内容だな

**デフォルトの名無しさん** · 2021/08/06(金) 21:13:42.78

目次みた感じあんま価値なさそうだな

**デフォルトの名無しさん** · 2021/08/06(金) 21:49:52.40

Vueのおすすめできる本がないんだよな

**デフォルトの名無しさん** · 2021/08/07(土) 10:34:43.49

タイトルの4つでそこそこ踏み込んでてナウい本ある？

**デフォルトの名無しさん** · 2021/08/10(火) 21:22:19.92

Reactオライリー読んだ人感想よろ

**デフォルトの名無しさん** · 2021/08/11(水) 22:18:40.85

>>128
初心者が買ったら後悔する

**デフォルトの名無しさん** · 2021/08/14(土) 00:05:54.25

オライリーの本ってどれも初心者向けではないイメージ
全部読んだわけじゃないから個人的なイメージでしかないけど
めっちゃぶ厚かったりするからねえ

**デフォルトの名無しさん** · 2021/08/14(土) 03:18:32.09

オライリーの本はかなり信用できる。半端な本を5冊買うより価値がある。リファレンスとして手元においておきたい。
もちろん変化の速い分野だと陳腐化はあるけど、それは本という媒体の問題であってオライリーの問題ではないしね。

**デフォルトの名無しさん** · 2021/08/14(土) 11:29:30.86

どれ使うかは好みだけど、Vueが迷走したのでデファクトがReactから揺らぐことはないのでは

**デフォルトの名無しさん** · 2021/08/14(土) 13:00:35.79

フロントWASM化するまでReactのままのような気がしてる。

**デフォルトの名無しさん** · 2021/08/14(土) 15:23:06.20

基礎から学ぶ Vue.js、mio、2018/5

React の古い本では、Stoyan Stefanov の、2015, 2017 の本がある

**デフォルトの名無しさん** · 2021/08/14(土) 15:35:42.97

WEB+DB PRESS総集編[Vol.1~120] (WEB+DB PRESSプラスシリーズ)
￥2,970
>年6冊を発行し続け,読者の皆様に支えられて20年を迎えた『WEB+DB PRESS』。本書はご好評いただいた節目のVol.120を含む「20年分の記事PDF」をまとめた総集編です。
付属DVD(+パスコードでのデータダウンロードも可能)にはVol.1~120のPDFに加え,総集編第1弾~第6弾に掲載された書き下ろし記事のPDFも一挙収録。

**デフォルトの名無しさん** · 2021/08/17(火) 09:24:55.80

オライリーに求める様な事は公式リファレンス見ればいいからオライリーってあんまアドバンテージない気がする

**デフォルトの名無しさん** · 2021/08/19(木) 21:26:23.01

アーキテクチャとかそういうレイヤーの本なら読む価値はあるけど、言語詳細とかは
今はもう本じゃ追いつかんだろ。

**デフォルトの名無しさん** · 2021/08/30(月) 07:57:02.32

Angularで
const user = {　...this.user,　status　}
のような宣言がありますが、このthis.userの前にある3つのコンマってどういう意味でしょう？

**デフォルトの名無しさん** · 2021/08/30(月) 08:20:21.92

失礼、自己解決
AngularでもTypescriptでもなくJavascriptの構文でした

**デフォルトの名無しさん** · 2021/09/03(金) 20:09:22.40

>>139
restはあるあるやな
他言語から来た当初は俺も分からんかったわ

**デフォルトの名無しさん** · 2021/09/03(金) 23:50:18.71

>>140
似ていますがrestではありません
spreadと言います
たまたま同じ...を用いますが明白に区別されています

**デフォルトの名無しさん** · 2021/09/04(土) 12:41:41.81

...みたいな記号は、ググラビリティーが悪いから調べにくいんだよ。
そのような書き方は結局ネットだけでは分からずじまいになってしまうことも多い。
本だとまとまって書いてあるから読んでいるうちに出てくることがあるが。

**デフォルトの名無しさん** · 2021/09/04(土) 17:35:08.35

>>142
どのプログラミング言語でも同じですが公式ページが最も良いです
正しい最新の情報がまとまって載っています
本では情報の不足があったり古かったりありえます

今回ならばJavaScriptの演算子なので
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators
ここを見ると演算子の一覧が載っています
...objは展開記法(スプレッド記法)として詳細ページへのリンクがありますね

**デフォルトの名無しさん** · 2021/09/04(土) 17:48:42.73

>>143
いや、だから...がJavaScriptの文法だっていうことすら分からないのよ。
特に今までバックエンド専門で急遽フロントエンドやれとか言われた場合、
Javascriptとか触ったこと無い状態でAngularとかVueとか始めるわけよ。

もうググりまくるしか無いわけだが、上で言われている通り記号演算子は検索しにくい

**デフォルトの名無しさん** · 2021/09/04(土) 17:56:29.62

>Javascriptとか触ったこと無い状態でAngularとかVueとか
無茶しやがって…

**デフォルトの名無しさん** · 2021/09/04(土) 18:01:59.90

>>144
AngularもVueもReactもプログラミング言語部分は全てJavaScript(またはその拡張のTypeScript)です
まずはJavaScriptを一通り勉強しましょう
プログラムコードでわからないことがあったら先程のようにJavaScriptの公式に情報が一番まとまって載っています

**デフォルトの名無しさん** · 2021/09/04(土) 18:04:43.23

＞const user = {　...this.user,　status　}
何気に二つ目のも新しい省略記法なんだよね。

**デフォルトの名無しさん** · 2021/09/04(土) 18:28:17.69

>>147
それも公式ページのオブジェクト初期化のプロパティ定義のところに{ a: a }は短く{ a }と書けることが載っていますね
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Object_initializer#property_definitions

**デフォルトの名無しさん** · 2021/09/05(日) 03:31:12.74

新しいつってももう６年も前だけどな

**デフォルトの名無しさん** · 2021/09/20(月) 10:08:59.49

GoogleChromeのUserAgentが段階的に廃止になる件について、Angularへの影響を確認したいです。
AngularライブラリでもUserAgentを使用していると思われるのですが、影響内容は公開されているかわかりますでしょうか。

**デフォルトの名無しさん** · 2021/09/20(月) 10:54:53.76

今どきUserAgentなんか気にしてるのは
お前ぐらいなもんだろ

**デフォルトの名無しさん** · 2021/09/20(月) 11:52:45.38

バックエンドでも、Ruby on Rails では、

jQuery, Node.js, Webpack, Babel, React, Vue.js, Bootstrap も、知っているのが常識だけど

**デフォルトの名無しさん** · 2021/09/20(月) 12:04:40.10

>>152
Rubyは不要
JavaScriptだけで完結できる

**デフォルトの名無しさん** · 2021/09/20(月) 12:18:34.46

サーバーサイドだとORMで何度も型を書くのが面倒くさいのだけど、Prisma2とやらを使えば幸せになれる？

**デフォルトの名無しさん** · 2021/09/20(月) 16:47:25.86

なんでRubyガイジだと一秒でわかってしまう文章なんだろうか

**デフォルトの名無しさん** · 2021/09/20(月) 22:33:41.99

読点の使い方が糖質特有のものだからだと思う

**デフォルトの名無しさん** · 2021/09/29(水) 12:13:42.72

electronで使いたいんだけど何が正解？

**デフォルトの名無しさん** · 2021/10/01(金) 17:48:05.02

色々やってみたがAngular一択だなぁ

**デフォルトの名無しさん** · 2021/10/02(土) 08:53:48.66

jsxをきもいと思うのはエンジニアの本能だよね
jQueryの用に近い将来、技術的負債化しそう

**デフォルトの名無しさん** · 2021/10/02(土) 09:32:51.12

あんなんただのマクロやん。キモイも何もない。

**デフォルトの名無しさん** · 2021/10/02(土) 09:34:43.20

jQueryはいうてもJavascriptやHTMLとしてvalidだったんよ。
Vueもそういう使い方もできる。
(俺はそういう風に良いjQueryとして使うこともある位)

Reactは無理だからな。
jsxはコンパイラが絶対に必要という所が異常。

**デフォルトの名無しさん** · 2021/10/02(土) 09:36:42.89

Reactもjsx無しで書けますが……

**デフォルトの名無しさん** · 2021/10/02(土) 09:39:00.65

そもそも今の時代は生のJavascriptよりTypescriptを使うのが主流だからコンパイラ云々は気にしなくなった

**デフォルトの名無しさん** · 2021/10/02(土) 09:55:49.96

標準のWeb Componentsだけで困る事が分からない、技術的に分断が起きてる気がする
もちろんVueなどは親和性があるが・・・

**デフォルトの名無しさん** · 2021/10/02(土) 10:21:44.63

標準のWebComponents使いにくいんだよね。あとリアクティブだと状態管理が単純化して設計難度とバグが減るのが大きい

**デフォルトの名無しさん** · 2021/10/02(土) 10:48:20.95

JSXはやったことない人からみたらガバガバに見えるかもしれないけど実際に使ったらめちゃくちゃ厳格で
逆にガバイ書き方してるhtmlが許せなくなるよね

**デフォルトの名無しさん** · 2021/10/02(土) 11:31:50.87

>>162
書けるのとそれが普通なのは別では？
特に関数コンポーネントとhooksが主流になってからは、もはやほぼ不可能だと思ってる。

**デフォルトの名無しさん** · 2021/10/03(日) 17:28:09.89

JSXといううんこをひねり出さなければいけなかった理由が知りたい
それを知ればReactが気に入るかもしれない

**デフォルトの名無しさん** · 2021/10/03(日) 17:41:21.26

>>168
実際に書いてみたら分かると思うよ
JavaScriptの中にタグが書けるからと言って何でもかんでも許されるわけじゃないから
結構ロジカルな作りになってる

**デフォルトの名無しさん** · 2021/10/03(日) 18:26:43.87

あくまでもマクロなんだから普通に書けるし、長くなるのが嫌ならエイリアス関数作って書けばいいだけなわけで……

**デフォルトの名無しさん** · 2021/10/04(月) 10:58:23.03

むしろJSXは自由に書けない（分岐とか）のが使いづらさだという印象。

でもこの話題がいつも不思議で、JSXに嫌なところがあったとて、結論Reactでしょ

なんで敢えてVue? React以降をしてるプロジェクトをよく聞くし、Vueがいいというのは単にサンクコストじゃないの

日本はVueのがひろまってたから、つまりざっくり言って国内業界全体として技術選定ミスったんでしょ

**デフォルトの名無しさん** · 2021/10/04(月) 12:08:16.95

ちょっとreactはじめてみようとおもってドキュメントの最初の
hello world表示するだけのコードを開いてみたのですがレスポンスが悪くて勉強するか悩んでます
https://raw.githubusercontent.com/reactjs/reactjs.org/master/static/html/single-file-example.html
reactで作ったものはどうしてもレスポンスが悪くなってしまうのでしょうか？
JSXを使わなければ少しはまともになるのでしょうか？

**デフォルトの名無しさん** · 2021/10/04(月) 12:38:06.48

そのソースにコメントで書いてある通り、その使い方では遅いんだよ。
とりあえずnpmでcreate-react-appしてからレスポンスを語れ

**デフォルトの名無しさん** · 2021/10/04(月) 12:43:43.28

reactってフォームが糞だったが
今はましになったかな

**デフォルトの名無しさん** · 2021/10/04(月) 12:48:19.96

フォーム用のReactライブラリ使うとすげー楽だぞ

**デフォルトの名無しさん** · 2021/10/04(月) 13:22:06.40

>>173
ありがとうございます。コメント見てませんでした。
コンパイル的な作業が必要になるんですね。
10年ぶりぐらいにWebやっていて、npmは使ったことがなく、
まだnpmのくだりはでてきてないので読みすすめて行こうと思います。

**デフォルトの名無しさん** · 2021/10/04(月) 15:54:58.84

>>172
最初の読込みに時間が掛かるのは仕方ないと割りきらなきゃいかんが
ちゃんと作れば初回ロード以外のページ遷移は軽くできる
あとプロダクションビルドすれば初回ロードも多少速くなる

**デフォルトの名無しさん** · 2021/10/04(月) 18:33:05.88

レンダリング前の画面が一瞬チラッとするのがムカつく事はあるけど、初回含め遅いと思ったこと無いなぁ。

**デフォルトの名無しさん** · 2021/10/10(日) 12:20:14.68

Vueが使い込むと辛いことになるとか言われ始めてるけど
そんなん言い出したらWeb技術全般がつr(ry

**デフォルトの名無しさん** · 2021/10/10(日) 20:34:42.11

使い込んでもつらくないのってどれ？

**デフォルトの名無しさん** · 2021/10/10(日) 21:33:16.17

Reactは慣れてきたらコンポーネント定義が楽しくなってくる

**デフォルトの名無しさん** · 2021/10/10(日) 22:18:27.17

>>180
3年前からAngular使ってるが、破壊的な変更や
根本的な概念の更新がほぼ無いので安心してる
一番辛いのが流行り廃りに翻弄される事だしな

もちろんマイナーだし今後は分からんけど
一つの意見として聞いてくれれば

**デフォルトの名無しさん** · 2021/10/10(日) 23:43:15.16

Reactのが長いことやるのにいいと思うよ
Vue使ってる会社は、騙されたと思って書き換えた方がいい
したら意味わかる
メンバーも喜ぶ

**デフォルトの名無しさん** · 2021/10/11(月) 00:07:25.03

破壊的な変更で人がゴッソリ減ったのがAngularなんだが

**デフォルトの名無しさん** · 2021/10/11(月) 01:28:48.91

version5以降くらいからの話じゃない？知らんけど

**デフォルトの名無しさん** · 2021/10/14(木) 16:39:14.07

ずっとAurelia使ってるけど情報が少ないことと2が出るまでバグが放置されてること以外は辛くないな

**デフォルトの名無しさん** · 2021/10/14(木) 21:22:56.64

そりゃ辛そうだな…
金と女に縁がないこと以外は幸せ、みたいなｗ

**デフォルトの名無しさん** · 2021/10/14(木) 22:34:48.55

空席を除いてほぼ満員、みたいな奴か

**デフォルトの名無しさん** · 2021/10/15(金) 01:51:28.26

人の気持ちが分からなくてすぐ手が出ちゃうだけで根はいい子

**デフォルトの名無しさん** · 2021/10/15(金) 09:44:14.87

Material-UIがいつの間にかv5になってた
スタイルが書きやすくなってるね

**デフォルトの名無しさん** · 2021/10/19(火) 00:04:34.75

Reactのオススメの学習方法ある？

**デフォルトの名無しさん** · 2021/10/19(火) 06:32:49.61

Webpackがわからんレベルならそこからまとまってて最近充実してきた書籍を買う。そうでなければ、公式のドキュメントを読む。そして何か（ベタにToDoアプリとか）作ってみる。
クラスコンポーネントで解析してるようなものは慣れるまで避けろ

**デフォルトの名無しさん** · 2021/10/19(火) 06:34:58.34

Webpackって分かりにくいけど
今後も生き残るものなのだろうか？

**デフォルトの名無しさん** · 2021/10/19(火) 06:35:51.60

>>191
create react app

**デフォルトの名無しさん** · 2021/10/19(火) 06:56:19.97

仮にWebpackが死んでも似たような物に変わるだけじゃね？
ECMAのimportだけじゃminifyできないし

**デフォルトの名無しさん** · 2021/10/19(火) 10:31:45.17

Webpackは出来るだけいじらないようにして
Webpackの時代が終わるのを待ってるかんじ

必要なら当日するけど
其処まで踏ん切りつかん状況

**デフォルトの名無しさん** · 2021/10/19(火) 10:32:10.22

...必要なら投資...

**デフォルトの名無しさん** · 2021/10/19(火) 11:31:26.70

似たような後続はあるにはあるが大幅に良くなることは無いしなぁ
nodejs自体から変わらないと革新的なものはでなさそう

**デフォルトの名無しさん** · 2021/10/19(火) 12:41:19.18

Webpackは設定ファイル書き書きするだけでそんなに難しくない。ただバージョンアップで苦しむこともあるし、0からReactと並行して始めると辛いので本の導線があると楽かなって思う。

**デフォルトの名無しさん** · 2021/10/19(火) 12:49:14.35

押しつけの難解な設定より
普通のコードで設定書くほうが良いんだけどな
そんなのなかったっけ？

**デフォルトの名無しさん** · 2021/10/19(火) 20:36:57.96

押しつけじゃない簡単な設定ならもっと良いんじゃない？

**デフォルトの名無しさん** · 2021/10/19(火) 20:53:00.02

AngularならWebpack意識せず学習可能

**デフォルトの名無しさん** · 2021/10/19(火) 21:21:34.46

>>202
Reactもかわらんよ

**デフォルトの名無しさん** · 2021/10/20(水) 14:58:58.92

今の主流ってzero-configだしな

あとコンフィグなんて基本は使い回しよ
webpackがrollupがesbuildがーって頭悩ましてる記事とか見掛けるけど
そのあたりのファイルを現場で直に触ることなんてほとんどない

**デフォルトの名無しさん** · 2021/10/20(水) 15:41:15.75

そうか？
ターゲットとか指定したいし、ライブラリ入れたら弄らないと駄目なこともあるくね？

**デフォルトの名無しさん** · 2021/10/20(水) 18:05:42.09

>>205
そういう場合も特定の人だけが触るからな
ざっくりと何をしているのかが分かっていれば十分よ
ターゲットやバージョンもほぼ固定だし
弄らないとダメなライブラリはよっぽどの理由がない限りは選定されない

個人やフリーランス、めちゃくちゃ裁量権のある立場は知らん

**デフォルトの名無しさん** · 2021/10/20(水) 18:11:23.46

LaravelMix使うとwebpackの設定は割と簡単に書けるからオヌヌメ

**デフォルトの名無しさん** · 2021/10/20(水) 18:36:50.70

>>206
ざっくり理解すれば十分ってのは同意。よほど踏み込まない限りWebpackも難しいものでない

**デフォルトの名無しさん** · 2021/10/20(水) 19:04:13.89

Laravel使う現場って実在するのかよ
プログラミング教室でしか使わんだろと思ってたわ

**デフォルトの名無しさん** · 2021/10/20(水) 20:36:56.01

ParcelでWebpack要らなくなるとか言われてたけど結局こんなもんだな。

**デフォルトの名無しさん** · 2021/10/21(木) 21:00:18.94

laravelは割と主流派だぞ。
laravelmixは信者しか使っていないと思うが。

**デフォルトの名無しさん** · 2021/10/21(木) 22:00:40.93

ホームページ屋さんが頑張って使ってるミドルウェアな印象

**デフォルトの名無しさん** · 2021/10/22(金) 00:24:44.17

Reactできる人はみんなCSS作れるの？