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/11/19(金) 10:22:02.15

>>415-415
youtuber ですねわかります

**デフォルトの名無しさん** · 2021/11/19(金) 10:23:38.91

バニラJSを使うような人は、jQueryを使ったほうがいいだろうな
開発しやすさが段違い

**デフォルトの名無しさん** · 2021/11/19(金) 10:46:42.17

（10年前なら）そうだよ

**デフォルトの名無しさん** · 2021/11/19(金) 11:56:25.62

このスレあかんw

**デフォルトの名無しさん** · 2021/11/19(金) 15:54:49.23

>>420
別のスレでやってくれ

**デフォルトの名無しさん** · 2021/11/19(金) 15:59:48.85

>>394
let $ = document.querySelectorAll;だろ、、常考

**デフォルトの名無しさん** · 2021/11/19(金) 17:24:26.32

秘密鍵もフロントエンドに乗せてそう

**デフォルトの名無しさん** · 2021/11/19(金) 18:00:24.66

バニラJDとかなんかときめくよな

**デフォルトの名無しさん** · 2021/11/19(金) 23:55:19.77

日本はreactとvueの分断が酷いね
またガラパゴス化してしまうのか

**デフォルトの名無しさん** · 2021/11/20(土) 00:00:46.10

https://i.imgur.com/htq2mrm.jpeg

**デフォルトの名無しさん** · 2021/11/20(土) 00:17:47.19

日本だとvueが人気って嘘だと思うんだよな
日本のツイッターの言及数でもreactの方が2、3倍多い

**デフォルトの名無しさん** · 2021/11/20(土) 00:21:20.89

https://trends.google.co.jp/trends/explore?q=%2Fg%2F11c0vmgx5d,%2Fm%2F012l1vxv,%2Fm%2F0j45p7w

**デフォルトの名無しさん** · 2021/11/20(土) 00:23:56.49

>>435
それは二年以上まえの話
既に逆転してるから

**デフォルトの名無しさん** · 2021/11/20(土) 01:45:22.69

世界で比較するとvueが結構reactに迫ってるんだな
あくまでgoogle trendでの比較だけど
USでも倍か。もっと差があると思ってたわ
Angularはまあ、安定してるw

**デフォルトの名無しさん** · 2021/11/20(土) 02:40:35.66

Vue良いぞ。Reactも良いけど、フォームアプリとなるとつい俺はVue選ぶ。
あと、jQueryで良いような小さいツールでもDOMいじりしたくなくて、コンパイルせずにVue使ったもできるのかVueの強み。

**デフォルトの名無しさん** · 2021/11/20(土) 06:54:44.93

>>436
日本でReactとVueが絶賛競い中だな。2020年末ぐらいからは若干Reactの方が多いし増加傾向に見える。
中国といえばVueというイメージあったけど55%か、意外と少ない。

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

>>438
USだと4～5倍差に見えるんだけど、俺は見方を間違えてる？

**デフォルトの名無しさん** · 2021/11/20(土) 07:21:59.18

未だにvue押してる老害がいるから日本はガラパゴスって言われるんだよな

**デフォルトの名無しさん** · 2021/11/20(土) 07:29:13.83

react一強ですな

日本のエンジニア求人も一年前からreactに傾いてます

**デフォルトの名無しさん** · 2021/11/20(土) 07:36:47.89

日本のWebフロントエンドはまだガラパゴスにすらなって無い

**デフォルトの名無しさん** · 2021/11/20(土) 07:50:05.01

vue.js 日本ユーザーグループが、3千人だろ

YouTube で有名な、雑食系エンジニア・KENTA の、
転職用Ruby on Rails サロンは、月千円と有料だけど、3千人

単に、1人の有料サロンと同数w

**デフォルトの名無しさん** · 2021/11/20(土) 07:59:49.51

鷲とカモが同数いたから何だって？

**デフォルトの名無しさん** · 2021/11/20(土) 08:01:55.66

そもそも日本のバックエンド人口とフロントエンド人口が圧倒的な差がある
ガチフロントはバックエンド100に対して1すらない

**445** · 2021/11/20(土) 09:36:52.09

でも、最近のKENTA のサロンの、
Ruby on Rails 初心者用コースには、フロントエンドも入っている

Rails, Linux, Docker Compose, Node.js(Webpack, Babel), Bootstrap
VSCode(Remote Container, WSL2 ならRemote WSL), Heroku, CircleCI、データベース

今までは、Docker Compose までが初心者用コースだったが、
最近は誰でも、Docker出来るから、
AWS Fargate, Terraform, Vue.js, React, TypeScript も入っている

だから、AWSのくろかわこうへいのサロンにも、入る必要がある。
今では、1年の未経験者が、10年以上のプロよりも技術力が上になってる！

**デフォルトの名無しさん** · 2021/11/20(土) 09:37:53.68

はいはいカモ乙

**デフォルトの名無しさん** · 2021/11/20(土) 10:01:04.32

>>447
フロントしかいじれない人とか需要ないよ
よくいるワードプレス屋さんみたいな人だろ？

**デフォルトの名無しさん** · 2021/11/20(土) 10:39:22.49

Preact使ってる人はどれくらいいるのかな？
Reactの大半の機能が使えて十数KBくらいのフットプリントで済むから気に入ってるけど

**デフォルトの名無しさん** · 2021/11/20(土) 10:52:34.42

以前遊びで使ってみてこれでいいじゃん！ってなったけど外部ライブラリの対応で死んだ

**デフォルトの名無しさん** · 2021/11/20(土) 12:14:53.16

>>450
お前がバカだから知らんのだろう
このスレでwordpress屋とかほざいて脳みそ大丈夫か？

**デフォルトの名無しさん** · 2021/11/20(土) 12:27:35.52

>>452
preact/compatでは駄目だった？

**デフォルトの名無しさん** · 2021/11/20(土) 12:37:48.53

>>454
普通のjsライブラリはそれで良いんだけどReact系のライブラリだと型が合わなくなるでしょ
その対応がめんどくさくてreactで良いやーって
今は楽に行けるのかもしれんけど

**デフォルトの名無しさん** · 2021/11/20(土) 12:44:08.81

>>424
高収入

**デフォルトの名無しさん** · 2021/11/20(土) 12:46:02.48

asp.netのわい、高みの見物

**デフォルトの名無しさん** · 2021/11/20(土) 12:47:04.32

>>455
preact/compatはReact依存ライブラリ用だぜ

**デフォルトの名無しさん** · 2021/11/20(土) 12:56:40.15

ややスレ違いなんだけど、みんなクラウドでREST生やすときは何使ってる？
LambdaとDinamoDBとか？

**デフォルトの名無しさん** · 2021/11/20(土) 13:16:50.95

>>458
いやapiは互換だけど型はそれぞれ違うじゃない？

**デフォルトの名無しさん** · 2021/11/20(土) 13:29:16.55

>>460
う～ん、TypeScriptで使ってるけど特に問題なかったけどな。昔はそういうのがあった、とか、ライブラリによっては影響が出るのかな

**デフォルトの名無しさん** · 2021/11/20(土) 14:39:40.11

>>461
2、3年前の話だしね
軽くて最高だーとノリノリでいつくかのライブラリの定義して力尽きた
今は型定義整ってきてるとは思うけどね
追ってないから分からないけど

**デフォルトの名無しさん** · 2021/11/20(土) 16:04:21.87

>>459
ぼくはCloud Functions！
でもクラウドよりVPS派！

**デフォルトの名無しさん** · 2021/11/20(土) 17:02:33.63

Vueの方が直感的だしこれを理解出来ないなら今すぐ引退したほうが良い
reactはjsxがキモい

**デフォルトの名無しさん** · 2021/11/20(土) 17:18:23.34

Javascriptのくせにコンパイルとか勘違いしてるよな正直

**デフォルトの名無しさん** · 2021/11/20(土) 18:05:12.33

>>463
正直俺もVPS(Linux)の方が慣れてて楽なんだよね。
クラウドだと可用性でメリットあるかなとか思って使い始めたけど、止まる時は何使ったって止まるわけで、スケールさせる事とか考えなきゃVPSで十分かな……

**デフォルトの名無しさん** · 2021/11/20(土) 18:08:36.74

そのスケールさせるのがVPSだと一番大変なわけで・・・
VPSでスケールできたらいいのに

**デフォルトの名無しさん** · 2021/11/20(土) 19:16:19.07

>>465
2000年代に基本情報とか勉強して世代ならジェネレートじゃんって思うよね

**デフォルトの名無しさん** · 2021/11/20(土) 19:40:17.33

オーケストレーション前提でまずはスケールアップできるVPSで良いんじゃない？

**デフォルトの名無しさん** · 2021/11/20(土) 19:46:50.60

VPS複数台でK8s環境組めばええんでね？

**デフォルトの名無しさん** · 2021/11/20(土) 20:33:45.68

あまり詳しくないけども。
K8s使うまでもなくnginxをロードバランサに使えばロジックはスケールしない？
スケール面での問題はDBだと追うんだけど

**デフォルトの名無しさん** · 2021/11/20(土) 21:23:59.43

あとスケール前提で組もうとするとスモールスタートにならないという問題もあるな
その点googleとかならヒットしなかったら無料でいける

**デフォルトの名無しさん** · 2021/11/21(日) 00:14:32.99

GCPとかAWSって見積り予測しにくいから嫌い

**デフォルトの名無しさん** · 2021/11/21(日) 19:04:49.27

>>472
前半すげえわかる

**デフォルトの名無しさん** · 2021/11/21(日) 23:42:36.64

おまいらインフラまで担当してるの？
その辺はインフラエンジニア任せだ

**デフォルトの名無しさん** · 2021/11/22(月) 03:55:36.97

GCPやAWSは基本的にインフラをGoogleやAmazonが提供していて
アプリケーションエンジニアはそのインフラを使うものだよ
GCPやAWSを知らずしてクラウドアプリは開発できない

**デフォルトの名無しさん** · 2021/11/22(月) 06:11:27.38

>>475
趣味とか勉強でバックエンド欲しいときあってインフラもやるやん？
そゆことやってると多少詳しくなる

**デフォルトの名無しさん** · 2021/11/22(月) 08:55:57.52

>>477
開発環境くらいは構築出来るけど
本番やそれに関するjenkins等の設定は完全にノータッチだな

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

本番でJenkinsなんて今でも使われてるの？
Jenkinsの開発者は今はTerraform作って業界標準くらいヒットしてるけどビジネス展開してるだけあってTerraformは24hサポートとかも付けられる
対してJenkinsはもう放置状態でもともとサポート付けたビジネスも展開してないでしょ？
トラブル時不安じゃないの？

**デフォルトの名無しさん** · 2021/11/22(月) 11:17:39.58

>>479
素人さんかな？あちこちの現場いけばわかるよ

**デフォルトの名無しさん** · 2021/11/22(月) 12:38:57.05

なるほど派遣で回ってる現場ね
そりゃ環境古臭そう
秀丸でコーディングしてそう笑

**デフォルトの名無しさん** · 2021/11/22(月) 12:53:10.41

てらふぉーむと比較ｗｗｗ

**デフォルトの名無しさん** · 2021/11/22(月) 13:52:50.50

>>481
独立して法人成りしたコンサルだよ
現場に席もらっても常駐はしない
日中は外出多いし
そもそも請負だから

**デフォルトの名無しさん** · 2021/11/22(月) 21:35:40.82

ぶっちゃけ自分で環境構築できないような奴にはフロントフレームワークとか使いこなせんやろ

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

>>296
なんて言ってたけど、最近Rustでバックエンド書いてみてわかった。ちょっと面倒くさいしとっつきにくいとこあるけど、意外と生産性高い。
記法や思想でモダンJavaScriptに近い部分もあって、書いてて妙にしっくりくる。C#よりはるかに書いてて気持ちいい言語だわw

**デフォルトの名無しさん** · 2021/11/24(水) 23:25:03.54

>>485
同感
全く似ていない言語なのに
Node.jsでの心地良さがRustでさらに心地良く感じてRustを気に入ってしまった

**デフォルトの名無しさん** · 2021/11/24(水) 23:40:10.70

どっちも関数型言語の考え方を取り入れているから似ていると感じるのは自然な気が

**デフォルトの名無しさん** · 2021/11/25(木) 02:03:14.67

Javascript知らないしコールバック見ると吐き気がするんですが異動で来年度からフロントやらされることになりました…
まだ何使うか決まってないから取り敢えずなんかフレームワーク勉強しとけって言われたんですが、、vueとReactってどっちが勉強のコスト低いですか？
PythonとC++ならやったことあります

**デフォルトの名無しさん** · 2021/11/25(木) 02:26:37.25

0からやるならangularがいいと思う

**デフォルトの名無しさん** · 2021/11/25(木) 03:30:25.18

javascript知らないならまず生を勉強しないとreactとかおまじないだらけに見えるぞ

**デフォルトの名無しさん** · 2021/11/25(木) 04:55:16.85

angulerなんか使われていないからやめとけ

>>488
たぶん挫折する
javascriptもバックエンドからみたらなんじゃこれ？みたいになる
コールバック地獄はもうないけど

Reactも初めてみたらワケわからんだろうしコンポーネント思考でデータストリームで何度もレンダリングされるとか、コンポーネント増えたらバケツリレーどうすんのとか
何よりバックエンドエンジニアが最も苦手なhtmlとcssがjsxとstyle Componentとかでjavascriptの中に入ってくる
cssできなかったらデザイナーと共同作業になる

**デフォルトの名無しさん** · 2021/11/25(木) 06:38:04.88

>>488
まずここで現代のJavaScriptを学べ。
https://jsprimer.net/
とりあえずの生産性を求めるなら古いJSを知る必要はない、混乱の元になるだけ。
モダンな言語使ってれば高階関数は使ってるだろうし、現代のJSならコールバック地獄になることは（余程設計が不味くない限り）無いから安心するといいよ。

**デフォルトの名無しさん** · 2021/11/25(木) 06:48:53.76

あ、C++使えるのか、それならJSは簡単に感じると思うよ。

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

>>488
コールバックってクロージャだぞ
クロージャを見ると吐き気がするプログラマーなのか
クロージャの理解ができない？

**デフォルトの名無しさん** · 2021/11/25(木) 09:16:19.51

>>494
そういう事言ってるんじゃ無いと思われ

**デフォルトの名無しさん** · 2021/11/25(木) 09:46:53.77

Nuxtをずーっと今まで「ぬくすと」って読んでましたごめんなちゃい

**デフォルトの名無しさん** · 2021/11/25(木) 09:55:22.44

>>495
じゃあ何？
大昔からC言語ですら関数のポインタ渡しは普通に行われてきたし
吐き気がする意味がわからない

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

コンポーネントと再レンダリングとjsxとcssとかもろもろキモいだろ
こんな言語とフレームワークは他にはない

**デフォルトの名無しさん** · 2021/11/25(木) 12:32:27.92

そのへんは単に思想の違いだから。
安い挑発には乗らないよ

**デフォルトの名無しさん** · 2021/11/25(木) 17:05:15.02

コールバックで吐き気って、関数を関数に渡すのが意味わからんとかってことじゃね？
そのレベルだとフロントかなりきつい気がするけど

**デフォルトの名無しさん** · 2021/11/25(木) 17:27:16.35

高階関数や関数型プログラミングが嫌いな人たまにいるけど
狭い世界でしかやっていけないプログラマーだね

**デフォルトの名無しさん** · 2021/11/25(木) 17:35:14.41

一昔前のコールバック地獄知ってるんでしょ
あんなスパゲティコードみたら誰でも吐き気するって
他人の書いたそんなコードとか読みたくも無いわ
あ、お前ら一人で書いてるんだったね
ならお好きに

**デフォルトの名無しさん** · 2021/11/25(木) 17:43:28.23

はいはい安い挑発乙

**デフォルトの名無しさん** · 2021/11/25(木) 17:43:51.31

はいはい安い挑発乙

**デフォルトの名無しさん** · 2021/11/25(木) 17:59:13.67

>>502
コールバックとコールバック地獄は全く別の話
一方でJavaScriptは継続渡しプログラミングとしてもコールバックを多用してきたがそこには非同期プログラミングも許容する柔軟性こそJavaScriptの強みの一つ
もちろん同期プログラミングしかできない人はasync/awaitのみによる限定的な使い方に徹するしかない
例えばその元となる非同期にresolveやrejectをするPromiseを返す関数などを自分で作れないだろうから

**デフォルトの名無しさん** · 2021/11/25(木) 18:11:26.83

JSに慣れてくると非同期前提の設計って結構便利だなと感じ始めるよね

**デフォルトの名無しさん** · 2021/11/25(木) 18:14:59.13

そりゃどの言語でも一緒

**デフォルトの名無しさん** · 2021/11/25(木) 18:17:03.11

UIつくる以上非同期からは逃げられない

**デフォルトの名無しさん** · 2021/11/25(木) 19:32:50.33

>>505
電車とか好きそう

**デフォルトの名無しさん** · 2021/11/25(木) 19:43:12.53

>>505
そういうのは例えば『XMLHttpRequestとPromiseとJSONのマニュアル見ていいからそれらを使ってURLを与えるとJSONオブジェクトを返すasync関数を作りなさい』
とか課題を与えるとまともなJavaScriptプログラマーか駄目プログラマーかすぐに判別できる

**デフォルトの名無しさん** · 2021/11/25(木) 20:00:31.58

>>510
XMLHttpRequestはもう随分使ってなくて細かいとこ忘れちゃったな。
とりあえず200以外はエラーで良いですか？って試験出した人に聞いちゃう

**デフォルトの名無しさん** · 2021/11/25(木) 20:04:04.47

AJAX派なんですけど・・・

**デフォルトの名無しさん** · 2021/11/25(木) 20:14:32.53

>>511
そこはマニュアルを見ていいから大丈夫
あと題材としてはXMLHttpRequestでなくてもよくて
コールバックする関数からPromiseを返す関数を複雑な場合でも作れるプログラマーか
それともそれを使ってawaitするだけのプログラマーか
その違いがわかればOK

**デフォルトの名無しさん** · 2021/11/25(木) 20:45:47.47

>>513
なるほど。
setTimeoutを使って早期終了もできるasync sleep関数を作れ、とかいう課題でも面白いかもね

**488** · 2021/11/25(木) 21:31:47.59

皆さん色々とありがとうございます
取り敢えず>>492さんのサイトで学習から始めてみようと思います

Javascriptがあまり受け付けないのは引数の中に関数をそのままぶち込むっていう
今までやってきた常識とは異なるコードを割とよく見るので…
理屈が分かれば簡単なんだろうとは思いますが前提知識無しでちょっとデバッグしようかなレベルの時にこういうの見るとちょっと辛いですね

https://pastebin.com/pgmkMw1Q

**デフォルトの名無しさん** · 2021/11/25(木) 22:03:54.38

>>515
JavaScript以外でもモダンな言語なら（無名）関数を引数にするのは日常茶飯事だよ。慣れた方が良いかも。
頑張ってね。

**デフォルトの名無しさん** · 2021/11/25(木) 22:12:56.53

何故にnode？

**デフォルトの名無しさん** · 2021/11/25(木) 22:27:53.50

pythonなんて変数がすべてオブジェクト型だぞ

**デフォルトの名無しさん** · 2021/11/25(木) 22:28:50.94

間違った
数値や文字列などすべてがオブジェクト型

**デフォルトの名無しさん** · 2021/11/25(木) 22:38:37.90

>>511
それよりもJSON.parseでエラー出た時にPromiseをrejectするのを忘れずにｗ

>>515
今どき関数型プログラミングをしたことないとは化石のような方で驚く
関数に関数を渡すのを覚えるとプログラミングが捗りますよ
あとイテレーターを使ったり作ったり慣れるとよいでしょう

**デフォルトの名無しさん** · 2021/11/26(金) 01:28:37.73

Rustいじってるけど良いねこれ
継承が無いってのが凄く良い

**デフォルトの名無しさん** · 2021/11/26(金) 02:16:24.03

>>521
あんまり言うとスレ違いになっちゃうけど。
implがオブジェクトの実装に寄り添ってたり、return無しで値が返せたり、ifとmatchが式だったり、デフォルトでimmutableだったり、エラー処理やOption周りのワンライナーっぷりだったり、所有権周りの合理性だったり、コンパイル時の親切さだったり、ほんとにモダンだし、洗練された言語設計哲学を感じるし、書いてるとな～んて美しい言語なんだろうって惚れ惚れする。
まぁJavaScript|TypeScriptも大好きなんだけどねw

**デフォルトの名無しさん** · 2021/11/27(土) 11:00:31.47

JSフレームワークもぐぐること多いんだけど
技術系記事の日付はこれでもかっていうくらいに目立たせてほしくなるな
いつの記事かによって見る見ないがガラリと変わる

**デフォルトの名無しさん** · 2021/11/27(土) 19:54:50.39

んな事するならドキュメント読んだ方がはやいって