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/05/24(月) 10:31:13.31

Aurelia2が出てきたし変化してるよな

**デフォルトの名無しさん** · 2021/05/24(月) 10:33:35.51

頼むからリアクト以外は消滅しろ
入れ代わり激しくてもなんも嬉しくない
安定が最も大事

**デフォルトの名無しさん** · 2021/05/26(水) 08:05:11.77

vueの方が生産性高いんだからreactが滅ぶべき

**デフォルトの名無しさん** · 2021/05/26(水) 11:13:18.53

Reactが無くなったら1番困るのはvueだけどな

**デフォルトの名無しさん** · 2021/05/27(木) 08:11:18.63

パクリ元がなくなったらバブル後の日本みたいに停滞するだろうなｗ

**デフォルトの名無しさん** · 2021/05/27(木) 20:09:42.95

もしかしてVueでもHooksみたいなの搭載されたりしたの？

**デフォルトの名無しさん** · 2021/05/27(木) 20:20:43.98

>>17
なんでHooksに取り憑かれてんの？

**デフォルトの名無しさん** · 2021/05/28(金) 08:03:46.42

最近はvueでもhooks搭載されてる

**デフォルトの名無しさん** · 2021/05/28(金) 08:10:15.44

結局のところvueとreactの技術的な違いはテンプレートvsJSX(TSX)で、テンプレート方式の方が優れてるんだからもうvueの圧倒的な勝ちってことでいいか？
vueで大きいものを作るとぐちゃぐちゃになるとかは迷信やろ？

**デフォルトの名無しさん** · 2021/05/28(金) 08:42:08.17

JSXの方が圧倒的に優れてるよ

**デフォルトの名無しさん** · 2021/05/28(金) 09:09:25.20

テンプレート方式の方が可読性が高い

**デフォルトの名無しさん** · 2021/05/28(金) 09:12:43.15

結局はhtmlの中にjsを書きたいかjsの中にhtmlを書きたいかの違い

**デフォルトの名無しさん** · 2021/05/28(金) 12:11:45.42

それはみんなわかってる
どっちが優ってるか決めようぜ

**デフォルトの名無しさん** · 2021/05/28(金) 21:21:18.20

フロントエンドの大規模開発はReactが適してるとか言われてるけど、
趣味だしフロントエンドで大規模とか意味わからんし読みづらいしVue使ってる

**デフォルトの名無しさん** · 2021/05/28(金) 21:49:15.42

どう考えてもVueの方が読みづらい

**デフォルトの名無しさん** · 2021/05/28(金) 23:14:07.71

classコンポーネントが主流だった頃はReactも劣勢だった感があったけどHooks実装されてアロー関数コンポーネントが主流なってからは
一気に差を付けてReactが優勢になったと思う

**デフォルトの名無しさん** · 2021/05/28(金) 23:35:23.17

> アロー関数コンポーネントが主流なってからは
> 一気に差を付けてReactが優勢になったと思う

それはあるね
vueもパクって似たようなことするんじゃなくて、別方向に進化したら面白かったのに
再利用はコンポーネント単位でやるんだぞ！的な何かを

**デフォルトの名無しさん** · 2021/05/29(土) 01:34:39.61

>>26
ガイジ

**デフォルトの名無しさん** · 2021/06/05(土) 11:37:41.29

今日からAngular挑戦します

**デフォルトの名無しさん** · 2021/06/05(土) 12:09:46.81

何故に。。

**デフォルトの名無しさん** · 2021/06/05(土) 23:19:02.82

結局React覚えれば正解なの？

**デフォルトの名無しさん** · 2021/06/05(土) 23:33:49.02

簡単過ぎて覚えるなんてレベルではないがね。

**デフォルトの名無しさん** · 2021/06/05(土) 23:43:35.07

コンポーネントのデザインの仕方と覚えるというか慣れはかなり必要
昔自分が書いたコードとか見たら相当非効率なコードを沢山書いてたと気付く

**デフォルトの名無しさん** · 2021/06/08(火) 19:28:25.43

vueってangularの必要なところだけ抜き出そうで始まったはずなのに
最低限必要なものを付け足し続けた結果劣化angularになってる気がする

**デフォルトの名無しさん** · 2021/06/09(水) 22:06:14.71

劣化Angular かつ劣化React ってなかなかやるな

**デフォルトの名無しさん** · 2021/06/10(木) 02:30:57.62

新しく作り直す！ってプロジェクトは大体そんな感じになるわ

**デフォルトの名無しさん** · 2021/06/16(水) 22:54:33.79

>>30
がんばれよ！
俺も使ってるけどAngularは堅牢で良いフレームワークだよ
前評判で身構えるけどすぐ慣れるし難しくない

あ · 2021/06/17(木) 20:10:29.13

元々ビルド不要のJavaScriptに
ビルドとという概念とかサーバサイドのコマンド必須というゴミ
要素を追加したリアクトはゴミもいいところ
ネイティブのJSこそ至高

ビルド型の言語とか、わざわざクラスみたいなもの作らなきゃいけなかったり
開発環境の構築から面倒な言語とかそういうの大嫌いだわ

**デフォルトの名無しさん** · 2021/06/17(木) 20:13:55.78

ネイティブのJSとは

**デフォルトの名無しさん** · 2021/06/17(木) 23:44:15.15

>>39
考え方が違うんだよ
その頭じゃ理解出来ないのだろうけど

**デフォルトの名無しさん** · 2021/06/17(木) 23:58:39.72

ビルドは少なくともAngularJSの時点で既にあったよね
勝手にリアクトの手柄にするなよ

**デフォルトの名無しさん** · 2021/06/18(金) 08:40:22.51

ビルドはcoffeescriptだろ

**デフォルトの名無しさん** · 2021/06/18(金) 09:34:16.13

npm run watch
さえやってればビルドの煩わしさなんて皆無なのにね

**デフォルトの名無しさん** · 2021/06/18(金) 11:23:40.66

Ruby, Elixir の偽は、false, nil だけだから、型なしでもバグらない

一方、他の言語では、各型に偽があるから、
型なしでは、バグの可能性が高すぎる

偽が10個以上あるから、組み合わせ爆発が起こる。
空文字列、空配列・空辞書、0・0.0 など

それで、TypeScript・コンパイルが必須。
一方、Ruby, Elixir は、型なしでもバグらない

**デフォルトの名無しさん** · 2021/06/18(金) 11:59:08.55

サッカー競技中に空からパラシュートで緊急着陸して来るような頓珍漢レス

**デフォルトの名無しさん** · 2021/06/18(金) 12:05:23.78

Rubyガイジと呼ばれてる、いろんな板で四六時中おんなじことしてる有名な糖質だよ。

**デフォルトの名無しさん** · 2021/06/18(金) 12:30:34.23

ActiveSupportのpresent?/blank?は害悪認定と

**デフォルトの名無しさん** · 2021/06/18(金) 14:58:15.29

Rubyガイジこんなスレにも来るのかよw

あ · 2021/06/18(金) 20:00:19.17

>>44
お前は馬鹿だ
ビルド言語か糞なのは
ビルド自体だけでなく
ビルド環境を構築すること自体が糞
だと言ってるんだ。
自動化すれば関係ないって話じゃないんだよ。

ビルド言語はちょっとしたコーディングをコピペして
試すのにも、環境構築が面倒で糞だと言ってるんだ
フロントサイドの言語で本来ブラウザだけで
動作するはずのものを
いちいちサーバに入って試さなきゃなならなくしてるのが
糞だと言ってるんだ。
動作環境のサーバが複数あったら
同じ数だけ環境構築が面倒なんだよ

だからjavaやgoやReactみたいなのは全部糞だと言ってるんだ

ネイティブのJavaScriptこそ至高で
次にPythonが優れた言語だ

RubyはPythonの劣化版みたいなものだから
どーでもいいわ

**デフォルトの名無しさん** · 2021/06/18(金) 20:11:28.43

RailsやLaravelならバックエンドの開発環境でそのままできるよ

**デフォルトの名無しさん** · 2021/06/18(金) 20:35:50.41

>>50
テキストファイルコピべしてnpm installするだけが面倒くさい？

**デフォルトの名無しさん** · 2021/06/18(金) 20:53:05.33

ビルド環境と動作環境ごっちゃになってんな
素人か

**デフォルトの名無しさん** · 2021/06/18(金) 21:10:15.72

山浦清透、1/15

Docker超入門講座合併版 | ゼロから実践する4時間のフルコース
www.youtube.com/watch?v=lZD1MIHwMBY

Windows 10 Home 版, WSL2, Ubuntu 20.04 LTS,
Docker Compose, VSCode, Heroku, Ruby on Rails, Git, CI/CD, CircleCI

YouTube で有名な、雑食系エンジニア・KENTA のサロンでも、
初心者用コースに、CircleCIも入っている

最近は誰でも、Docker出来るから、
さらに、AWS Fargate, Terraform, React, Vue.js, TypeScript も入ってきた

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

**デフォルトの名無しさん** · 2021/06/23(水) 06:02:39.66

vueはbootstrap-vueがどうやらメンテ止まりつつあるようでvue3が出て結構経つのにvue3のサポートの実装がまだかなりかかりそう
現状maintenerは１人しかいないようだ
vue/compatを使えばvue3でも動くっていう投稿もあるけど正直これならReactのほうがいい気がする
https://github.com/bootstrap-vue/bootstrap-vue/issues/5196

**デフォルトの名無しさん** · 2021/06/24(木) 09:11:47.84

メンテされてたとしてもreactの方がいいぞ

**デフォルトの名無しさん** · 2021/06/24(木) 09:35:31.85

ReactとMaterial-UIが鉄板やない？

**デフォルトの名無しさん** · 2021/06/24(木) 21:25:41.78

Vueが悪いんじゃなくてVueでがっちりしたものを作ろうとする奴が悪いんだと思うわ
この程度ならts使う必要もないかってものをサクっと作るなら確かに楽

**デフォルトの名無しさん** · 2021/06/28(月) 20:19:32.71

正直reactやvueみたいなフレームワーク自体は
自分では使いたくない
reactやvueで構築済みの汎用的なUIパーツだけくれや
jquery UIやbootstrapみたいな奴な

**デフォルトの名無しさん** · 2021/06/28(月) 20:37:53.15

そんなん逆に使いにくいぞ

**デフォルトの名無しさん** · 2021/06/29(火) 10:30:39.05

>>59
技術力あるところは各部分を機能別にパーツ化して使い分けしてるね
next/nuxt相当の部分もさらに機能別ごとにパーツ化
一方で技術力ないところはreact/nextやvue/nuxtを使ってる

**デフォルトの名無しさん** · 2021/06/30(水) 09:05:32.41

>>59
つfastui

**デフォルトの名無しさん** · 2021/06/30(水) 13:38:33.32

質問いいでしょうか？
npm run して http://localhost:3000/ を開いた場合と、
work/myapp1/build/index.html を直接ブラウザのアドレスバーに
貼り付けた場合で結果が異なるのってなぜでしょうか？

**デフォルトの名無しさん** · 2021/06/30(水) 14:23:48.68

どう異なるのでしょうか

**デフォルトの名無しさん** · 2021/06/30(水) 15:29:40.93

>>63
1ヶ月前にAngular始めた俺がエスパーで回答

index.html開いた後、実行に必要なJS等をサーバに問い合わせてダウンロードする仕組みになってるので
裏でWebサーバが動いていないといけない。

npm runはnode.jsが裏で動いてWebサーバの代わりをしてくれるが
index.html直実行はこれらがいないため挙動が異なる

**デフォルトの名無しさん** · 2021/06/30(水) 15:50:49.63

URL が file:/// になるくらいで相対 URL で見にいかないか
js の URL が http://localhost:3000/ になるわけじゃないっしょ

**デフォルトの名無しさん** · 2021/06/30(水) 17:29:32.97

何のフレームワーク使ってんのか

**デフォルトの名無しさん** · 2021/06/30(水) 18:02:14.56

最近のブラウザでfileスキームだとクロスオリジンに引っかかるんじゃないの

**デフォルトの名無しさん** · 2021/06/30(水) 20:57:43.98

VSCode の拡張機能、open in browser では、ローカルファイル・アクセスだから、CORS 制限あり
file:///C:/Users/Owner/Documents/test.htm

一方、Live Server では、サーバーを立てているから、CORS にならない
http://127.0.0.1:5500/test.htm

同様に、コマンドプロンプト・PowerShell から、
1-liner で、Ruby で作られた遅いウェブサーバー、WEBrick を起動すると、
ruby -run -e httpd . -p 8080

これも、サーバー経由だから、CORS にならない
http://localhost:8080/test.htm

Ruby on Rails では、Node.js のwebpack-dev-server を使っている

**デフォルトの名無しさん** · 2021/06/30(水) 23:42:15.63

ブラウザじゃなくてルビウザだな

**デフォルトの名無しさん** · 2021/07/01(木) 12:58:11.15

つ座布団

**デフォルトの名無しさん** · 2021/07/01(木) 20:52:06.16

たにぐちまこと、7/1

Next.js超入門セットアップから Vercelへの公開まで
https://www.youtube.com/watch?v=YoIQ_FIBlYY

1時間13分の動画

**デフォルトの名無しさん** · 2021/07/02(金) 14:43:02.54

vueのフロントエンド以外って何が良いの？何が便利？

**デフォルトの名無しさん** · 2021/07/02(金) 15:09:35.40

質問の意味が分からない

**デフォルトの名無しさん** · 2021/07/08(木) 17:46:40.82

react入門してやるからおすすめおしえてくれ

**デフォルトの名無しさん** · 2021/07/08(木) 20:10:35.36

お断りします
　　　ハハ
　　 (ﾟωﾟ)
　　／　　＼
((⊂ )　ﾉ＼つ))
　　 (＿⌒ヽ
　　ヽ　ﾍ |
εﾆ三ﾉノＪ

**デフォルトの名無しさん** · 2021/07/13(火) 10:47:50.18

>>75
『MVCはオワコン! RESTはダメ! 時代はSPA!!』の末路
ttps://www.youtube.com/watch?v=gd2lMIPUSBU&t=1020s

**デフォルトの名無しさん** · 2021/07/13(火) 11:18:54.37

>>77
なんじゃ？
この滅茶苦茶な理論まがいの話しは？

**デフォルトの名無しさん** · 2021/07/13(火) 11:48:09.93

めちゃくちゃだな
MVC→SPA
は進化の道筋として判らんでもないが
RESTを間に挟む理由が全く無い

**デフォルトの名無しさん** · 2021/07/13(火) 12:40:22.27

詐欺師が使いそうな話法なんですけど。

**デフォルトの名無しさん** · 2021/07/13(火) 12:44:05.17

>>79
いやいやSPAでMVC使ってもいいと思うけど

**デフォルトの名無しさん** · 2021/07/13(火) 13:04:13.53

話が素人過ぎてワロタｗ

**デフォルトの名無しさん** · 2021/07/13(火) 14:07:43.02

リンゴはダメ！コタツよりダイソン！
みたいな話だからな。訳が分からん

**デフォルトの名無しさん** · 2021/07/13(火) 14:09:01.48

ほとんどのSPAがREST頼ってるのにRESTがオワコンになる意味が分からない

**デフォルトの名無しさん** · 2021/07/13(火) 18:59:54.98

さすがRuby界

**デフォルトの名無しさん** · 2021/07/13(火) 20:38:26.34

最近はSSRやSSGじゃないの？
うちはいち早くServerSideGaichuを取り入れて時代の最先端技術を進んでいる

**デフォルトの名無しさん** · 2021/07/13(火) 22:30:00.48

vue(Laravel上)でsass-loaderのバージョンに起因してそうなエラーにハマった
なんとかなったけど、ある程度長い目で使いたくても難しいかなあ

**デフォルトの名無しさん** · 2021/07/14(水) 02:26:01.60

>>86
SSRからSSGヘ
ttps://www.youtube.com/watch?v=3VMCYRTLMOo&t=471s

**デフォルトの名無しさん** · 2021/07/14(水) 02:50:22.78

Next.js超入門セットアップから Vercelへの公開まで
www.youtube.com/watch?v=YoIQ_FIBlYY

**デフォルトの名無しさん** · 2021/07/15(木) 00:16:26.28

>>88
いやいや今はSSGの次、ISRだよ
なんて言うのは簡単なんだけど、どうも胡散臭さが抜けないね
なんかひと昔のフレームワーク乱立時代の感覚と似てる
シンプルなものをシンプルに作りたいだけなのにって

**デフォルトの名無しさん** · 2021/07/15(木) 05:44:45.36

技術的には延長線上にあるから、そこまでの乱立感はないかな

**デフォルトの名無しさん** · 2021/07/15(木) 13:06:29.71

むしろSSRしかしない昔からの遅く不便なサイトや
CSRしかしない最初の表示が遅くて重いダメなサイトが
どちらも時代遅れでかつ利用者の体感悪すぎなことに気付かず大量に残っている現状を

**デフォルトの名無しさん** · 2021/07/15(木) 13:18:11.44

SPAで構築するようなサイトはアプリのような動きを期待しているのに
SEOガーとかそもそも話が合っていないんだよね
企業サイトみたいなのを無理やりSPAにするのがそもそもの間違い

**デフォルトの名無しさん** · 2021/07/15(木) 13:35:20.84

俺の仕事だとガチのアプリ開発だから、
SSRとかSSGとか全く興味がない。
そもそもinstall以外でサーバー使わん。

**デフォルトの名無しさん** · 2021/07/15(木) 13:49:32.53

サーバー使わないガチのアプリとは

**デフォルトの名無しさん** · 2021/07/15(木) 17:59:16.49

そらもうCやRustで書いた超高速ネイティブアプリやろなあ

**デフォルトの名無しさん** · 2021/07/15(木) 19:01:04.04

>>95
サーバーはサービスAPIだけだよ
UI要素はゼロだ

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

サーバは使わないけどAPIは使います。

日本語へのコンパイルエラーが出てるんだけど。

**デフォルトの名無しさん** · 2021/07/15(木) 20:48:53.36

SaaSとかのサードパーティ製のAPI使うって意味じゃねえの？
サーバーレスというワードと同じで、自分で管理するサーバーは持たないってだけなんだろ、多分

**デフォルトの名無しさん** · 2021/07/16(金) 00:15:44.33

>>93
それは違う
SPA/PWAにするのはユーザーの体感向上と通信減少とサーバー負荷減少など総合的な目的がある
企業サイトでも何でもその目的で有利となる
企業に限らず検索によるトップページやそれ以外の途中ページ流入も欲しいのは当たり前
そしてSSRはSEOのためだけでなくユーザーの体感向上が第一だ

**デフォルトの名無しさん** · 2021/07/16(金) 00:56:09.29

YouTube で有名な、雑食系エンジニア・KENTA のサロンの初心者用コースが、

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

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

EC2 ではなく、サーバーを管理しない・サーバーレスのFargate。
他にも、AWS サーバーレスのLambda, Aurora, Elastic Beanstalk など

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

**デフォルトの名無しさん** · 2021/07/16(金) 13:25:24.29

KENTAってまこ様に噛みついていた人だっけ？

**デフォルトの名無しさん** · 2021/07/20(火) 21:14:55.81

>>101
宣伝お疲れ
未経験が見てると思えないけどこれを浅く覚えても意味ないからな
フロントもバックも浅い知識しか持たない奴なんてお荷物でしかないから所詮インフラ要員止まりだろうしでしさっさとAWS一択に絞ったほうがいいよ

**デフォルトの名無しさん** · 2021/07/21(水) 06:58:19.36

クラウドは正直Firebaseしか理解してない。青天井怖いもん。
VPSはわかるけど、フロント向開発者向けのナウでヤングなクラウドでは無いだろうし……

**デフォルトの名無しさん** · 2021/07/21(水) 09:45:48.95

仕事なら別に金払うの俺じゃないし客からの指定が無い限りは99%AWSだよ
個人でAWSは確かに高くつくかもしれないが今はAWSでもLightSailやら
安いサービスはあるし、小規模なら十分安く抑えられそう

**デフォルトの名無しさん** · 2021/07/28(水) 03:36:44.25

Fastly、Compute@Edge の JavaScript 対応を発表
https://www.fastly.com/jp/press/press-releases/fastly-launches-new-era-of-highly-secure-serverless-javascript-with-zero
>Fastly は、セキュリティを考慮し、WebAssembly でコンパイルされた JavaScript から個々のリクエストに対してサンドボックスを生成または破棄する、独自の高セキュリティな分離技術を開発しました。
米国 RedMonk 社のアナリスト兼共同設立者である James Governor 氏は次のように述べています。"JavaScript は、最も人気のあるプログラミング言語で、普及が進んでいます。サーバーレス・プラットフォームは、新しい JavaScript のワークロードにとって自然な環境です。一方、パフォーマンスとセキュリティは依然として重要な懸念であり、速度は何よりも重要な要素となっています。攻撃対象が減り、コールドスタートがなくなることは、最先端の Web 開発者にとって非常に魅力的です。"
Fastly は Compute@Edge の開発者の体験向上に注力しており、最近ローカルテスト環境の提供開始を発表しました。これにより、開発者は本番レベルと同様の環境でテストコードを実行し、サーバーレスコンピューティング環境でスケールとパフォーマンスを追求しながら、問題の発見と修正を迅速に行うことができます。

**101** · 2021/07/28(水) 05:41:01.59

企業が求めているのは、バックエンド技術者。
Rails, Linux, Docker, AWS、データベース

だから、AWSのくろかわこうへいのサロンにも、入る必要がある。
AWS Solution Architect 資格とか、この本を読むとか

Amazon Web Services パターン別構築・運用ガイド改訂第2版、2018

サーバー構築運用は難しいから、Amazon はサーバーを管理しない・サーバーレスを勧めている。
EC2 ではなく、Fargate, Lambda, Elastic Beanstalk など

Amazon Linux, Aurora も管理不要。
Amazonがセキュリティー更新してくれる

>>102
KENTA は基本、マナブ・マコなりなどの高額学校などに噛みつく

>>101
の内容は、80万円も払わなくても勉強できると言うこと。
今は、200万円の学校をぼったくりと言ったから、業務妨害で訴えられている

KENTAのサロンは、日本6位の2千人も入っているから、
売名目的で、高額学校がKENTAを訴えてくる

**デフォルトの名無しさん** · 2021/07/28(水) 06:14:15.20

古い技術者だから技術ってのは本と公式ドキュメント、時々現場で学ぶものだと思ってる。オンライン勉強会に参加することもあるけど、あれは知見を広げるってだけで身に付く勉強じゃねーわな

**デフォルトの名無しさん** · 2021/07/28(水) 09:25:46.67

本から学ぶのはやめなさい

**デフォルトの名無しさん** · 2021/07/28(水) 09:31:03.16

本は古い遅い検索できない
どの言語もどのフレームワークも公式サイトがベスト
金を払うのはバカ

**デフォルトの名無しさん** · 2021/07/28(水) 10:41:53.79

え、TypeScriptの本とか買わない？マジ？

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

マジ