Vue vs React vs Angular Part.5

■ このスレッドは過去ログ倉庫に格納されています
1デフォルトの名無しさん
垢版 |
2020/07/29(水) 22:38:49.56ID:z6Fnx3oM
実際どうなん？
Vue
https://jp.vuejs.org/
React
https://reactjs.org/
Angular
https://angular.io/
※前スレ
Vue vs React vs Angular Part.4
https://mevius.5ch.net/test/read.cgi/tech/1591869705/

★ここではjQuery, Ruby, C#, Blazorの話題は禁止です
★jQuery, Ruby, C#, Blazorｷﾁｶﾞｲが書き込んでも無視してください
Svelte, Next, Nuxt, Gatsby, VuePress, RedWoodなどはおｋ。
2020/08/04(火) 20:55:24.16ID:yn/C7yiB
よく知らんがVue3がTS対応して昔のが使えなくなって混乱してるとかしてないとか
2020/08/04(火) 21:06:30.16ID:yn/C7yiB
vuexがTS対応したのは最近だな
https://github.com/vuejs/vuex/releases/tag/v4.0.0-beta.1
25 Apr
Added TypeScript support.
375デフォルトの名無しさん
垢版 |
2020/08/04(火) 21:08:05.50ID:cWgQ3xfc
難しいことは中国人に聞けよ。

おまえらが考えたってわからんだろ。
2020/08/04(火) 21:09:37.98ID:+ywoUJk0
中国人はそんな事言わんからお前は日本人か韓国人だな
2020/08/04(火) 21:45:10.93ID:z6njCNBe
前回は韓国とアメリカだったから、在日韓国人だな
2020/08/05(水) 00:42:03.83ID:9mjkwp1Y
>>373
Vueは昔からTS対応が弱かった。Nuxtも同様。
一昔の中途半端感は酷かったな。今はだいぶマシになったけど不安は残る。
V3で本当にきっちり対応するならそれも良い。
基本的に好きなので生き残って欲しい。
ページ数の少ない静的サイトはNuxtに世話になってるし。
2020/08/05(水) 01:17:25.09ID:atNER45Q
まともにやってる人は、Vue.extendで普通にtypescript扱えてたの知ってるから、
typescriptに弱いとか言うひとはアホだなあと思われるので気をつけるように
2020/08/05(水) 01:21:50.33ID:zbDytttg
>>370
asp を使わなくとも、WasmのWASIが速いはず。
ちなみに、node.jsからでもwasiが使える。
381デフォルトの名無しさん
垢版 |
2020/08/05(水) 02:16:57.76ID:3b8XoPIw
グラフのプロットをしていたところ以下のエラーが出ました。対処法を教えてください。
File "C:\Users\NEC-PCuser\AppData\Local\Programs\Python\Python38\lib\site-packages\matplotlib\pyplot.py", line 2823, in plot
return gca().plot(
File "C:\Users\NEC-PCuser\AppData\Local\Programs\Python\Python38\lib\site-packages\matplotlib\axes\_axes.py", line 1743, in plot
lines = [*self._get_lines(*args, data=data, **kwargs)]
File "C:\Users\NEC-PCuser\AppData\Local\Programs\Python\Python38\lib\site-packages\matplotlib\axes\_base.py", line 273, in __call__
yield from self._plot_args(this, kwargs)
File "C:\Users\NEC-PCuser\AppData\Local\Programs\Python\Python38\lib\site-packages\matplotlib\axes\_base.py", line 399, in _plot_args
raise ValueError(f"x and y must have same first dimension, but "
ValueError: x and y must have same first dimension, but have shapes (343,) and (343105,)
2020/08/05(水) 04:46:37.29ID:vmNTB6tp
スレ違い！

Python のスレで、聞いてください！
383デフォルトの名無しさん
垢版 |
2020/08/05(水) 07:56:06.71ID:eyNhEtAe
Vueはreact追いかけて変な方向に行ってしまったな。
従来のVueの手軽さがいい人にはAlpineJSをお薦めするよ。
2020/08/05(水) 08:18:59.48ID:gOuJOCgw
>>383
ほんとあんまり変な機能はむしろ入れないで欲しいな
気軽さは残さないとreactとの差別化が出来ないしな
2020/08/05(水) 18:56:50.49ID:ZS9Zbbq3
オープンソースの便利ツールが日本から生まれなくて悲しいですよ。活かしたライブラリを大量に作れるほどCSエンジニアの数が多くないんかやっぱ。
2020/08/05(水) 19:27:35.75ID:Iffd/e2l
日本のWeb系は外人の作ったフレームワーク使うだけのユーザーの域をまだ出てないからね
日本から発信して世界中で使ってもらうなんてことはまさに奇跡
Rubyは好きじゃないけど実績は本当にすごい
2020/08/05(水) 19:31:55.19ID:CHqx4/6C
そういやEC-CUBEって日本製なんだっけ
2020/08/05(水) 19:46:29.44ID:vh0m4f9r
世界中で使ってもらうには英語が欠かせない
中国は英語を学ばせる教育体制が整ってて英語とCSができる人材が出てくるようだ
2020/08/05(水) 21:41:15.96ID:EQWbUCtI
deeplとかいう精度高過ぎる翻訳ツールも出てきたし、10年後には言語の壁はだいぶ取り払われてる気がする
2020/08/05(水) 21:54:04.05ID:JzSSo+75
>>389
deepL の精度は桁違いにすごいですね…
どうしてこうなった？
2020/08/06(木) 21:35:07.50ID:EXnyh+a/
vurはマークアップ上がりとしては取っつきやすくていい
Reactと比べるとやっぱスタイリングはvueの書き味が圧勝してる
392デフォルトの名無しさん
垢版 |
2020/08/06(木) 22:04:07.46ID:0KVzrxNz
Vueはreact追いかけて変な方向に行ってしまったな。
従来のVueの手軽さがいい人にはAlpineJSをお薦めするよ。
2020/08/06(木) 22:09:13.70ID:JDrVVzh4
Reactでええやん
2020/08/06(木) 22:30:29.20ID:6qlg62cE
Vueから乗り換えるならBlazorがいい
395デフォルトの名無しさん
垢版 |
2020/08/06(木) 22:47:11.46ID:Dywe59yG
Blazorのデモ
https://isc30.github.io/blazor-lazy-loading/
のlighthouse結果：
https://lighthouse-metrics.com/one-time-tests/5f2b9fddee28bd0008f6ab20

※LighthouseスコアはGoogleスピードアップデートの採用指標です

うちのサイトはGoogle経由でなんかアクセスされたくない！
資本主義反対！！
そんなコミュニストに最適なマイクロソフト最先端フレームワークBlazorをどうぞヨロシク！！！
396デフォルトの名無しさん
垢版 |
2020/08/06(木) 22:47:41.94ID:Dywe59yG
どけどけ〜邪魔だ邪魔だ〜
Lighthouse ２３点が通るぞ〜ｗｗｗｗ
https://i.imgur.com/E7NMVpe.png
https://i.imgur.com/8oIU2m8.jpg
2020/08/06(木) 22:51:00.00ID:L9BcdZLC
稼ぎ低いと心も病んでしまうのかな
398デフォルトの名無しさん
垢版 |
2020/08/06(木) 22:52:07.50ID:0KVzrxNz
>>396
こんな酷い点はじめて見たｗ
2020/08/06(木) 23:11:19.65ID:DKKm8LHU
TypeScriptのサイトはGatsbyになったんだっけ
2020/08/06(木) 23:21:41.00ID:JDrVVzh4
とりあえずMaterial-UIとVuetifyのサイトで試してみた
Material-UI
https://lighthouse-metrics.com/one-time-tests/5f2c10a9abe3aa0007f3bfd1
Vuetify
https://lighthouse-metrics.com/one-time-tests/5f2c1178abe3aa0007f3bfd9
2020/08/06(木) 23:24:23.72ID:60rSesy3
測定基準が怪しいな
これじゃ測定結果を信用できない
https://lighthouse-metrics.com/one-time-tests/5f2c10067c3dab0008a3f74c
2020/08/06(木) 23:34:25.66ID:DKKm8LHU
怪しいリンク
403デフォルトの名無しさん
垢版 |
2020/08/07(金) 00:07:59.43ID:ts5R835r
TypeScriptの公式ページ(Gatsby製)
https://lighthouse-metrics.com/one-time-tests/5f2c1c70422cff000855b70b
2020/08/07(金) 07:46:20.86ID:Dx5WFKIi
>>396
VM立ち上げてんのかってくらいFetchが遅いな
405デフォルトの名無しさん
垢版 |
2020/08/07(金) 08:37:15.05ID:ts5R835r
>>404
鋭いね。IRコードのインタプリタwasmモジュール読み込んでんだよ。
それ完全に読んでからじゃないと何一つ実行されない。
しかも実行もIRコードを逐次変換実行だから遅い。
ほんとはAoTコンパイラ導入されてIRコード送るんじゃなく事前にwasmネイティブコード変換済みのものを送る方式にアップデートされる予定だったが、その計画は少なくとも一年延期になったｗ
あと一年は遅いママｗｗ早いパパｗｗｗ
2020/08/07(金) 09:15:22.32ID:UPopDVdK
IR？
ILのことかな？
2020/08/07(金) 09:56:03.77ID:xwYl4FUW
今のままでも体感速度的にはなんの問題もないがwasmネイティブ対応は時間の問題だ
オープンソースだから予定より早く実装される事もよくある
アンチの断末魔が亡者のうめき声に変わるまであと少し
408デフォルトの名無しさん
垢版 |
2020/08/07(金) 10:00:07.28ID:l761nrW2
対応してから言って。
お前ははよベータテストに戻れよｗｗ
2020/08/07(金) 10:29:11.49ID:7ZDEhFBq
>>405
AOTでnativeに変換されると、最終プログラムのバイト数は増えるだろう。
2020/08/07(金) 11:02:19.59ID:xwYl4FUW
AOTならアセンブリよりもっと細かい粒度で不要コードをトリミングできるから最終的にはサイズかなり減るだろうね
2020/08/07(金) 11:44:28.63ID:7ZDEhFBq
>>410
果たしてそうかな。
通常、中間コードは、(この場合はWasmコードが該当するが)nativeコード
より小さい事が多いものだが。
2020/08/07(金) 12:08:05.65ID:uGtTQr1Q
>>399
https://i.imgur.com/MDhdQTf.png
GatsbyだがASP.NETでIIS
2020/08/07(金) 12:08:34.61ID:UPopDVdK
wasmもネイティブコードではなく中間コードなんだな
そりゃそうか
IntelでもARMでもない仮想アセンブラ（抽象）じゃなきゃ困るもんな
414デフォルトの名無しさん
垢版 |
2020/08/07(金) 12:23:11.75ID:bAGK6h5g
ブラウザ上で走らせるという条件が、まず遅い
コマンドの度にパラメータの安全確認など無駄な処理が必ず入る
2020/08/07(金) 13:38:09.70ID:u2puirx9
>>412
Gatsbyでただの静的サイトだからASP.NETじゃないやろ
416デフォルトの名無しさん
垢版 |
2020/08/07(金) 14:27:07.38ID:l761nrW2
フォーム処理とかだけしてるのかも…？
知らんけど
2020/08/07(金) 15:20:27.94ID:+dmgCLol
>>407
この速度はユーザ逃げ出すよ。ISDNを思い出す遅さ
2020/08/07(金) 15:35:10.73ID:TH1C+bUh
>>416
フォーム処理？？
2020/08/07(金) 16:51:59.20ID:xwYl4FUW
>>417
極一部の糞回線だと僅かながらにストレスを感じるかもしれん
でもほとんどのユーザーは問題ナッシン
2020/08/07(金) 17:27:44.36ID:Dx5WFKIi
>>419
わかった。あんたC#とBlazorの巧妙なネガティブキャンペーンをやってたんだな。やっと腑に落ちたよ。
あんたが演じたみたく滅茶苦茶な理論振り回す開発者ばかりだと思い込ませれば、C#になんて近づきたくなくなるもんね。いやあ、大したもんだ。すっかり騙されたよw
2020/08/07(金) 18:09:36.80ID:TH1C+bUh
>>420
安価合ってる？
422デフォルトの名無しさん
垢版 |
2020/08/07(金) 19:59:35.28ID:rEzw+jne
ここ最近Nextjsが本当に優秀なのでGasbyがお株奪われた感があるな
普通じゃまずない方法でGraphQL使ってたりGasbyは技術的に面白いするから一部の物好きが細々と使っていく感じになるのかね。
2020/08/07(金) 20:09:05.33ID:zrcxR5+E
>>420
あらら
幻術にかかっちゃったね君
424デフォルトの名無しさん
垢版 |
2020/08/07(金) 20:27:02.09ID:DPYPUDuy
https://www.gatsby.jp/

これか？
425デフォルトの名無しさん
垢版 |
2020/08/07(金) 20:44:41.73ID:ts5R835r
う〜んマンダム
2020/08/08(土) 07:06:09.32ID:RUhfAt6E
Gatsbyは検索機能が付いたスターターがあって好きよ
最近の主流のAlgolia使わんでいいのはでかいさね
2020/08/08(土) 08:49:29.90ID:huO+Mpvx
JVM（Java virtual machine）でよかったよね
2020/08/08(土) 09:06:04.23ID:mkOodFIn
.NETのC#がJavaよりはるかに出来がいい。
速いしJavaはスクリプトよりはましだけどね
2020/08/08(土) 09:15:07.97ID:GsdzsbUo
JVMと言えばギターアンプだろ
2020/08/22(土) 00:55:47.01ID:CZP1OQek
ようやくスレチ連中は行ってくれたようだな
2020/08/22(土) 01:04:20.76ID:GBdcHLkT
過疎
2020/08/22(土) 01:04:37.40ID:GBdcHLkT
オワコンだな
2020/08/24(月) 00:19:32.74ID:Mpwaz6gd
https://news.vuejs.org/
https://github.com/nuxt-community/pwa-module/releases/tag/v3.0.0
vue3.0正式版リリースおめでとー
434デフォルトの名無しさん
垢版 |
2020/08/27(木) 12:36:43.91ID:j8uhHM0t
来週中にnuxt.jsもvue3になるらしい。楽しみだな。
2020/08/27(木) 13:23:11.34ID:WGrlRrGq
Vueはreact追いかけて変な方向に行ってしまったな。
従来のVueの手軽さがいい人にはAlpineJSをお薦めするよ。
2020/08/27(木) 13:52:25.59ID:Q9F08mvx
りあくと
と
あくとり
ってにてるよな
2020/08/27(木) 14:25:47.32ID:5aX9dyqp
今からならBlazor１択ですわ
438デフォルトの名無しさん
垢版 |
2020/08/29(土) 22:16:20.68ID:zYvmlNA1
今はreactが正義みたいになってるけど
本当にそのスタイルが一番いい方法なの？
まだまだ完成度の高い方法があるような気がするけど
2020/08/29(土) 22:31:09.71ID:94tbxeuQ
>>438
Blazor
2020/08/29(土) 23:34:06.40ID:Do+gb0AF
NG推奨ワード： blazor
2020/08/30(日) 02:30:02.52ID:r6asAfBj
Hooks対応してから格段に使いやすくなったよね
2020/08/30(日) 15:42:01.77ID:aWGs+TML
svelteがどこまでreactに近づけるかにかかってる
でもsvelteは普及しないだろうな
ファイルの拡張子は3文字以内でないとスマートとは言えない
2020/08/30(日) 16:46:47.91ID:eZ8QXBBe
svelteは後ろ盾が弱いからreactには勝てない
2020/08/30(日) 19:44:42.82ID:r6asAfBj
svelteをreactやvueと比較してる例って元の素材がシンプルなだけで
規模の大きなものをあれでやろうとしたら結構ごちゃごちゃになりそう
2020/08/30(日) 20:49:43.77ID:qn8qpjhr
reactが去年hooks正式導入したみたいに
他のライブラリで新しい優れた手法が出てきても
それすらも取り込んでさらにreactの完成度が高くなっていくんじゃないか
2020/08/30(日) 21:33:16.80ID:9xhUkhAQ
そういう無節操に流行りものとにかく取り込んでグチャグチャにするのはvueの専売特許だろ。
2020/08/30(日) 23:13:38.83ID:3LctKpsV
vue2でコンパイルしたモジュールを3のランタイムに突っ込んだら動かなかった。
これ、vue3の正式リリース時はある程度(再ビルドなしで)互換は確保してくれるんかな
2020/08/31(月) 01:04:32.52ID:pyFGZ6Sx
>>447
先週あたり正式リリースされてたぞ
互換性は無いでしょ
449デフォルトの名無しさん
垢版 |
2020/08/31(月) 02:31:14.83ID:BYjV93JD
Reactのrecoilいいな
useContextの欠点を補完してる
もうReduxなんか必要ねえは
2020/08/31(月) 03:08:30.44ID:3l02ZOhc
Vue「よっしゃまたパクったろｗｗｗ」
2020/08/31(月) 10:42:52.03ID:8NqltL1I
vuetifyも互換性なかったし観念して新仕様に書き換えるしかないんじゃね？
452デフォルトの名無しさん
垢版 |
2020/08/31(月) 11:45:42.62ID:xOKBYCzb
Nuxt.jsのExpressをバックエンドにも流用していた人いない？
NuxtをバージョンアップしたらExpress消されてしもたんだけど、
バックのAPIどうしてる？　新しくAPIサーバー立てる？
453デフォルトの名無しさん
垢版 |
2020/09/01(火) 07:34:19.13ID:H2P1Kwwy
>>449
なんか気になった
調べてみるかな
2020/09/01(火) 22:04:29.27ID:uX7/hD5F
既存プロジェクトにフォークしてrecoil入れてみたけどwebpack.configかモジュールか何かがあんまり古いとrecoil-persistが動かないみたいだね
create-react-appで新規に作ったプロジェクトだとスムーズに動いた
455デフォルトの名無しさん
垢版 |
2020/09/01(火) 22:48:46.64ID:HBKwUtp5
recoilというかuseRecoilValueすると2回レンダリングするね？
スタックオーバーフローでも話題になってたけど
2020/09/01(火) 23:20:45.27ID:pGsAryYI
2回くらい誤差だと思うくらいじゃないとReact疲れ起こすぞ
2020/09/02(水) 06:55:42.16ID:p4dQouXj
reactの状態管理とディレクトリ構成は早くベストプラクティス決めてくれや
2020/09/02(水) 09:42:36.18ID:SFlYmANK
reactは単なるライブラリだっていってんだろ
フレームワークのnextやgatsbyはフォルダ構成決まってんじゃん
459デフォルトの名無しさん
垢版 |
2020/09/02(水) 17:33:32.72ID:HpvMmrGp
フックやストアはどこに置いたらいいのって話の予感
2020/09/11(金) 22:12:09.67ID:OUPwI4cw
>>449
これも面白そう
Jotai, a New Granular State Management Library for React
https://www.infoq.com/news/2020/09/jotai-react-state-management/
たぶん日本語の「状態」からｗ
2020/09/22(火) 18:12:54.16ID:ZSi7kXk+
vue+typescriptでimport xx from "xx.vue"をした時に、xx.vueで定義しているプロパティやメソッドをオートコンプリートで認識する方法ってありますか？
今は↓を指定していて、当然ながらvueの共通のプロパティしか出てこない。
declare module "*.vue" {
　import { defineComponent } from "vue";
　const Component: ReturnType<typeof defineComponent>;
　export default Component;
}
2020/09/28(月) 06:32:55.52ID:kBSftDq9
Angularは、materialを使う言語。
JavaScriptをつくるスクリプトという印象だった。
SPAとよく言われるが、CORSでつまづくから人気がないんだと思う。
機能一日触っていたけどAngular側の問題ではないという話もあるが。
webapi、いわゆるバックエンドをgolangで実装したが簡単に棲み分けできた。
2020/10/10(土) 17:01:18.54ID:8BJRM8SS
Reactでログインどうやって作るんすか？
OpenID？というのを使うんですか？
2020/10/10(土) 17:16:20.78ID:8ki6OpWY
>>463
セッション維持の仕方という意味で聞いているのかな？
2020/10/10(土) 18:07:31.55ID:tFVag5PE
>>463
reactあんま関係ないねーー。
ログイン画面の作り方の事なのかい？
2020/10/10(土) 18:23:38.31ID:Y8yX55gn
どういったapiを作ればいいのか
どうやってreactから使うのか
さっぱりわかりません
467デフォルトの名無しさん
垢版 |
2020/10/10(土) 18:42:22.20ID:8S91/Gvj
俺はめんどくせえからお前ら無料で調べて教えろってなんで素直に言えないんだ
468デフォルトの名無しさん
垢版 |
2020/10/10(土) 18:44:20.12ID:2goS7Sp9
>>463 >>466
server-sideの勉強しないと無理
DBとかsecurityの知識が必要

server-sideやるならJSはやめたほうがいい
node.jsが遅いし良いframeworkがない
server-sideの知識がないならなおさらJSはやめたほうがいい

速さ重要ならASP.NET Core
速さはどうでもいいならRuby on Rails
あたりが有名どころ
2020/10/10(土) 19:07:39.01ID:Y8yX55gn
ググったけどどいつもこいつもオレオレ認証ばっかりでどうにも胡散臭い
こんなんでいいのか？
フレームワークが全部面倒みてくれないと不安すぎてリリースできない
お腹痛い

--react--
username, passwordをajax post /api/login

--server (Aspnet, Spring, ...)--
username, passwordをverify
set cookie（ http only, secure, same origin)

--react (post準備)--
CSRF tokenをajax get /api/csrf_token

--server--
認証cookieなかったら401
CSRF tokenをリフレッシュ

--react (post)--
CSRF tokenをheaderに入れてajax post /api/xxx

--server--
認証cookieなかったら401
CSRF tokenが違ったら403
Permissionが無いなら403
なんか処理する
2020/10/10(土) 19:31:47.37ID:w1paHL08
おいらクッキーよくわかってないのでいつもlocalstrage使ってる
2020/10/10(土) 20:43:12.53ID:2goS7Sp9
>>470
localstorageはsecurity低いと言われてるけどな
JSで盗めるそうだ

>>469
不安ならMSのasp.net coreのドキュメントみればいい
login実装についても詳しいのがあったはず
2020/10/10(土) 22:43:53.81ID:BjcbKuib
>>463
認証プロバイダーなら、Facebook, Google, Amazon, OpenID など。
モバイルアプリなら、AWS Cognito

Ruby on Rails なら、Devise

ベンチャー企業では、Rails, AWS, CircleCI がデフォルト

クライアント側の人は、Firebase を使う
■ このスレッドは過去ログ倉庫に格納されています
5ちゃんねるの広告が気に入らない場合は、こちらをクリックしてください。
ニューススポーツなんでも実況