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(金) 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移行するかな
2020/07/15(水) 00:32:34.69ID:xU1YmUix
>>215
LaravelってPHPだっけ
PHPで開発しないひとがLaravel-Mix使ってなにかメリットはでてくる？
2020/07/15(水) 00:40:54.82ID:Z2+aTjG5
単に↓への回答
>React使ってて
>create-react-app使ってない人なんているのか
2020/07/15(水) 06:43:28.43ID:Iul+D8/c
>>214
あれって試作とか練習くらいにしか使わないもんだと思ってた。
220デフォルトの名無しさん
垢版 |
2020/07/15(水) 20:24:41.28ID:anBecQlm
Reactってなんとなくかっこいいから初めて見たけど
具体的なメリットって何なの？
ただ単に構築面倒にしてるだけじゃん
2020/07/15(水) 20:32:39.60ID:ubc4KaZa
SPAが爆速でつくれる
2020/07/15(水) 20:33:03.40ID:naaKKVhJ
>>220
何と比較して面倒なのか分からん
2020/07/15(水) 21:14:44.27ID:Z2+aTjG5
>>220
色々部品化進めて行くと段々開発効率が上がってくる
2020/07/16(木) 00:49:43.48ID:fGKOjjQM
>>223
今までにどんな部品を作りました？
部品はいくつありますか？
2020/07/16(木) 02:59:26.58ID:fifr3+U/
だから小中規模はvueって言われてるんだろ
2020/07/16(木) 03:28:32.84ID:QwF0ci9g
Vueはreact追いかけて変な方向に行ってしまったな。
従来のVueの手軽さがいい人にはAlpineJSをお薦めするよ。
2020/07/16(木) 03:31:40.20ID:QwF0ci9g
公式リポジトリに日本語ドキュメントあったｗｗｗ
https://github.com/alpinejs/alpine/blob/master/README.ja.md
228デフォルトの名無しさん
垢版 |
2020/07/16(木) 04:44:57.61ID:q8NPRuZD
>>220
比較対象を書かないと伝わらない。

Reactはframeworkじゃないから面倒なんじゃないか
Reactは単体だとUIまわりだけのLibraryなわけ。

効率あげるにはFrameworkと併用したほうがいい。
ReactベースのNext.jsというframeworkのtutorialみたら印象変わった。

React使ったweb appはたいていNext.jsも使ってるんじゃないかな
統計データは持っていないが
2020/07/16(木) 04:59:36.62ID:fGKOjjQM
Reactはframeworkだよ。
フレームワークは他のフレームワークと共存できない
Reactも共存できないのでフレームワーク
2020/07/16(木) 06:00:59.82ID:QwF0ci9g
React – ユーザインターフェース構築のための JavaScript ライブラリ
https://ja.reactjs.org/

React
https://ja.wikipedia.org/wiki/React
React (リアクト) は、Facebookとコミュニティによって開発されているユーザインタフェース構築のためのJavaScriptライブラリである[3]。
2020/07/16(木) 06:20:20.62ID:QwF0ci9g
React単体はView部分専業のライブラリ。
フレームワーク　で　は　な　い。
ReactをView構築担当パーツとして採用した　フ　レ　ー　ム　ワ　ー　ク　には以下のようなものがある。
Next.js by Vercel - The React Framework
https://nextjs.org

GatsbyJS
https://www.gatsbyjs.org/
Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps

RedwoodJS - Bringing Full-stack to the Jamstack
https://redwoodjs.com
Bringing full-stack to the Jstack. An opinionated framework that combines React, GraphQL, Prisma2, SQL, and lots more out of the box.
https://github.com/redwoodjs/redwood
Redwood is an opinionated, full-stack, serverless web application framework that will allow you to build and deploy JAMstack applications with ease.

これらが　フ　レ　ー　ム　ワ
ー　ク。
2020/07/16(木) 06:22:09.96ID:rhL5J6vC
>>229
お前の脳みそが現実と共存できてないだけだったなｗｗｗ
2020/07/16(木) 06:50:19.00ID:Tpmfh3cP
React単体だと新規アプリの書きはじめは少し面倒だね
デザイナーがいる場合は特に
すでにあるものをいじるのはめちゃくちゃ楽だけど
2020/07/16(木) 07:16:19.31ID:q8NPRuZD
>>229
違う
ReactはframeworkではなくLibraryだ
公式にもそうかいてあるし
実際にUIまわりの機能しか持ってない
web frameworkと呼べるほどの機能はない

だからReact単体で開発しようとしたら
めんどくさいのは当たり前なの
Frameworkに相当する機能が揃ってない
2020/07/16(木) 07:27:36.37ID:ZNt3NFO3
>>234
reduxとかrouterとか定番のセットを組み合わせれば十分だし別に面倒と言うような事はない
2020/07/16(木) 07:31:43.65ID:3QdZwCAR
routerくらいだろ、必須なのって
小・中規模のアプリなら状態管理はhooksの機能で十分
2020/07/16(木) 10:06:56.10ID:smD3FpeB
jQueryで十分！
→だからjQueryはフレームワーク！！

lodashで十分！
→だからlodashはフレームワーク！！
2020/07/16(木) 12:07:04.89ID:J/CG/YnB
フレームワークは、Next.js とか

React は単なる、UI ライブラリ・部品だから、
Ruby on Rails, Bootstrap と組み合わせる

一方、Rails + Vue.js は、ほとんど見ない
■ このスレッドは過去ログ倉庫に格納されています
5ちゃんねるの広告が気に入らない場合は、こちらをクリックしてください。
ニューススポーツなんでも実況