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房が書き込んでも無視してください
2020/06/11(木) 19:02:33.57ID:3oUjSKKe
建て乙
3デフォルトの名無しさん
垢版 |
2020/06/11(木) 20:37:00.48ID:DfQXR17L
このスレ、HTMLパーサーの話題OK？
4デフォルトの名無しさん
垢版 |
2020/06/11(木) 20:39:13.65ID:DfQXR17L
前スレでご質問の在ったクルクルとは、Googleで検索して見ようとすると、これ見よがしにお待ちくださいのような感じのクルクルが現れる現象のことです。
2020/06/11(木) 20:39:16.88ID:V0H+M30n
パーサーはNG
クルクルの説明して？
6デフォルトの名無しさん
垢版 |
2020/06/11(木) 20:41:08.18ID:DfQXR17L
NGすんなよ。
NGならここは俺の次スレではないな。
2020/06/11(木) 20:42:15.60ID:V0H+M30n
だってパーサーの説明ろくにできないじゃん
8デフォルトの名無しさん
垢版 |
2020/06/11(木) 20:46:32.64ID:DfQXR17L
聞く方にだってある程度の理解が求められるだろう。
今のメンツじゃ話しても無駄だと思ったから、じゃあ終わりって事にしたんだ。
Gumbo貼ってきたり、Chromeから抜くと言ってみたりじゃ、ちょっと無理だろ。

スレを盛り上げていく中で、それHTMLパーサーで出来るよ？とちょこちょこブッコむ。
この流れで理解を得ようという作戦だよ。
9デフォルトの名無しさん
垢版 |
2020/06/11(木) 20:48:40.12ID:DfQXR17L
できれば、Gumbo程度は使ったことがあるって人が居ると望ましいのだが。
事前に問題を共有できてるから、出発点が少し先に行ける。
2020/06/11(木) 20:52:36.76ID:G9WT1PPm
パーサーとjQueryはNGワードに入れとくわ
2020/06/11(木) 21:28:59.30ID:Ffq3jYyG
パーサースレ立てれ
そっちで存分にやってくれ
12デフォルトの名無しさん
垢版 |
2020/06/12(金) 09:54:46.85ID:F8A7CVPb
O2
2020/06/12(金) 13:37:36.21ID:WAcjPpR1
テステス
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 を送るだけ
■ このスレッドは過去ログ倉庫に格納されています
5ちゃんねるの広告が気に入らない場合は、こちらをクリックしてください。
ニューススポーツなんでも実況