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/23(日) 19:19:19.62

次スレここでええんか？
Reactのダメなところは
html的なタグ表記が変わってないこと
せっかくフレームワーク化するなら
jade(pug)的な書き方でも良かった

**デフォルトの名無しさん** · 2021/05/23(日) 19:49:33.54

angular復活させたのか。
だれか話題にしてやれよｗ

**デフォルトの名無しさん** · 2021/05/23(日) 19:59:28.04

Babelでそういう（HTMLタグじゃなくてjadeをReactの関数に変換する）マクロ書いてみれば良いんじゃない？
でも、インデントが意味を持つ構文だとJavaScriptに組み込みにくいし、HTMLとjadeならHTMLの方が断然皆知ってると思うな

**デフォルトの名無しさん** · 2021/05/23(日) 20:21:28.87

アンギャー、ブーは名前が悪い
リアクトは名前がイケイケ

**デフォルトの名無しさん** · 2021/05/23(日) 20:47:14.80

Reactって開発スピードあんま早くないよな
ConcurretモードとかRecoilとかいつstableになんのよ

**デフォルトの名無しさん** · 2021/05/23(日) 21:07:04.79

うかうかしてるとBlazorに追いつかれるかもね

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

まあRecoil普通に導入してるけどね

**デフォルトの名無しさん** · 2021/05/23(日) 21:32:23.69

俺もとくに不都合なくrecoil使ってる
あまり使い倒してはいないけども

**デフォルトの名無しさん** · 2021/05/24(月) 06:31:15.63

変化が早すぎると言われたり、遅すぎると言われたり。皆それぞれだな！

**デフォルトの名無しさん** · 2021/05/24(月) 08:09:15.64

初期は早いほうがいいけど、ある程度したらゆっくりでいいよ

**デフォルトの名無しさん** · 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 を使っている