Vue vs React vs Svelte Part.7

**デフォルトの名無しさん** · 2021/01/18(月) 01:41:17.84

実際どうなん？
※Angularは残念ながら全く話題にならなかったのでSvelteに差し替えました
Vue
https://jp.vuejs.org/
React
https://reactjs.org/
Svelte
https://svelte.dev/
※前スレ
Vue vs React vs Svelte Part.6
https://mevius.5ch.net/test/read.cgi/tech/1603771745/

★ここではjQuery, Ruby, C#, Blazorの話題は禁止です
★jQuery, Ruby, C#, Blazorｷﾁｶﾞｲが書き込んでも無視してください
Angular, Next, Nuxt, Sapper, Gatsby, VuePress, RedWoodなどはおｋ。

**デフォルトの名無しさん** · 2021/03/14(日) 15:12:49.26

>>447
単一ページではないからnext使ってもよいかな
さすがに素のReactだと厳しいからライブラリは使うけれども

>>448
提案してみたがReactできる人材がいなくてね

**デフォルトの名無しさん** · 2021/03/14(日) 22:35:33.91

>要件がしっかりしてるなら、とか
そんなプロジェクト見たことないわ

**デフォルトの名無しさん** · 2021/03/15(月) 00:44:00.58

>>447
ルーティングが面倒？？

**デフォルトの名無しさん** · 2021/03/15(月) 04:21:21.59

マジで今のフロントエンドは空き巣だと思う
サーバーサイドの人は今更フロントに来たがらないし
これまでフロントの人はReactとか触れるレベルの人が少ない
仕事多すぎて過労死するわ

**デフォルトの名無しさん** · 2021/03/15(月) 06:27:13.58

>>451
React Routerで頑張るのがめんどい。かといって1ページずつベタ書きはしたくない。読み込むデータも重複を避けて節約したい。
のでNext.jsでサクッとやりたい

**デフォルトの名無しさん** · 2021/03/15(月) 06:44:09.51

>>452
そうなの？勉強会とか見てる感じ、Reactと色々組み合わせてバリバリやってます～みたいな奴多くて、フロント専心だとReactできて当たりになりつつあるかと思ってた。
生DOMとJavaScriptを使いこなせていれば、React覚えるのなんてそれほどの苦じゃないと思うんだけどなぁ。

**デフォルトの名無しさん** · 2021/03/15(月) 07:37:14.65

>>454
そういう技術的なとこだけやってりゃいいって分野でもないだろ。
フロントはめちゃくちゃな要望言ってくるユーザーばっかな印象がある。

**デフォルトの名無しさん** · 2021/03/15(月) 07:54:10.63

>>455
452の言うこれまでのフロントの人は当然今までそれをこなしてきていると思うが。

**デフォルトの名無しさん** · 2021/03/15(月) 07:59:21.15

>>455
それはそうかもだけど。
それはフロントの顧客対応の話であって、技術であるReactは別の次元の話では？

**デフォルトの名無しさん** · 2021/03/15(月) 09:36:56.30

フロントでReactガッツリできる人はほとんどいないよな。
できるといって実際にはアプリ開発できない。

プログラミングできる＝アプリ開発ができる

わけではない。

**デフォルトの名無しさん** · 2021/03/15(月) 10:35:58.33

Next.jsはルーティング周りとかもろもろ親切過ぎて、アレから入ると基本的なところの理解が疎かになりそうな予感がする

**デフォルトの名無しさん** · 2021/03/15(月) 12:29:28.12

Next.jsはReact知ってる使ってる人が使うものだからあれで良いんじゃないかな。
React知らないならSvelteとか行く……と思うんだけど、いきなりNext.jsって人もいるの？

**デフォルトの名無しさん** · 2021/03/16(火) 08:24:55.46

reactのみで作ったあと
nextを知って
全部作り直したくなった思い出

**デフォルトの名無しさん** · 2021/03/16(火) 09:13:49.15

nextはssg使わないのならvercel使わなくていいの？
vercel使うとベンダーロックしそうで怖い

**デフォルトの名無しさん** · 2021/03/16(火) 10:24:27.59

Vercel使わなくてもSSG使えるよ。
画像最適化をSSGで使いたい場合はVercelなりCDNの利用が必要になるみたい

**デフォルトの名無しさん** · 2021/03/16(火) 13:45:05.91

なるほど！

**デフォルトの名無しさん** · 2021/03/17(水) 12:13:50.44

DOMとJavaScriptに精通しててReact使ってウェブアプリ作れるレベルならブルーオーシャンなの？

**デフォルトの名無しさん** · 2021/03/17(水) 13:02:08.38

はい
React使えますってだけで即採用の会社は多い
それほど難しい概念なのよ
ついでにサーバーサイドもできますってなったら年収1000万以上は確実か

**デフォルトの名無しさん** · 2021/03/17(水) 16:44:16.51

ははは、ご冗談を。
そんな条件鯖立ててWeb技術勉強してれば普通に満たせるやんけ

**デフォルトの名無しさん** · 2021/03/17(水) 16:53:53.04

Reactできる＝アプリ作れる
なわけない

プログラミングできる奴が全員アプリ作れるのか？

**デフォルトの名無しさん** · 2021/03/17(水) 17:32:19.45

Reactできる=Reactでアプリ作れるのつもりだが？
そんなのは当たり前だろ
アプリ作れないのにReactできるってなんだよそれは
嘘つきだろ

**デフォルトの名無しさん** · 2021/03/17(水) 17:59:21.26

アプリ作る以外にReactの勉強する方法を思いつかない

**デフォルトの名無しさん** · 2021/03/17(水) 23:44:18.65

>>468
ちょっと何言ってるか分からない

**デフォルトの名無しさん** · 2021/03/18(木) 12:50:28.19

reactできるもアプリ作れるも意味が広すぎるわ

**デフォルトの名無しさん** · 2021/03/18(木) 13:56:43.39

つまりツイッターやfacebookみたいなものちょい劣化版を一人で開発できるレベルがアプリ開発できるという

できるんだよな？

**デフォルトの名無しさん** · 2021/03/18(木) 14:06:15.16

時間は相応にかかるとして、まあできるだろうな

**デフォルトの名無しさん** · 2021/03/18(木) 14:10:20.37

まあ色んな前提を抜きにすりゃあなあ

**デフォルトの名無しさん** · 2021/03/18(木) 18:50:07.86

フロントは作れるけど、ああいう数千万ユーザの同時アクセスに耐える技術とか、ユーザを集める技術とかは無いです

**デフォルトの名無しさん** · 2021/03/19(金) 14:50:04.74

そりゃあreactはフロントサイドのフレームワークなんだし当たり前よな

**デフォルトの名無しさん** · 2021/03/19(金) 16:14:32.61

component.vueで「なんでこの変数undefinedなんだよ！」って小一時間やってたら、
途中で変数に$付けてるのに気付いた
消したら動いたのでコーヒー飲んでパソコンを落とした

**デフォルトの名無しさん** · 2021/03/19(金) 17:04:17.77

ガシャーン

**デフォルトの名無しさん** · 2021/03/19(金) 19:12:48.32

svelte触ってみた
意外と良いのか？
ReactとVueを同時に触っているような不思議な感覚

**デフォルトの名無しさん** · 2021/03/19(金) 19:15:55.21

大規模開発にはやはりreduxが一番なの？

**デフォルトの名無しさん** · 2021/03/19(金) 22:21:02.77

hooksでよか

**デフォルトの名無しさん** · 2021/03/19(金) 22:47:25.39

Next.jsのWebAPI機能って使ってる？
バリデーション無いのが嫌だからついついFastify使っちゃうけど、なんか良いやり方あんのかな？

**デフォルトの名無しさん** · 2021/03/20(土) 01:24:05.09

redux hooks便利だよな

**デフォルトの名無しさん** · 2021/03/20(土) 16:06:22.47

SSRをやりたい、かつVercel使いたくない場合はNextjsよりNuxtjsの方がいいんすかね？

**デフォルトの名無しさん** · 2021/03/20(土) 17:49:00.66

Naxtjs一択

**デフォルトの名無しさん** · 2021/03/20(土) 17:57:26.38

Nixtjs一択

**デフォルトの名無しさん** · 2021/03/20(土) 18:35:13.44

NextかNuxtかはVercel云々よりReactかVueかで選ぶものかと。Nodeさえ動けば動くし

**デフォルトの名無しさん** · 2021/03/20(土) 19:36:00.56

いろいろありすぎて何がなんだか

**デフォルトの名無しさん** · 2021/03/20(土) 21:57:21.68

最近のJSは落ち着いたとはなんだったのか
SSAの議論やHooksの登場で無限の可能性が出て
さらに混沌としてきた

**デフォルトの名無しさん** · 2021/03/20(土) 22:01:26.50

SSAて何？
Static Single Assignment？
さいたまスーパーアリーナ？

**デフォルトの名無しさん** · 2021/03/22(月) 22:20:24.58

ReactいろんなhookあるけどなんだかんだでuseStateとuseEffectとuseRefしか使ってない気がしてきた

**デフォルトの名無しさん** · 2021/03/22(月) 22:53:53.55

>>490
数年前の混沌と比べればかなり改善したと思うよ
とりあえずreactと指針決めやすいだけ随分マシ

**デフォルトの名無しさん** · 2021/03/22(月) 23:07:20.76

ブラウザに閉じ込められた世界なぞまっぴらだ

**デフォルトの名無しさん** · 2021/03/23(火) 00:06:38.01

>>492
useCallbackもなんかよく分からないけど使うだろ

**デフォルトの名無しさん** · 2021/03/23(火) 06:21:33.00

>>495
useCallbackは分かって使わないとメリット無くね？

**デフォルトの名無しさん** · 2021/03/23(火) 14:02:14.00

>>492
計算コストが高いものはuseMemoは必須

**デフォルトの名無しさん** · 2021/03/23(火) 14:37:00.87

useLayoutEffectとかuseImpなんとかとか使い所全く分からんな

**デフォルトの名無しさん** · 2021/03/23(火) 17:15:08.43

>>497
Nextに行ったので、計算コスト掛かりそうなのはなるべくSSGしちゃうからなぁ

**デフォルトの名無しさん** · 2021/03/23(火) 20:59:44.73

>>492
useReducerは?

**デフォルトの名無しさん** · 2021/03/23(火) 21:34:21.30

>>500
switch文が嫌いなので……という冗談は置いといて、最近使えた局面あったわ。復習大事だなぁ。

**デフォルトの名無しさん** · 2021/03/23(火) 21:59:05.98

復讐は大事

**デフォルトの名無しさん** · 2021/03/24(水) 12:53:41.64

やっぱredux-saga使おうかと思い始めてる。hooksでも非同期処理は全然楽にならんし。

**デフォルトの名無しさん** · 2021/03/24(水) 13:06:44.55

非同期はスリル、ショック、suspense

**デフォルトの名無しさん** · 2021/03/24(水) 19:09:46.62

なんでredux、hooksと
非同期処理が関係すんの？

**デフォルトの名無しさん** · 2021/03/24(水) 19:55:26.26

webのUI部品なんて死ぬほどあるのに
Reactコンポーネント化して再利用する価値あるか？

具体的な文言や色、
縦横サイズやマージン、文字の大きさ
背景画像やアイコンはコンポーネント内部に静的に組み込むの？

UIパーツはjquery UIやbootstrapを完全に利用するだけじゃ
ダメなのか？
つまり、再利用パーツを利用して楽をするのはいいが
それを自ら定義する必要性がどれだけあるのか
車輪の再発明ではないのか？

javascript制御やイベントリスナ、ajaxは再利用諦めて
使い捨てるしかないと思うが

**デフォルトの名無しさん** · 2021/03/24(水) 20:04:47.19

Ruby on Rails で、Bootstrap, React から、部品をコピペして使っているだけ

HTML, CSS は、よく知らない

SASS は知ってる。
JavaScript も、そこそこ知ってる

**デフォルトの名無しさん** · 2021/03/24(水) 20:26:35.30

>>506
デザインはコンポーネントに引数で渡せば良いじゃん。
ロジックは使い回せるじゃん。
なんなら自分で作らずに、一般的なコンポーネント使っても良いし。

**デフォルトの名無しさん** · 2021/03/24(水) 20:32:00.18

>>508
それが一番だな
引数を組み立てるルールと
コールバックの仕様を覚えるのは面倒だが
それは他のライブラリでも同じか

Reactのコンポーネント定義の構文を覚えたり
トランスパイルだかなんだかを自作で行う
メリットは皆無だと思う

**デフォルトの名無しさん** · 2021/03/24(水) 20:54:36.39

推奨ＮＧワード： Ruby
推奨ＮＧワード： Rails
推奨ＮＧワード： Bootstrap
推奨ＮＧワード：知らない
推奨ＮＧワード：知ってる

**デフォルトの名無しさん** · 2021/03/24(水) 21:19:39.23

svelteのツールがもっと揃ったらsvelteに手出したい...

**デフォルトの名無しさん** · 2021/03/24(水) 21:24:40.04

しかし荒らしが暴れてた頃は、もう5chは老害しかおらんのやなオワコンなんやなと思ってたけど、そうでもないもんだなぁ

◆QZaw55cn4c · 2021/03/24(水) 21:50:13.77

>>512
賢い人々は、みな twitter に移ったと聞いていますが？

**デフォルトの名無しさん** · 2021/03/24(水) 22:28:26.17

ケンタガイジだけ隔離しとけばよか

**デフォルトの名無しさん** · 2021/03/24(水) 22:31:10.46

しとけよばか

**デフォルトの名無しさん** · 2021/03/24(水) 22:37:00.56

推奨ＮＧワード： KENTA
推奨ＮＧワード：あわしろ

**デフォルトの名無しさん** · 2021/03/24(水) 22:50:20.74

今のTwitterは地獄だろ
マウントの取り合い
何かあればすぐ袋叩き
まだ掲示板の方が健全だと思う

◆QZaw55cn4c · 2021/03/24(水) 22:52:22.40

>>516
あわしろ氏、って最近よく聞きますが、どんな人ですか？

◆QZaw55cn4c · 2021/03/24(水) 22:53:10.39

>>517
確かに実名でマウント合戦とか壮絶な気がしますね‥

**デフォルトの名無しさん** · 2021/03/25(木) 07:34:18.23

>>518
日本でトップクラスのプログラマー
日本一のケンタとほぼ互角と言われている

**デフォルトの名無しさん** · 2021/03/25(木) 07:46:27.53

推奨ＮＧワード： KENTA
推奨ＮＧワード：ケンタ
推奨ＮＧワード：あわしろ

**デフォルトの名無しさん** · 2021/03/25(木) 12:38:19.21

あわしろは、Linux 総帥。
たまに、日経Linux に記事を書いてる

昔、Linux板に、デル男という、
Xeon で、数十のディス鳥を起動した動画を上げていた香具師がいた

動画内で、他人の音楽を無断使用していたので、すべての動画を削除して消えたけど、
そいつが、あわしろと推測されている

数十のディス鳥を起動できるのは、世界でもデル男だけ

**デフォルトの名無しさん** · 2021/03/25(木) 13:14:10.59

推奨ＮＧワード：あわしろ
推奨ＮＧワード：デル男
推奨ＮＧワード： KENTA
推奨ＮＧワード：ケンタ
推奨ＮＧワード： Ruby
推奨ＮＧワード： Rails

**デフォルトの名無しさん** · 2021/03/25(木) 13:33:10.12

>>522
天才すぎる

**デフォルトの名無しさん** · 2021/03/25(木) 13:48:48.83

推奨ＮＧワード：総帥
推奨ＮＧワード：日経
推奨ＮＧワード：ディス鳥
推奨ＮＧワード：動画
推奨ＮＧワード：香具師
推奨ＮＧワード：世界でも

**デフォルトの名無しさん** · 2021/03/25(木) 17:38:12.11

これあれだろ、あわしろ信者に見せかけたアンチだ

**デフォルトの名無しさん** · 2021/03/25(木) 19:35:42.13

というアンチにみせかけたステマ

**デフォルトの名無しさん** · 2021/03/25(木) 20:36:31.45

あわしろ氏は、僕の最大のアンチは僕自身だと言ってた。

**デフォルトの名無しさん** · 2021/03/26(金) 08:06:57.11

あくどいオンラインサロンではないんだろうけど
ここまで誰かに心酔できるってちょっと危ないよな

教祖様がこう仰っていた！の一点張り
自分の意見が一つもない

**デフォルトの名無しさん** · 2021/03/26(金) 09:18:44.65

vueとreactどっちが楽に覚えられる？
出来ればフロント触りたくなかったんだけど次やらされそう…

**デフォルトの名無しさん** · 2021/03/26(金) 10:03:19.65

最初ぱっと見たとき10秒でvueファイルは大まかにやってること理解できたけど、reactは無理だった
JS、TSの熟練度にも依るだろうから色々見たほうがええんでない？

**デフォルトの名無しさん** · 2021/03/26(金) 10:27:14.48

>>529
プペの悪口は許さん

**デフォルトの名無しさん** · 2021/03/26(金) 11:30:17.70

>>530
用途によるかと……。
Reactはある程度のJavaScriptやDOM知識は求められるし、hookの動作に最初は混乱する。
その代わり覚えちゃえばかなりフロント開発が楽になる。

**デフォルトの名無しさん** · 2021/03/26(金) 12:18:15.36

>>531>>533
なるほど～ほぼ知識ゼロなんでとりあえずvueから触ってみますわ
どうもサンクスです！

**デフォルトの名無しさん** · 2021/03/26(金) 18:57:14.66

すまんSPAの認証ってどうやるん？

ログイン
{id,password}をOAuth鯖？にpost→t:={Token, リフレッシュToken}戻り
tをLocalStrageに保存←これでええんか？クッキー？XSS対策は？

API
LocalStrageからtを取得
TokenをヘッダにのっけてGET/POST/他
リクエストフォージェリ対策とか要らんの？

乗っ取られたとき？？
LocalStrageかたtを取得
リフレッシュTokenを乗っけてリフレッシュendpointにpost？←リフレッシュよくわからない

**デフォルトの名無しさん** · 2021/03/26(金) 19:20:39.34

OAUTHやOIDCはブログパクるしかない
言葉で言い表すのは無理

リダイレクトlocationを使うことを前提として
強制的に画面遷移を伴うのでSPAではおそらく無理

**デフォルトの名無しさん** · 2021/03/26(金) 23:41:53.41

とりあえずlocalstorageに認証情報を保存するのはバッドプラクティスとしか
サードパーティの認証サービス使うかHTTP OnlyのCookieで認証するのが一番いいのでは？

**デフォルトの名無しさん** · 2021/03/26(金) 23:46:32.59

せやな
調べたがトークンはクッキーがいいらしい
CSRFトークンはヘッダ
相変わらずリフレッシュはよくわからない
このへん標準化しといてほしいね

**デフォルトの名無しさん** · 2021/03/26(金) 23:58:46.32

でもクッキーなくなるんやろ

**デフォルトの名無しさん** · 2021/03/27(土) 07:08:19.25

いやCookieそのものが無くなるわけじゃないから

**デフォルトの名無しさん** · 2021/03/27(土) 09:25:08.66

トークンはBearerでいいんじゃね

**デフォルトの名無しさん** · 2021/03/27(土) 09:30:30.56

Bearerはヘッダやろ
トークンをヘッダにのせる(jsで触れるようにする)とXSSにやられるんやと

**デフォルトの名無しさん** · 2021/03/27(土) 09:49:18.61

もうhtmlに保存するしかない

**デフォルトの名無しさん** · 2021/03/27(土) 10:03:56.08

reactquery使ってますけど
イベントを発火させるところに置いてloadingを受けとるのがいいのか
storeにまとめてロジックとの分離を目指した方がいいのか分からないです
loadingはstoreから取ると可読性落ちそうですし

**デフォルトの名無しさん** · 2021/03/27(土) 22:47:29.25

APIなのにcookie使っているプロジェクトがウザいｗ
headerにtoken仕込む方がやりやすいわ

**デフォルトの名無しさん** · 2021/03/27(土) 22:58:18.46

セキュリティのためだから仕方ない

**デフォルトの名無しさん** · 2021/03/28(日) 16:31:51.11

Reactってイマドキの若者はHooks？ってやつ使ってんの？
Reduxはオワコン？おじさんに教えてくれ

**デフォルトの名無しさん** · 2021/03/29(月) 02:05:10.63

どうせ一年後には全部オワコン