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/01/18(月) 02:46:11.50

いつの間にか出てたstateofjs
https://2020.stateofjs.com/en-US/

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

>>2
GatsbyがややNegativeに動いてるのが意外。Svelteはみんな試し出してるのが分かるね。しかしReact圧倒的だな…
https://2020.stateofjs.com/en-US/technologies/arrows_overview

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

Angularの落ちっぷりよ…
https://2020.stateofjs.com/en-US/technologies/front-end-frameworks/

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

react、reduxあたりまではいいけどホンマにredux-sagaとか使ってんのか？ってのは思う。

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

redux sagaの良さを理解できてない。thunkもそうだけど。

素直にサーバーからのレスポンス待ってdispatchすれば良いと思うけどね

**デフォルトの名無しさん** · 2021/01/19(火) 03:10:37.80

昔は使われた。
今はrecoilあるしわざわざ新しく始めることはない。

**デフォルトの名無しさん** · 2021/01/19(火) 05:50:12.77

reduxはオワコンだと思う
俺は前から現場でアクションをswitch caseで管理する
バカらしさを批判してきたが
なぜか誰も聞き入れることはなかった
あんなのアクションの爆発的増加を生んで管理できなくなるのは明らか
C言語かよ

**デフォルトの名無しさん** · 2021/01/19(火) 09:46:31.88

ReactやVueのアプリの設定値ってどこに設定するの？

Widowsネイティブアプリだとiniファイルとかconfigファイルの相当するファイルだけど。

**デフォルトの名無しさん** · 2021/01/19(火) 10:23:19.25

>>8
それはお前のアプリケーションではreduxが必要なかったってだけでしょ。

**デフォルトの名無しさん** · 2021/01/19(火) 10:23:39.51

>>9
環境変数の設定の仕方ってこと？

**デフォルトの名無しさん** · 2021/01/19(火) 11:25:44.48

>>11
意図としてはそうかもです。

ネイティブアプリの設定は外部設定ファイルに個別設定が多かったのですが、
それは出来ないのでしょうか？

(ネイティブアプリの場合)
xxxxx.exe
xxxxx.ini --- これに相当するもの

**デフォルトの名無しさん** · 2021/01/19(火) 11:30:20.28

>>12
.env が一般的かも

.env reactとかで調べてみると出てくると思う

**デフォルトの名無しさん** · 2021/01/19(火) 12:44:35.54

>>13
OK！

**デフォルトの名無しさん** · 2021/01/19(火) 21:39:30.50

ContextAPIを"正しく"扱うための学習コストを考えたらRedux toolkitで良くない？って思うんだけどなぁ

**デフォルトの名無しさん** · 2021/01/20(水) 00:04:43.78

>>15
そもそも目的が違うから何とも…

**デフォルトの名無しさん** · 2021/01/20(水) 01:16:07.15

>>4
vue.jsすごいな85%もあるよ

んで、その下に書いてある、vue.js 12ってのは何だ？
Backboneは18だぞ。jQueryは22だぞ

**デフォルトの名無しさん** · 2021/01/20(水) 03:18:29.28

>>17
そんなん俺に言われても…

**デフォルトの名無しさん** · 2021/01/20(水) 10:02:22.15

>>759
草

**デフォルトの名無しさん** · 2021/01/20(水) 21:20:12.99

今からreduxまじめに勉強するのめんどいから早くrecoilに殺されてくれ

**デフォルトの名無しさん** · 2021/01/20(水) 21:28:27.25

redux使って開発したけど面倒くさすぎる
こんなゴミクソ誰が考え出したんだか

**デフォルトの名無しさん** · 2021/01/20(水) 23:05:01.07

俺はjotai推し

**デフォルトの名無しさん** · 2021/01/20(水) 23:16:36.42

jotaiとrecoil何が違うのかいまいち理解してない

**デフォルトの名無しさん** · 2021/01/21(木) 11:00:16.76

除隊？女体？

**デフォルトの名無しさん** · 2021/01/21(木) 11:01:01.06

女体はにょたいと読むだろ普通

**デフォルトの名無しさん** · 2021/01/22(金) 05:45:13.61

redux toolkitはいいぞ

**デフォルトの名無しさん** · 2021/01/22(金) 14:08:50.42

reactみたいに使うライブラリが徐々に更新されるような軽いフレームが好きなんだが、
やっぱ趣味でいじってるのと仕事でやるのは違うかもな。

**デフォルトの名無しさん** · 2021/01/24(日) 11:27:05.70

皆ユーザ認証は何使ってるん？
やっぱりAuth0？

**デフォルトの名無しさん** · 2021/01/24(日) 12:30:44.24

仕事で使うのはfirebaseが多いなぁ

**デフォルトの名無しさん** · 2021/01/24(日) 14:33:43.27

Password

**デフォルトの名無しさん** · 2021/01/24(日) 16:50:55.93

recoilこれダメだろ。。reduxの100倍くらいデータの流れがわからなくなるわ。。

**デフォルトの名無しさん** · 2021/01/24(日) 18:36:32.85

>>29
firebaseも人気あるみたいだね。
使ったことあるけどライブラリがでかいイメージある

**デフォルトの名無しさん** · 2021/01/24(日) 23:44:21.06

auth0なんか覚えること多すぎて覚えるまでかなりしんどそう

**デフォルトの名無しさん** · 2021/01/25(月) 00:02:44.28

JWT一択
仕様としてはかなり簡単だし
この程度はフロントエンドの人でも自力で実装すべき

**デフォルトの名無しさん** · 2021/01/25(月) 00:31:18.66

いやJWTがバックエンドありきだろ…
それを何使ってますかって話。

**デフォルトの名無しさん** · 2021/01/25(月) 00:50:11.74

普通に自前実装だが何を使うとは？
ライブラリとかフレームワークのこと？

**デフォルトの名無しさん** · 2021/01/25(月) 01:05:43.46

自前実装は絶対にしない方がいい。
jwtの認証は簡単に作れるけど、セキュリティホールになりえるからセキュリティのプロの人たちが実装した　idaas使った方がいい

**デフォルトの名無しさん** · 2021/01/25(月) 01:12:25.03

まぁ、自分たちがセキュリティに精通してると胸張って言える人は自前実装でもいいと思うけど。

**デフォルトの名無しさん** · 2021/01/25(月) 01:13:35.44

https://www.google.co.jp/amp/s/auth0.com/blog/amp/jp-a-look-at-the-latest-draft-for-jwt-bcp/

ここでも書かれてるけど、専門家以外は自前実装するべきじゃないよ

**デフォルトの名無しさん** · 2021/01/25(月) 03:13:43.63

そのライブラリがセキュアだという保証は？
それにライブラリがない言語は自前しかないし
セキュリティはもうライブラリ作者の個人が担保するものではないよ
セキュリティ担当者がいないならすぐ雇うか
どこかに依頼すべき

**デフォルトの名無しさん** · 2021/01/25(月) 07:08:04.12

セキュリティに関しては、完璧な知識を持った上でシステムを隅々まで理解し、時節に変化があれば即時にキャッチし、情報が漏れたときに全責任を負う。自前でやるならそれぐらいの覚悟が必要だと感じてる。

**デフォルトの名無しさん** · 2021/01/25(月) 08:12:31.39

s/セキュリティ/ユーザ認証/

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

セキュリティを専門とするエンジニア（コンピューターサイエンスに深い理解を待ってる人）を雇えるならいいよ。
でも大抵の企業がセキュリティ担当に1000マン以上出して雇おう！って感じではないでしょ

auth0とかfirebaseはセキュリティに精通しているエンジニアを雇ってるからね。どっちが信用できるかの問題だよ。自社のエンジニアを信用するならそれでいいと思う。

クリティカルな部分のセキュリティに関しては、専門家じゃないやつの理解って大切だけど、本質的にはあまり意味ないと思ってる。何故なら知識が浅いから

**デフォルトの名無しさん** · 2021/01/25(月) 09:20:17.82

>>41
これに関しては自社で実装しててもしなくても一緒だと思う

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

まず自前実装ってどこからどこまでの話なのか
自社のバックエンド側で認証の仕様が決められてて
それに基づいてフロントエンド側を実装するって話なら分かるが

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

ここでもう認証はこれにしろ！ってのを決着つけてほしい

**デフォルトの名無しさん** · 2021/01/25(月) 19:36:13.43

ライブラリすらないマイナーな言語なんか使うなよ

**デフォルトの名無しさん** · 2021/01/27(水) 12:55:39.03

vue3になって更に混沌としてきた感すごい
節操なさすぎだろこれ

**デフォルトの名無しさん** · 2021/01/27(水) 14:10:47.89

>>48
糞化し始めた感じなのかな？

**デフォルトの名無しさん** · 2021/01/27(水) 14:55:13.55

svelte最強伝説が始まりそう

**デフォルトの名無しさん** · 2021/01/27(水) 15:18:57.43

そろそろjqueryおじさんが出てくる予感w

**デフォルトの名無しさん** · 2021/01/27(水) 15:28:44.85

>>51
NGワードだぞ！

**デフォルトの名無しさん** · 2021/01/27(水) 15:28:54.79

vue3が出て以降npm trendsじゃangularと抜きつ抜かれつだったのが明確に離されて着てる印象

**デフォルトの名無しさん** · 2021/01/27(水) 15:52:47.32

vue3は完熟してから頂きます

**デフォルトの名無しさん** · 2021/01/27(水) 16:36:39.59

鼻毛認証という言葉を思いつきました。

**デフォルトの名無しさん** · 2021/01/27(水) 16:39:44.57

>>48
そんな違うんだっけ？

**デフォルトの名無しさん** · 2021/01/27(水) 16:43:49.57

>>51
呼んだか？

https://w3techs.com/technologies/history_overview/javascript_library/all/y
jQueryのシェアは2021年1月時点で77.2%だったが
1ヶ月で77.3%に増えた。まだ増加傾向にあるようだ。

なおReactのシェアは0.4%。その程度のレベル

**デフォルトの名無しさん** · 2021/01/27(水) 17:30:32.62

jQueryおじさんきたあああああああああ

**デフォルトの名無しさん** · 2021/01/27(水) 18:21:31.45

塩まいとけ！

**デフォルトの名無しさん** · 2021/01/27(水) 20:29:16.80

VueはcompositionAPIの影響でごちゃごちゃするんだろうなぁーっていう感じ

**デフォルトの名無しさん** · 2021/01/27(水) 21:41:18.33

>>56
とりあえずreact hooksパクってみました感が凄い
調べれば調べるほどreactで良くね？ってなる

**デフォルトの名無しさん** · 2021/01/27(水) 21:48:18.58

>>60
Vueの売りはフロントエンド技術者にとっての分かりやすさだったけど今となっては無いよね
reactの方が明らかに明確で分かりやすい
全然違う方向に進化して欲しかったから残念だわ

**デフォルトの名無しさん** · 2021/01/27(水) 22:08:20.82

いつものことじゃん。思想が明確じゃないから
ぶくぶくと機能を追加して破綻する

「シンプルでわかりやすい」というのはどれもが主張してくるメリットだけど
それは単にできたばっかりで実装が追いついてないだけ
バージョンアップするたびに複雑になっていく

そしてまた次の「シンプルでわかりやすい」新しいフレームワークが
登場しまたぶくぶくと太って繰り返し

基本的な機能に絞り込むという発想がない
jQueryはその点最初からブレずにやってるから
こうやって長く使い続けられる

**デフォルトの名無しさん** · 2021/01/27(水) 22:33:45.31

jQueryは先進的な層から誰も目を付けられてないから発展しないんだろうね
結果的にそういう利点も生まれるわな

**デフォルトの名無しさん** · 2021/01/27(水) 22:56:53.71

vueって最初better angular的な思想だったのに
Reactを取り入れて魔改造してキメラになったイメージ

**デフォルトの名無しさん** · 2021/01/27(水) 23:49:24.82

Reactとvueとアンギュラーの違いが抽象的にしか説明しとらんじゃん
具体的に何がよくて何が嫌なのか伝えられんの？

**デフォルトの名無しさん** · 2021/01/28(木) 01:19:43.91

みんなvue2→reactに行ってんの？
せっかくvueの勉強始めたのに

**デフォルトの名無しさん** · 2021/01/28(木) 01:21:12.42

両方やったらええわ。
そこまで大きな違いなんかないから。

**デフォルトの名無しさん** · 2021/01/28(木) 02:18:48.46

>>54
完熟する前に腐りそう

**デフォルトの名無しさん** · 2021/01/28(木) 02:19:45.82

>>64
現実はこれな
https://tr.twipple.jp/p/58/263bc0.html

**デフォルトの名無しさん** · 2021/01/28(木) 02:21:45.37

一部のピエロが最先端を～最先端を～と言ってるが
世界中の大半の人々は最先端になんか興味ないんだ

**デフォルトの名無しさん** · 2021/01/28(木) 06:30:27.07

>>67
FCとHooksによる状態管理こそフロントエンドに必要なもの
それ以外は枝葉
まず最初にReactをやってこの概念をしっかり身につけるべき

**デフォルトの名無しさん** · 2021/01/28(木) 18:40:34.96

railsAPIと組み合わせたサイト作ろうと思うんだけど、完全SPAで行くならvueでもreactでも学習コストは同じくらい？Vueのほうが簡単？

**デフォルトの名無しさん** · 2021/01/28(木) 19:19:14.29

vueはeasy、reactはsimpleという印象だけど

**デフォルトの名無しさん** · 2021/01/28(木) 19:36:24.90

学者コストはVueの方が多いんじゃないかな
入り口はeasyなんだけどその先が魔窟

**デフォルトの名無しさん** · 2021/01/28(木) 20:05:26.24

vueだけなら、まだしも、
ここに、vuetify , webpack , electron などが入ってくると、覚えること多すぎて、発狂する。
　

**デフォルトの名無しさん** · 2021/01/28(木) 20:09:55.33

vuetifyはきっついね
ブレイクポイント調整するのでさえ調べるのに苦労したｗ

**デフォルトの名無しさん** · 2021/01/28(木) 20:52:06.54

WebpackはReactのついでに覚えたけど、2つ同時に新しい事やるのはしんどかったな。
どっちで間違えてて動かんのかわからなくなるから

**デフォルトの名無しさん** · 2021/01/28(木) 22:27:31.12

typescriptもあるしな
最近まともなところはみんなts使ってるから

**デフォルトの名無しさん** · 2021/01/28(木) 22:31:42.89

ts使ってる所は、まともなところだから当然だな

**デフォルトの名無しさん** · 2021/01/28(木) 22:47:51.89

ネットの情報見てても、同じ事してる記事がJSとTSでそれぞれあったら、TSの方がレベル高い傾向あるね。

稀にこいつぜってーC♯かJava屋だ、みたいなTSらしからぬコードなことあるけど。

**デフォルトの名無しさん** · 2021/01/28(木) 23:28:01.50

typescriptもかなり難しいと思うわ。

**デフォルトの名無しさん** · 2021/01/29(金) 00:18:38.76

そうそう。TS使ってる所がマトモな所で
マトモな所をみると全部TSを使ってる

**デフォルトの名無しさん** · 2021/01/29(金) 00:20:27.82

TSを作ったのはマイクロソフト
やはり開発ツール大手の言語が一番信用できる

**デフォルトの名無しさん** · 2021/01/29(金) 00:40:53.66

>>31
Reduxは一元管理
Recoilは分散管理
だから当然
同じ球技として野球とサッカーを比べてるみたいなもんだ

**デフォルトの名無しさん** · 2021/01/29(金) 02:04:10.02

React触ってるやつの気が知れんよね
JSXとかいうゴミ未満は触る気まじでおきない
CSSもライブラリなしだとどうしようもないしバニラHTML、CSS、JSのサイトを置き換えるのに向いてなさすぎる。置き換えたら置き換えたら他ライブラリに不可逆だし

**デフォルトの名無しさん** · 2021/01/29(金) 02:13:11.13

Hooksがなかったら正直vue使ってたと思うわ

**デフォルトの名無しさん** · 2021/01/29(金) 05:40:40.34

他のライブラリと互換性がないのはどのライブラリでも基本同じでは？
Reduxとかは一応Vueとかでも使えるけど

**デフォルトの名無しさん** · 2021/01/29(金) 07:23:04.01

cssだけは外出ししてscssにしてる

**デフォルトの名無しさん** · 2021/01/29(金) 08:18:08.38

俺は中出ししまくりだわ

**デフォルトの名無しさん** · 2021/01/29(金) 10:39:00.22

> Hooksがなかったら正直vue使ってたと思うわ

このスレ史上一番の同意

**デフォルトの名無しさん** · 2021/01/29(金) 12:53:21.19

vuexじゃダメなん？

**デフォルトの名無しさん** · 2021/01/29(金) 14:01:25.27

>>86
IT老人が新しい技術触りたくないだけのワガママにしか聞こえないっす
ｊQueryを永遠に触ってれば良いんじゃないっすか？

**デフォルトの名無しさん** · 2021/01/29(金) 14:08:56.15

まあクソ技術でも新しいってだけで喜んで使うバカも大概老害だけどな。

**デフォルトの名無しさん** · 2021/01/29(金) 14:49:57.52

老害の自覚が無いのも老害の特徴

**デフォルトの名無しさん** · 2021/01/29(金) 14:52:37.86

新しい技術に飛びついた結果が、vueなんですよね？ｗ

**デフォルトの名無しさん** · 2021/01/29(金) 16:56:25.73

一年くらい前にRouterのみ(状態管理？なにそれ)でダイナモのdataを出し入れする奴を1から作ったことあるレベルなんだが
今から簡単な管理画面作ろうとしたらどっちがええんや？
ReactAdminとかいうのがあるしやっぱりReactかな？
フロントエンド極めるぜーとかは無い

**デフォルトの名無しさん** · 2021/01/29(金) 18:05:04.80

コーポレートサイトでもJamstack使う感じか？
Gatsbyとnextjsどっちがいい？

**デフォルトの名無しさん** · 2021/01/29(金) 18:30:47.96

コーポレートサイトこそ速度重視(SEO)でJamstackかなと思ってる。
後は好み

**デフォルトの名無しさん** · 2021/01/29(金) 19:19:49.05

コーポレートサイトなんてWPでさっくり作ってCDNでキャッシュすれば済むんじゃないの？
わざわざJamstack構成で手書きとかする意味あるの？

**デフォルトの名無しさん** · 2021/01/29(金) 21:32:36.88

それ、結局慣れてるってだけでWP+CDNのほうがふつうに複雑な構成だと思うんだけど…
WPにはApacheやphpも含んでるわけだろ？
慣れ親しんだ構成は簡単（に感じる）ただそれだけでは？