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/07/10(金) 00:51:02.42ID:2N+fP911
じゃなんでこのスレ開いたんだ
2020/07/10(金) 01:17:45.44ID:jhbOVfsR
>>116
はっきりと勉強したくない（努力したくない・技術力をつけたくな）って言ったらどうか？
技術者の道具っていうのは自動車でも飛行機でも
技術力をつけて初めてさらに高度なことが出来るようになるもの
勉強しないで使えるものじゃないんだよ
2020/07/10(金) 01:26:15.32ID:ykDeil39
npm install && npm run watch
たったこれだけやん
あとはソースの更新を自動検知して再ビルドしてくれる
2020/07/10(金) 01:26:33.04ID:ykDeil39
あ、Laravelの場合はね
2020/07/10(金) 02:14:28.34ID:73Gt5ed7
確かにwebpackはクソ。
俺はビルド設定職人じゃねえっての。
何にでも設定あるのは仕方ないがややこしいすぎめんどすぎ設定方法すぐ変わりすぎ。
投げ捨ててsnowpackを使うことにした。
webpackはとっとと滅べ！
2020/07/10(金) 05:57:04.39ID:QHte8x2K
Ruby on Rails は普通、Heroku を使う

Rails 6 からは標準で、Webpack。
プロジェクト内に、node_modules もあるし、
最初から、Yarn に、便利なコマンドも登録されている

webpack-dev-server も入っているから、
最初から、ソースコードの変更をwatch している。
VSCode の拡張機能・Live Server のwatch と同じ

有名なYouTuber、雑食系エンジニア・KENTA も、
CircleCI も必要だって言ってるだろ
2020/07/10(金) 06:13:16.31ID:tMSRuIv2
>>116
ほんとだね
12472
垢版 |
2020/07/10(金) 07:49:21.18ID:QHte8x2K
Node.js, Webpack, Babel, Browserify, Uglify, CssShrink, AutoPrefixer などが無ければ、

ES2015, JSX などを、ES5 に変換できない
125デフォルトの名無しさん
垢版 |
2020/07/10(金) 08:17:54.92ID:gdbFqfW8
どんだけ必要なんだよww
馬鹿かよビルドばっかでReactの本題がほとんど頭に入らんわ
ちゃんと整理しろよwwww
2020/07/10(金) 08:47:02.79ID:LiH0PaR7
あの程度のツールの組み合わせもまともに理解できないような輩は
プログラムを仕事でやるのは辞めてほしいわ。
railsなんか使っても何がどこに作用してるかわからなくて糞コードになるのが目に見えてる。
2020/07/10(金) 09:00:52.47ID:ykDeil39
>>125
必要じゃなくてLaravelやRailsならもうプロジェクトに一式入ってる環境が整ってるからビギナーが気にする必要ないわけよ
2020/07/10(金) 09:09:17.82ID:ykDeil39
>>125
てかReactとか普通に入門書やらチュートリアルサイト見ればNode入れてcreate-react-app入れたら
create-react-appで新規プロジェクトを作成してnpm startやるだけって書いてあるだろ
それすらできんって言うんならプログラミングの才能ないからやめた方がいいぞ
2020/07/10(金) 09:46:57.35ID:GKub8uAj
魚捌けなくても寿司は食えるみたいな
130デフォルトの名無しさん
垢版 |
2020/07/10(金) 10:16:52.30ID:tLJkl0Xj
CPUが古いからかcreate-react-app、実行したら2分くらいかかるんだけど
新しめのRyzenとかだとどれくらいでcreate-react-appの処理終わるの？

>>128
チュートリアルの最初にcreate-react-appでてくるし
プログラミングの才能とかそんなレベルの話じゃない気がする

しかしReactの公式ドキュメントはそのあと一気にハードルあがる
いきなりゲームを作りましょうとかの解説になって挫折したわ
ゲーム作りはチュートリアルのレベルじゃないだろ！とツッコミたい

YouTubeの解説とかのがよっぽどわかりやすい
2020/07/10(金) 10:38:58.61ID:QHte8x2K
Bootstrap があれば、CSS 知らないでも、レスポンシブ対応できる

create-react-app は良いけど、
その後、どこから無料の、awesome なコンポーネントをパクッてくるのか、それが重要

Material-UI か？

Rails なんて、React からのコンポーネントのパクリしか考えていないw
132131
垢版 |
2020/07/10(金) 10:42:42.45ID:QHte8x2K
青色のボタンを使うと、Bootstrap 臭がするとかw

Rails は今や、Node.js, Webpack, React からのパクリしか考えない、段階に入ったw
2020/07/10(金) 10:46:13.74ID:4aXnhBqR
別にプロジェクトのイニシャルやるのに2分くらい掛かってもいいだろ
変更検知ビルドで2分掛かってたら大問題だけど
2020/07/10(金) 11:25:16.45ID:n1XvZUez
>>131
アイコンなら普通にReactDOMにリンクするdivタグがあるhtmlでcdn読み込みすればいいんじゃね？
2020/07/10(金) 13:26:16.21ID:2N+fP911
>>130
CPUじゃなくて回線速度じゃねえの
2020/07/10(金) 13:41:18.34ID:/uHfdbTh
IDEで新規プロジェクト作成に２分も掛かってたら待ってらんない
SQLのクリエイトデータベースでもそんなにかからない
2020/07/10(金) 15:23:36.78ID:tLJkl0Xj
遅いのは主に回線速度なのかなぁ？
みなさんは、create-react-app、何秒間で終わる？

>>136
Visual StudioでC#とかやってたから2分は相当長く感じる
2020/07/10(金) 18:51:55.72ID:QmDdrWog
create-react-appでプロジェクト作るところを言ってるのか、そのあとのbuildのことを言ってるのかどっち
2020/07/10(金) 18:59:02.17ID:nECgv1tu
だいたいwebpackのせい
滅びろ
2020/07/10(金) 19:09:24.73ID:tLJkl0Xj
>>138
もちろん、時間のかかる前者。project作成みたいな作業
ほかのひとは何秒くらいかかってるのかな、と
自分は120秒超えてたはず

そのあとのbuildというのはbuildしてる感覚はないのでよくわからない。
VSCodeがtsの変更を監視して.jsに変換するのがbuildなんだろうけど、
JSがcompile不要言語だからbuildといわれてもしっくりこない
後者は1秒未満
2020/07/10(金) 19:20:51.32ID:K5rpfeoQ
だいたいトランスパイルが面倒さの原因だしtsのまま動くようにしてほしい
142デフォルトの名無しさん
垢版 |
2020/07/10(金) 19:44:24.02ID:sls7voqY
よくもまあHTMLに埋め込むだけで動作する
シンプルなJavaScriptをここまで複雑にしたもんだ

開発環境複雑なのはマジでゴミだと思うわ
ツール名並べてビルド環境自慢してる奴はおもちゃ
組み立ててはしゃいでるガキと同じ。
そもそもそんな糞みてーなビルドなんかなくても動く
言語だったこと忘れてるみたいですね。
2020/07/10(金) 20:01:19.85ID:2N+fP911
>>142
シンプルで済むのはお前が一人で作るカップラーメンのタイマーくらいなんだが
2020/07/10(金) 20:46:41.69ID:d3LQjj1F
てかjQueryでいいわ
俺はフロントマウント界隈から降りるぜ
2020/07/10(金) 21:29:33.92ID:tmsI80qx
どうせビルドするならトランスパイルじゃなくてアセンブリでいいんだよな
Webasmがウェブの正当進化
これから先の時代ではビルドプロセスを間に挟むならWebasm
そうでないならJSと分化していくだろう
数年後にはJSでSPAやってる人は居なくなる
2020/07/11(土) 00:07:21.89ID:OpVuA9Ov
reactのテストってどういう風に書くのが正解？
2020/07/11(土) 01:19:29.51ID:UYSRZN1t
>>141
全部のブラウザがTypeScript動くようにすればいいだけなんだよな
それでJSは開発終了でいい
2020/07/11(土) 01:41:33.60ID:TUFHIPon
そうだね
ブラウザでTypeScriptが動くようになるかJavaScriptがTypeScriptの機能を取り込んでいくのか分からんけど
トランスパイルは過渡期的な技術だと思う
5〜10年後には無くなっているだろう
2020/07/11(土) 02:13:09.20ID:cZoTn3pS
マイナなんたらはIE11でしか申し込めないんだっけ？
150デフォルトの名無しさん
垢版 |
2020/07/11(土) 03:30:23.47ID:T1/tMyE9
wasmが直接実行できてDOMも生で触れたらJSなんていらないけどね
てかこのRFCとかないの？
2020/07/11(土) 03:56:17.01ID:n/VQ0E7w
・・が直接・できて・も生で触れたらJSなんていらないけどね
てか・・とかないの？
2020/07/11(土) 07:13:13.43ID:UYSRZN1t
WebAssemblyでweb app作った場合に
ブラウザからソースとかはみえないんだよね？

開発する側にとってはソース見えないのは大きなメリットだけど
ユーザー側はセキュリティ的に実行していいコードなのかどうやって
判断するんだろ

>>149
smartphoneでも申し込めるんだからIE11限定はあり得ないでしょ
2020/07/11(土) 07:56:00.22ID:M8nptmnx
>>149
あんなの逆に既存ブラウザに拘らずにWin/Macでそれぞれ専用ブラウザアプリ作りゃ済んだ話なのにな
2020/07/11(土) 09:57:32.58ID:0/l6dmQ+
まあjqueryに適切なネームスペース設定があればって話もわからんではないけど。
でも結局静的チェックは必要だろうなとは思う。
jsはあまりにぐにょぐにょすぎる。
2020/07/11(土) 10:04:21.32ID:fJlL8BSP
適切なネームスペース設定ってなんだ？jQueryに限った話なのか？
2020/07/11(土) 14:58:25.28ID:uAzO8/bZ
自分がぐにょぐにょだったというオチ
2020/07/11(土) 20:14:49.67ID:tYF4Dhe8
普通に考えたらvuexとかのフレームワークが提供するnamespace機能じゃねえの？
2020/07/11(土) 23:15:12.44ID:CRVUgJTS
レガシー技術しか触らせてもれないエンジニアがいっぱい居るんだなぁ
2020/07/12(日) 01:12:29.71ID:FwLv8JRl?2BP(1000)

VBAスレが勢い2位の板ですし
2020/07/12(日) 01:20:57.95ID:Ttk2hZRW
「触らせてもらえない」って変な表現だな。
もし触りたきゃ個人的に触るだろ。
単に必要がないだけじゃないか。

実際、サーバーサイドのAPIと通信したり、VuexやReduxでやるような状態管理が求められないようなアプリにフロントフレームワークがオーバースペックだっていう意見は同意する。

VueとかReact使うとフロントが楽なのは当然として、サーバーサイドも楽になる。
サーバーサイドはAPI化してJSON返せばいいだけになるし、ネイティブアプリ対応もサーバーサイドはワンソースで済む。

wordpressのような、htmlにサーバーサイドの変数を埋め込んでからレンダリングするようなレガシーアプリだと、言語がphpかrubyあたりに制限さられるし、何より密結合でクソ汚いコードが生成される。
逆にAPIへのリクエストが頻繁するようやサイトでjQueryだの生JSだの言ってたらメンテナンス性や開発効率は最悪だろうね。
2020/07/12(日) 01:39:59.65ID:Ttk2hZRW
あとはテストの書きやすさも違うと思う。
MVCに則ったサーバーサイドの場合、Controllerのいわゆる機能テストはViewの代わりにJSONになるからすごくシンプルになる。（Modelのメソッド単位のユニットテストになると関係無いけど）

俺はサーバーサイドのテストはよく書くけど、フロントのテストはあまり書かないんだよね。（e2eテストって難しいし）
それでもフレームワークの有無の違いでテストの書きやすやが全く違うのは誰でも想像できることだと思う。
2020/07/12(日) 02:16:40.18ID:6LAoyHzZ
それって DOM to JSON みたいなシリアライザがあれば
DOMのテストは簡単にならんか？
163デフォルトの名無しさん
垢版 |
2020/07/12(日) 09:32:00.73ID:sEYtnhuz
Ruby on Rails のシステムテストは、Capybara, Selenium とか

Page Object みたいなデザインパターン
164デフォルトの名無しさん
垢版 |
2020/07/12(日) 11:16:28.18ID:NK7E+AG5
今日のNG確定
2020/07/12(日) 11:26:50.74ID:vwiHN0KN
>>164
ワードでNG掛ければよくね？
2020/07/12(日) 12:13:06.73ID:vC5oJzvU
「今日の」ね。
ワード単位なら分かるけど、こんな過疎スレでわざわざID単位でNGしたくなるって、どんだけ効いたんだろ。
2020/07/12(日) 12:25:19.68ID:86r/iRcT
そんなたいした作業か？
ロングタップしてNGIDに追加押すだけじゃんｗ
2020/07/12(日) 12:33:46.69ID:VRndaT/s
このスレにだけ出没するってんなら
そんな大した話でも無いんだがな
2020/07/12(日) 13:21:54.42ID:oDnBGDI7
NGとか解除の手間考えたらやらない
この程度スルーできないでよく5chできるね
いちおうプログラミングの話だしNGするほどのことじゃない

>>163
Railsおじさん
いつもJSと関係ない脱線した話ばかり
Railsなのに脱線しかしてない
2020/07/12(日) 13:32:09.95ID:86r/iRcT
なぜ解除する必要が？一生NGだぞ。
過去ログ読む際出てきたら困るわ。
てか解除する人なんて聞いたことない。
171163
垢版 |
2020/07/12(日) 13:35:40.32ID:sEYtnhuz
Ruby on Rails のBDD, RSpec を知らない香具師は、

Jest, Jasmine も知らないと思う
2020/07/12(日) 18:02:19.97ID:oDnBGDI7
>>170
5ch、特に技術系の話題なんて過去の情報に価値がないし
過去ログなんてまず読まない。
あとで必要になりそうな重要なレスはtext fileに保存しておく
そうしておかないと探す時間の無駄になる

プログラミングするやつがNG解除の理由わからないとはやばい。
NGチェックのために無駄な処理が増えて動作が遅くなっていく

NG追加しつづけるなんてことやってるひとは
非効率なコードを書いてる人だわ
2020/07/12(日) 18:10:27.29ID:hVdx08FL
NGIDなんてボコボコ追加しても全然読み込み速度落ちないから解除の必要ないけどね
楽をしても全く問題が生じない箇所でも無駄の無い凝ったコードを書くタイプと見た
2020/07/12(日) 19:37:58.22ID:oDnBGDI7
>>173
仮に速度が落ちないとしても
すでに読んだログを残す行為自体が時間の無駄でしょ
必要な部分だけ残して削除しないと無駄になる

すでに読んで不要になったメールを残しておくのと同じで
すごく時間の無駄になる

コードは最初からスケールアウトを意識してコード書いてる
2020/07/12(日) 20:06:12.88ID:86r/iRcT
解除するのが時間の無駄だわバカらしい
2020/07/12(日) 21:29:39.15ID:vwiHN0KN
>>172
俺も>>170もNGを解除する必要がないと考えてるからワードNGしてるだけだし
お前がそう思うんならそれでいいんじゃね？
2020/07/12(日) 23:43:13.36ID:oDnBGDI7
削除しなければすぐ4桁超えるし
4桁とかのフィルターかけたら処理速度はがた落ちする
処理速度の低下に気が付いてないだけ

>>175
いったん読んだログを破棄しないほうが時間の無駄だろ
おまえはいったん読んだメールも全部とっておくようなアホなのか？
178デフォルトの名無しさん
垢版 |
2020/07/12(日) 23:43:29.17ID:cQ5/TUwm
元々フロントにテストなんてなかっただろ、いい加減にしろ！
Reactのせいでフロントまでテストしなきゃならなくなったんか？
2020/07/12(日) 23:51:53.68ID:vwiHN0KN
てかIDフィルターって時限で自動削除されなかったっけ？
2020/07/12(日) 23:52:53.74ID:vwiHN0KN
逆にNGワードがすぐ四桁越えるって言ってるんなら異常だよ
2020/07/13(月) 00:07:28.01ID:7n0GYdR/
だよね
2020/07/13(月) 00:11:44.77ID:ShQksDAz
いつまでもNGについて議論してるお前たちが一番スレチだって分からんのか
2020/07/13(月) 00:20:48.80ID:0HNl98GR
単にスルー力を鍛えればいいだけのような気が…
NGワードなんて必要？私には不要です、スルーすればいいだけだし…
2020/07/13(月) 01:00:56.11ID:b4eaK6qk
スルー力とマト量子カってなんか似てるよな
2020/07/13(月) 02:48:03.08ID:vA9Bua7i
改行をNGにするとだいぶ捗るよ
2020/07/13(月) 07:17:50.44ID:r62CIauI
NGしまくるってことは5CHと相性悪いんだよ
別のSNSに移行したほうがいい
187デフォルトの名無しさん
垢版 |
2020/07/13(月) 07:52:13.21ID:V+zIL/Eb
のとおり
188デフォルトの名無しさん
垢版 |
2020/07/13(月) 10:53:05.37ID:WBkWHxcT
QZの文字が観えたら読み飛ばすカは付いたと思う
2020/07/13(月) 12:15:10.45ID:b+UXm16S
「NG」をNGワードに追加したほうがいいなこりゃ
2020/07/13(月) 12:29:39.46ID:LmgOQRQZ
荒らしは、どんな時刻でも必ず、前のレスに賛同するアンカーを付けて、2回書き込む。
必ず、大勢の人がいるように見せかける

多くのスレで、死ねと書き込んでいるのも荒らし。
無視した方がよい

Python のスレのテンプレも、勝手に書き換えてる
>当スレに★Python以外のプログラミング言語での回答類を書くべからず★
>「Ruby では」「Rubyでは」「某言語では」をNGワード登録推奨

3大コテハンなど、目立つ香具師には攻撃していくから、無視すべき！
荒らしは、無視されるのが大嫌い
2020/07/13(月) 12:35:02.51ID:b4eaK6qk
そう思うなら無視しろよ
2020/07/13(月) 12:47:48.14ID:ny9O75E1
>>191
ID:LmgOQRQZこそがム版で一番嫌われている荒らしなんだわ
193デフォルトの名無しさん
垢版 |
2020/07/13(月) 15:23:06.50ID:IlKawd1o
reactが老害化してきたね。
うちの会社（そこそこ有名）はvueが主力になった。
2020/07/13(月) 15:24:46.77ID:0CEBwLzL
世界の潮流に合わせられないゴミのような会社
社員もゴミだからReactが難しくて使えないらしいな
195デフォルトの名無しさん
垢版 |
2020/07/13(月) 16:26:38.51ID:IlKawd1o
難しいとかいう視点でしか判定できない奴ｗｗｗ
2020/07/13(月) 16:30:52.86ID:ShQksDAz
まんま老害で草
2020/07/13(月) 16:39:59.00ID:O/fP36p+
Elmでいいじゃん
2020/07/13(月) 16:42:27.69ID:wgMdCM9I
どっちもSvelteに対応できない老害
2020/07/13(月) 16:56:21.10ID:V204cNMI
>>152
JSのソース見えても、使う側にはセキュアかどうかなんて分からんから同じ。
それにそもそも、ブラウザ内アプリはサンドボックス化されているので、
マシン本体にはウイルスを感染させることはほぼ不可能。
あるとすればフィッシング詐欺的なものだけで、それもソースが見えるかどうかより、
URLを本物かどうか確認することと、実際にメッセージが出てきた時に本人が気をつければ済む話。
2020/07/13(月) 16:58:37.13ID:V204cNMI
それにソースがあろうがなかろうが、セキュリティーソフトに取ってみれば、同じ。
むしろ、Wasmのバイナリ形式の方がセキュリティーソフトには解析は楽。
というか、そもそもブラウザがサンドボックスなのでマシンには感染できないし。
201デフォルトの名無しさん
垢版 |
2020/07/13(月) 19:21:02.94ID:FYVnLaI5
もう開発するの疲れたよ。
202デフォルトの名無しさん
垢版 |
2020/07/14(火) 06:59:46.26ID:GDMj7Uve
Reactが老害化してきてるのは間違いない
無駄にバージョン上げるくせに全然進化しないしな
2020/07/14(火) 09:35:50.47ID:bivsLz8c
パクリ先が進化してくれないとパクれなくて困るもんなｗｗｗ
2020/07/14(火) 10:04:52.53ID:9XrJ6bL4
>>202
ころころと変わりすぎるJS界隈のなかでは
変化しすぎないのはむしろいいことだろう
2020/07/14(火) 10:15:51.07ID:9XrJ6bL4
>>199
WebAssemblyはC#とかでかけるから興味あるんだけど
WebAssemblyメインで作ってる大手サイトってあるのかな？
2020/07/14(火) 12:31:13.12ID:B+3PexkI
Vueにチャイナリスクがあるとか懸念されて承認が下りない
2020/07/14(火) 12:39:39.33ID:sTPCx6YN
中華製の部品を使えないとなるとパソコンも許可が下りなくなる
2020/07/14(火) 13:04:29.97ID:wxNuZUMy
外人は既に、Facebook 製のReact を使っているから、
中国製のVue.js へは移行しない

Reactの日本語訳が、2回表示されるから、ちゃんと直してほしい

それと、Webpack も日本語化してくれ
209デフォルトの名無しさん
垢版 |
2020/07/14(火) 13:32:34.76ID:Mma3I+br
>>203
なるほど判り易い
2020/07/14(火) 14:48:05.50ID:UqAnAnhr
snowpackが出たからwebpackはオワコン。
チャンク分けが後付けされたとは言え、基本的にひとつのバンドルにまとめるという思想がhttp1.1時代の時代遅れの化石。
加えて設定APIがクソかつすぐ変わるゴミ。
2020/07/14(火) 14:55:31.21ID:2Tt/Vrq1
そして3年後・・・snowpackはオワコン！
2020/07/14(火) 16:29:00.65ID:UqAnAnhr
その間webpackとかいうゴミに煩わされることがないからプライスレス
2020/07/14(火) 16:56:48.66ID:jn6Quu/M
create-react-app使ってるからwebpackがどうのとかあんまり意識したことないわ
2020/07/15(水) 00:00:35.08ID:xU1YmUix
React使ってて
create-react-app使ってない人なんているのか

>>208
中国人も外国人。
外人は差別用語なので外国人と呼ぶのが知識人
2020/07/15(水) 00:05:02.16ID:Z2+aTjG5
>>214
Laravel-Mix使えばなくてもいける
2020/07/15(水) 00:24:33.30ID:MbNh6cxA
vueがreact化して悲しい
もうreact移行するかな
■ このスレッドは過去ログ倉庫に格納されています
5ちゃんねるの広告が気に入らない場合は、こちらをクリックしてください。
ニューススポーツなんでも実況