Vue vs React vs Angular Part.4

■ このスレッドは過去ログ倉庫に格納されています
2020/06/11(木) 19:01:45.26ID:uGsh0NQC
実際どうなん？
Vue
https://jp.vuejs.org/
React
https://reactjs.org/
Angular
https://angular.io/
※前スレ
Vue vs React vs Angular Part.3
https://mevius.5ch.net/test/read.cgi/tech/1560333895/

★ここではjQueryの話題は禁止です
★jQuery房が書き込んでも無視してください
14デフォルトの名無しさん
垢版 |
2020/06/13(土) 10:30:15.53ID:fSDXpiN3
各社のサイトのソースをみてReact, Angular, Vueのどれかを
使ってるかを判別する方法ってある？

URLが変わらずにページ内容が変更されることが多いならSPAの
フレームワーク使ってる可能性あるとはわかりそうだけど、そこから先がわからない
2020/06/13(土) 10:45:02.35ID:xpwAJF9n
Wappalyzerプラグイン入れるか
個別に
React Developer Tools
Vue.js devtools
Augury
入れるかじゃない？
後者で検知されて前者で検知されない場合もあって
その場合どっちが正しいのかよく分からん

どっちもChrome,Firefox版はある
2020/06/13(土) 10:45:37.23ID:xpwAJF9n
プラグインっていうかアドオンか
2020/06/13(土) 11:08:26.22ID:fSDXpiN3
>>15-16
ありがとう、SPA初心者でどれも名前聞いたこと
ないけどいれていろいろ試してみる
お手本となるSAPの使い方というかを有名サイトで学びたい
18デフォルトの名無しさん
垢版 |
2020/06/16(火) 01:56:46.78ID:Xeh3GZLH
part4まで来てたのか。angular使いはじめたきっかけだからこのスレには少し感謝してる。
2020/06/16(火) 04:03:36.69ID:zfRgO9so
>>14
サイトを分析する、BuiltWith

https://builtwith.com/ja/
2020/06/16(火) 11:07:46.76ID:DZinpEBb
angular使ってるけどstyleの管理が悩ましすぎる…
cssに書いたりhtmlに書いたり、はたまたtypescriptのクラスとして作ってngstyleでバインドしたりで散らかってしまう。
もういっそ全部ngstyleってのもありなんだろうか
2020/06/16(火) 19:04:07.13ID:JUU4cCl6
コンポーネント毎にCSS書くってのはどう考えても無駄だよね
2020/06/16(火) 19:51:37.49ID:bai2ZBnX
グローバルに設定するための「styles.css」が「index.html」と同じ階層に用意されてるじゃないですか
2020/06/17(水) 03:13:39.29ID:uzPHdkW5
tailwindでいいよ
2020/06/24(水) 16:49:18.89ID:RNTo5KV+
vue書くの苦行すぎる
結構細かくルール指定するくせにこんなこともやってくれねえのっての多すぎ
2020/06/27(土) 10:54:57.79ID:cTLM9cqk
いきなりSPAに挑戦する前に既存のマルチページアプリにJSフレームワークを小規模に導入して勉強したいんですが
古き良きMVCフレームワークとJSフレームワークを組み合わせて使う場合はvue.jsが良いのでしょうか？
2020/06/27(土) 12:16:45.04ID:PeqwGCh1
vueはやめとけ
途中でやっぱReactにしとけばよかったってなる
27デフォルトの名無しさん
垢版 |
2020/06/27(土) 15:27:22.16ID:QSLeN3Uh
SPAって挑戦するもんじゃないだろ
挑戦だと思ってるならやめとけ
2020/06/27(土) 15:47:59.91ID:lpve9t0r
最初の導入なんて誰でも挑戦みたいなもんだろ
挑戦してみた結果結局jQueryでいいやって人が大多数居るわけで

フレームワークをちゃんと導入できるところなんてほんの一握りだと思うよ
2020/06/27(土) 20:07:25.55ID:4etpNQZ1
>>25
最初からReactでいいとおもう
VueはTypeScript使えないので却下
2020/06/27(土) 21:03:04.94ID:DZYSd81b
Vueはマークアップ言語のように書けてわかりやすいのが強みだ
2020/06/27(土) 21:20:20.87ID:l4bvgPtY
みんなSPAで何つくってんの？
ページ遷移型Webアプリじゃできないようなことやってるの？
32デフォルトの名無しさん
垢版 |
2020/06/28(日) 13:21:45.43ID:h57n4OGN
元々デスクトップアプリ描いてた人の立場だとSPAの方が造りやすいかも知れない
2020/06/29(月) 00:43:34.49ID:7FENAdrX
SPAはウェブサイトには相性が悪いからね
2020/06/29(月) 01:16:05.00ID:JKzSNEQv?2BP(1000)

Angular勢少ないな
一番スッキリ書けて使いやすいと思うんだけどな
2020/06/29(月) 19:09:55.90ID:M2tiz9Gn
まあ落ち着けって
2年後にはSvelte以外オワコンになってっから
2020/06/29(月) 20:59:26.41ID:QQ3eObY8
>>35
あれが流行る理由が逆に分からんのだが
VueとReactの良いとこ取りとか言ってる輩がいるがReactの良いところってhtmlじゃなくjavascriptを主に開発出来るって所だと思ってるんだがその辺台無しになってる
37デフォルトの名無しさん
垢版 |
2020/06/29(月) 23:26:58.03ID:VEALtdK2
>>34
Angular
SPAではトップ3に入ってるのは間違いないでしょ
Angular自分は学習コストが大きいと聞いてやめてReact学習中
38デフォルトの名無しさん
垢版 |
2020/06/30(火) 03:55:00.72ID:Ug8SveUy
>>25
vueもいいよ。今でも少し込み入ったフォーム(検索や問い合わせ)だけvueで置き換えるのは十分あり。メンテナンス性が格段に上がる。
あと、むしろvueでtypescriptは使わない方がいい。vueの良さである気軽さが損なわれる。jQueryと共存なんて気持ち悪い事もできる。

>>37
angular使ってるけど初期コスト高いとは思わなかったよ。先入観で除外するのは勿体無いと思うぞ。
39デフォルトの名無しさん
垢版 |
2020/06/30(火) 12:17:27.31ID:YApTRDNI
そういえばなんで日本でVue人気あるの？
海外だとあんまり人気ない印象ある
2020/06/30(火) 12:24:43.57ID:Ee44cQ0O
日本人はアホだからReactとか難しすぎるんだよ
単にそれだけ
41デフォルトの名無しさん
垢版 |
2020/06/30(火) 12:39:23.28ID:QhrDkAb7
日本人は自分で使って判断するって考えがあまりない印象
他人の評判ばかり気にするし優先するあほばっか
2020/06/30(火) 12:39:29.49ID:qjklLePD
例のキチはいなくなったか
2020/06/30(火) 12:59:47.94ID:j70U2+kl
Web siteではなくWeb applicationを作るとして
習得の難易度でいったらどの順番で簡単？
React, Angular, Vueの比較で
2020/06/30(火) 13:47:46.89ID:ww2Xd+MO
「フレームワークを習得」とか言ってることに違和感があるんだよなｗ
必要なら使うだけなんだし
2020/06/30(火) 14:33:38.78ID:ojYrCHBE
Ruby on Rails では、Bootstrap か、React が多い。
Vue.js は、見ない

コンポーネントだから、組み合わせやすいのだろう。
ある部品だけ、Reactを使うみたいな感じ

それに米国の企業だし
2020/06/30(火) 14:59:46.72ID:Ee44cQ0O
rubyのことは聞いてないから
2020/06/30(火) 15:28:22.98ID:j70U2+kl
>>45
ReactはFrameworkではなくLibraryだから、
他と組み合わせしやすいんでしょう

最近はRails関連でもReact使ってるのか
Reactはecosystemが充実してるな
2020/06/30(火) 16:27:02.21ID:ojYrCHBE
Ruby on Rails + React + Bootstrap + Material UI

Elemental UI は見ない
49デフォルトの名無しさん
垢版 |
2020/06/30(火) 17:40:35.19ID:Ug8SveUy
>>43
それならangular,next(react),nuxt(cur)との比較になる。
ただ習得難易度を比較するのはあまり意味がないと思う。迷うなら全部入れて弄ってみた方がいい。世間の評価と随分印象が違う事に気づくと思うよ。
俺はvueが好きだが選んだのはangular。
2020/07/01(水) 04:39:24.40ID:BX/M4O4u
Rubyやってるヤツの頭の中がいかにごちゃごちゃなのか分かる書き込みだな
5148
垢版 |
2020/07/01(水) 08:29:04.91ID:Zme9Nt79
Ruby on Rails では書き方を強制した、規約だけのStimulus も使う

それをリアクティブプログラミングにした、StimulusReflex もある
2020/07/03(金) 23:22:38.78ID:KyXHMv2P
Vue3.0からクラスベースのコンポーネントって無くなるの？
2020/07/03(金) 23:25:04.49ID:uIgOlo/V
ほらな。まーた今までの技術がオワコンになった（笑）
2020/07/03(金) 23:28:17.94ID:IqbF62xT
Reactでは随分前にそうなってたもんな
2020/07/04(土) 03:45:46.09ID:q+uG7L9l
reactってSFC標準にならないの
ファイル数多いから敬遠しちゃう
56デフォルトの名無しさん
垢版 |
2020/07/04(土) 03:50:59.89ID:OxpkXjjx
スーパーファミコン
2020/07/04(土) 09:58:26.51ID:Kg/e4APV
今どきスーファミとかだっせーよなー
2020/07/04(土) 18:47:03.26ID:JKT0dJEu
時代はメガドライブだよな
2020/07/06(月) 00:53:12.33ID:PFmAGtDP
ReactのHooksが登場してからは、Reactが一番導入のハードル低い気がするなー
Hooks系のライブラリ充実してるし
2020/07/06(月) 01:44:53.57ID:v1x+2Pdq
useEffectでjQueryと共存なんてキモチ悪いことも簡単にｗ
2020/07/06(月) 12:22:09.69ID:+5y8OyVS
Vue3.0
7月にRC
8月に正式版リリース
2020/07/06(月) 12:44:59.12ID:E5MtnOl4
どう変わるんや
2020/07/06(月) 19:58:43.29ID:QfKF0PFS
reactに近づく
つまりreactでよくね？ってなる
2020/07/06(月) 20:05:31.64ID:dZeM1NWt
つうかElmでいいじゃん…
2020/07/06(月) 20:28:13.21ID:v1x+2Pdq
svelteならまだしもelmはもう終わってるでしょ
2020/07/06(月) 20:29:20.31ID:PFmAGtDP
でも色んなツール出た方が活性化していいと思うなー
変化が無い方が廃れるの早いやろし
2020/07/07(火) 00:34:20.29ID:LF/sym53
vueのTS対応遅いからreactに移ったわ
JSXが嫌いだったけど慣れたら便利だな
2020/07/07(火) 07:07:55.28ID:FRgW1MQ9
Vue3.0はvueの書き心地の良さだいぶ減る気がする
リアクティブなデータが一段ネストされるのもストレス
69デフォルトの名無しさん
垢版 |
2020/07/07(火) 20:34:43.73ID:IVftZWlI
reactってクライアントサイドフレワなのに
サーバサイド技術のnpmとかnode.js
がインストールに必要なの意味わからなくね？
なんでjqueryと同様にCDNで配布してsrcで読み込む
シンプルな形式にしないの？
トランスパイルって鯖と蔵どっちで処理してんの？

なんでトランスパイラそのものをライブラリ内に
組み込んでHTMLのsrcで読み込んでブラウザに仕事させれば
いいものをユーザにnpmとかyarnとかwebpackとか
reqireさせるわけ？
そしてなんで色々なやり方が錯綜する訳？

なんでPHPがapacheやMySQLとズブズブに
蜜結合してるのと同じ轍を踏むわけ？
2020/07/07(火) 20:54:32.97ID:5jV7r1Oa
実行時のリソース消費を減らすためだよ
2020/07/07(火) 20:55:13.15ID:5jV7r1Oa
ちなみにCDNとscriptタグの組み合わせも使えるよ
2020/07/07(火) 21:12:22.45ID:Csl+eNq2
有名なフレームワーク・モジュールには、CDN もある

Ruby on Rails など、ウェブ系の開発者は、
VSCode, Node.js, Webpack などが必須

jQuery, Bootstrap, React なども
2020/07/07(火) 22:59:11.42ID:Ttnpigl4
>>69
おめーがアホだから理解不能なだけだろが
74デフォルトの名無しさん
垢版 |
2020/07/08(水) 00:21:09.70ID:739odCbc
>>69
>サーバサイド技術のnpmとかnode.js

この認識が可笑しい
75デフォルトの名無しさん
垢版 |
2020/07/08(水) 00:30:48.93ID:J4hybS9S
>>67
確かにvueのtypescript対応は不親切。
てかいい加減公式サイトぐらいtypescript対応しろと。
2020/07/08(水) 10:52:27.83ID:jfQpAxCR
>>72
だからお前いつもグルーピングがおかしいってば
2020/07/08(水) 11:23:22.62ID:s7sJ7O7X
rubyｶﾞｲｼﾞに触るな
7872
垢版 |
2020/07/08(水) 11:59:26.81ID:Z8A6jaoN
>>69
トランスパイルは、サーバー側でする。
その開発環境が、Node.js

もし、JSX で書いて、それをブラウザでトランスパイルすると、
時間が掛かるので、推奨されない

だから事前に、Node.js, Webpack, Babel, Browserify, Uglify, CssShrink, AutoPrefixer などで、
ES2015, JSX などを、ES5 に変換しておく
2020/07/08(水) 12:06:07.93ID:t4n6CtPA
なんでガイジ鯖でトランスパイルなんてとんちきなこと言ってんのかと思ったけどもしかしてc9みたいな環境でやってんのかなこいつ？
8072
垢版 |
2020/07/08(水) 12:10:06.57ID:Z8A6jaoN
トランスパイルの手順も、タスクランナーのGulp か、
プロジェクトのpackage.json 内の、npm scripts に書いて実行するだけ

watch 機能を書いて、ファイルを保存するたびに、自動的にトランスパイルすることもできる

Ruby on Rails では開発用サーバーに、webpack-dev-server を使う
8172
垢版 |
2020/07/08(水) 12:12:49.23ID:Z8A6jaoN
そもそも、ブラウザでトランスパイルするのは、全ユーザーが同じ変換をするから無駄

サーバーなら、1回の変換で、全ユーザーに対応できる。
変換後のHTML を送るだけ
2020/07/08(水) 12:17:22.01ID:QRjt2V7u
めんどくせーならNuxtでも使えや。
8372
垢版 |
2020/07/08(水) 12:20:39.69ID:Z8A6jaoN
Docker か何かの開発サーバーじゃないの？

漏れは、自分のPC 内のWindows 10, WSL, Ubuntu 18.04 で、
VSCode の拡張機能、Remote WSL を使って、
Linux側に、プロジェクトを作っている

Windows側からのブラウザアクセスは、
VSCodeの拡張機能・open in browser ではローカルファイルアクセスとなるので制限されるが、
VSCodeの拡張機能・Live Server では、サーバーを立ててのアクセスとなるので制限されない

Linux側には、日本人が作った、バージョンマネージャーのanyenv で、rbenv, nodenv を使って、
ruby 2.6.6, node 12.16.2 を入れた

yarn は、Windows側に入れて、WSL から、拡張子なしのyarn コマンドを呼べる。
これは、#!/bin/sh で始まるシェルスクリプト

anyenv は多言語向きで、rbenv, nodenv, pyenv, phpenv などを同じ使い方で、統一的に扱える。
同様のツールに、asdf もある
2020/07/08(水) 12:25:17.49ID:Kr2gnfN5
devcontainerのほうがいいでしょ
環境切り替えが楽チン
2020/07/08(水) 12:28:10.14ID:hmU+YLWt
anyenvとかすぐに重くなるから嫌い
なんとかenvは全部作り直せと言いたくなる
8672
垢版 |
2020/07/08(水) 14:11:54.59ID:Z8A6jaoN
phpenv が重いのは、すべてのファイルをコピーしているからとか、

何かのサイトに書いてあった
8772
垢版 |
2020/07/08(水) 14:16:33.13ID:Z8A6jaoN
Stoyan Stefanov の本には、Babel, Browserify は、

グローバルにインストールした方がメリットが多い、とか書いてあるけど
2020/07/08(水) 15:16:59.06ID:t4n6CtPA
>>81
そうじゃなくて、reactっていうかJSXのトランスパイルはrubyｷﾁｶﾞｲであるお前以外の99%はブラウザでもサーバでもなくフロントエンドの開発マシン、要は手元のPCでビルド時に行うの。
2020/07/08(水) 15:28:49.13ID:MVSOOhWY
いや俺はデプロイ先のコンテナでビルドするように設定してるけど
2020/07/08(水) 15:33:35.61ID:Kr2gnfN5
それはないな
起動が遅いのはコンテナでは許されない
2020/07/08(水) 16:12:22.96ID:MVSOOhWY
>>90
リリースのたびにローカルの開発環境でnpm run buildみたいなコマンド打って、トランスパイルされたjsファイルを手作業でアップロードみたいな作業するの？
零細サイト(アプリ)ならありかもしれないが…
2020/07/08(水) 16:19:50.85ID:I47WXMxT
なんで手動って決めつけてんの？
ビルドプロセスにデプロイも含めるでしょフツー
2020/07/08(水) 16:28:48.25ID:0bRtE3JM
>>91
Laravelならプロジェクト一式の中にwebpack関連の一式も入ってるけどね
2020/07/08(水) 16:47:50.70ID:Kr2gnfN5
>>91
手動でアップロード？
意味わからんこと言うなよ
95デフォルトの名無しさん
垢版 |
2020/07/09(木) 10:02:09.72ID:mOpBi7N3
>>91
tsファイルの変更を自動検知して.jsに自動でトランスパイルする設定で
開発するのが普通なんじゃないの

>>92
deployっていう用語は開発が終わって本番サーバーに移すときに使う感じでしょ

開発中のこまめな修正はbuildだから
buildとdeployはセットにしてしまうと不便
頻度が違いすぎる
2020/07/09(木) 10:04:52.31ID:G/OlOUwD
インフラ屋には「開発」って概念がないからｗ
あいつらは出来上がったものを配布するだけ
配布するときにビルドが必要かどうかってことしか知らない
ビルドだけが必要という発想がない
2020/07/09(木) 10:35:48.43ID:w7BJW0S5
CIでビルドからデプロイまでやるわなフツウ
毎回デプロイまでプロセス進めるわけでもないが
なんらかのトリガで自動デプロイまで整ってないとしんどいよ
2020/07/09(木) 12:28:57.46ID:KHuqFwsC
蔵「ここに要素追加で！中のここのテキストは決まり次第連絡します」
ワイ「よっしゃ手空いたし実装すすめたろ！ここのテキストは適当にうめとこ！できた！フロントビルドして表示確認したろ！」
CIとやら「ビルド＆デプロイ！」
本番サイト「おちんちんびろーん」
蔵「…」
2020/07/09(木) 12:52:10.72ID:CLykJNt5
手動デプロイする人、ビルド構成1つしか使えない人、いろいろいるんだなあー
2020/07/09(木) 14:13:27.36ID:fGQp3/0X
手動デプロイって人数1人の超小規模開発だけだろ
2020/07/09(木) 14:22:33.72ID:fGQp3/0X
なんかこのスレ、
・開発中のローカルサーバーでのビルド
・本番等へのデプロイ時に行うビルド
をごっちゃにしてる奴が居て話が噛み合わないわ
2020/07/09(木) 14:25:16.59ID:w7BJW0S5
どっちも同じだろ
パラメータ少し変えるだけだし
103デフォルトの名無しさん
垢版 |
2020/07/09(木) 14:39:00.18ID:vrNDocOm
ほらね
2020/07/09(木) 14:42:43.21ID:w7BJW0S5
まさかローカル用とデプロイ用で分けてメンテしてんのか？
DRYはどこに行ったんだ
2020/07/09(木) 14:46:26.77ID:KHuqFwsC
ハァ？なんでローカルの開発マシンで既にビルドしてるフロントをまたサーバーでビルドするんだ？
腐った思考がグルグル回ってんのはお前の頭ん中だけ。DRYじゃないのはお前。
2020/07/09(木) 14:51:31.22ID:w7BJW0S5
>>105
はぁ？
開発中はローカルでビルドするし、CIサーバーでもビルドする
当たり前のことだろーが
お前、はっきり言って意味わからんよ
2020/07/09(木) 15:02:50.19ID:pDJXId50
言うほどローカルでビルドする？
108デフォルトの名無しさん
垢版 |
2020/07/09(木) 15:15:30.24ID:fGQp3/0X
>>104
そもそもローカルではwebpack-dev-serverとか使って効率化するだろ。
お前…まさかファイル更新する度に毎回ビルドコマンド打ってるのか？

>>105
そもそも本番とかってリリース用のブランチと同期しながらリリースするんだから開発マシンとか関係ないだろ。
お前…まさか自分の開発マシンでビルド　したファイルを直接本番とかの環境にデプロイしてるのか？
2020/07/09(木) 15:18:52.05ID:dGRiARSQ
てかそもそもローカルで開発やってんの？
2020/07/09(木) 15:19:43.38ID:7NNwjcns
本番機械にデプロイしてから
デバッグしてるよ
2020/07/09(木) 15:50:54.77ID:U0+2kDKX
両方成敗されててワロタｗｗｗｗｗ
2020/07/09(木) 16:06:12.14ID:mOpBi7N3
デプロイとか書くのやめたほうがいいよ
バカっぽいから

deployの発音と全然違う
2020/07/09(木) 16:09:12.55ID:DLLEuHaF
デッポｫイ
2020/07/09(木) 16:12:04.53ID:p1w6aC/e
>>108
今はコマンドを打つかウォッチで自動化するかどうかは関係ない
どっちにしろ構成は同じだ
■ このスレッドは過去ログ倉庫に格納されています
5ちゃんねるの広告が気に入らない場合は、こちらをクリックしてください。