Vue vs React vs Svelte Part.6

**デフォルトの名無しさん** · 2020/10/27(火) 13:09:05.31

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

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

**デフォルトの名無しさん** · 2021/01/08(金) 10:35:18.69

う～んこの特徴的な文章

**デフォルトの名無しさん** · 2021/01/08(金) 12:05:31.74

JQuery UIをぐぐってみた感じ、完全な代替品はreactには無いんじゃないの？
自分がスクラッチしたUIに後からjsの振る舞いを付けてくれるライブラリ群って事だよね。

react、vueの場合、uiとjsの振る舞いをセットでコンポーネント化してあるものがメジャーだから、それらを採用してcssハックで見た目をカスタマイズするしかないと思う。
(コンポーネントによってはslotとかで後から自由にuiを付けられるものもあるので、ぜひドキュメントを見てもらえれば)

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

あの、いまvueで実装してみたくてテストしていたんですが、
https://i.imgur.com/tRZJ97x.jpg
イメージとしては{{message}}のところにデフォで表示される1というメッセージがコンポーネントで作ったボタンを押したらqqqqしたいんです
で、画像のように書いたところalertは表示されるんですが、内容が変わりません
これはおそらくコンポーネントの中に{{message}}とdataも入れてあげれば変わるようにはなるとおもうのですが、
やりたいことはコンポーネントで作ったカスタムボタンを押したらそのコンポーネント外に書いてある{{message}}に値をセットさせたいのです

これってどのように実装すればいいんでしょうか？

**デフォルトの名無しさん** · 2021/01/08(金) 15:45:58.45

const element = <div id="A" />;
：
element.props.id = "B"; //--- TypeError: Cannot assign to read only property 'props' of object '#<Object>'

上記でエラーになるんですが、一度設定したプロパティを変更する事は可能？
もしかして出来なかったのだろうか...

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

Emitを使えばいける。
vueのドキュメントのemitかstoreパターンの項を一度読んだ方が効率がいいと思う。
もしくはハンズオンの書籍で体系的に学ぶか。
またエディタはvscodeとか使った方が時短になります。

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

プロパティは親からしか、変更できない。

dataとコンポーネントを紐付けている場合は、プロパティをwatchして変更を検知し、dataに反映する必要あり。

**デフォルトの名無しさん** · 2021/01/10(日) 16:53:28.20

vue3、vue-cliのデフォルト設定だとローカルサーバーでtsファイルに定義したtypeの再コンパイルが走らなくてきっつー。
解決してる人いたら設定教えてくださいっす。

**デフォルトの名無しさん** · 2021/01/11(月) 01:16:33.18

>>902
そんなあなたにvuex

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

>>906
serveでってことだよね。何もせずとも普通にやってくれるが？

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

jotaiっていうReact用の状態管理ライブラリめちゃくちゃ良いじゃない
なんでこれ話題になってないの？

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

いいのはたくさんある。
だが結局は多くの人が使っているものが普及する

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

>>909
前スレでとっくに既出。

449 デフォルトの名無しさん 2020/08/31 02:31:14
Reactのrecoilいいな
useContextの欠点を補完してる
もうReduxなんか必要ねえは

460 デフォルトの名無しさん 2020/09/11 22:12:09
>>449
これも面白そう
Jotai, a New Granular State Management Library for React
https://www.infoq.com/news/2020/09/jotai-react-state-management/
たぶん日本語の「状態」からｗ

**デフォルトの名無しさん** · 2021/01/13(水) 17:28:20.42

>>911
おー出てたか
recoilよりはかなり使いやすい
とりあえず趣味プロダクトで使ってみる

**デフォルトの名無しさん** · 2021/01/13(水) 19:06:48.50

女体

**デフォルトの名無しさん** · 2021/01/13(水) 19:40:18.84

それはにょたいと読むから違うと思う

**デフォルトの名無しさん** · 2021/01/14(木) 06:26:51.19

またみずちが変なこと言ってんなｗ
jQueryを求めてないって考えが間違いなんだってば

2021年1月時点のシェア 77.2%
https://w3techs.com/technologies/history_overview/javascript_library/all/y

2020年の1月から一年で +3.0%
今日の時点でシェア + 0.1%

需要は未だにjQueryが一番あるというのに
それを理解できないおじさん

**デフォルトの名無しさん** · 2021/01/14(木) 06:47:13.36

すなわち jQuery はウェブ制作板って事だろ。

**デフォルトの名無しさん** · 2021/01/14(木) 07:37:51.87

jQueryはDOMラッパーとしてしか使ってないわ

**デフォルトの名無しさん** · 2021/01/14(木) 07:58:35.14

ここはム板だからjQueryはあまり流行らない。
しかし世界は依然としてjQueryで出来てるのだろう。

そもそも論としてウェブサイトはアプリじゃないので。

**デフォルトの名無しさん** · 2021/01/14(木) 08:39:14.28

いい加減ウェブアプリではjQueryは適さないって言えばいいのに
なぜかjQueryを目の敵にしてるｗ
自分が使わないからって、みんなも使わないと思うんじゃねーよ

**デフォルトの名無しさん** · 2021/01/14(木) 08:45:47.25

正直jQueryの話をされても、EVの話をしてる時に馬車の話を始められるような気分

**デフォルトの名無しさん** · 2021/01/14(木) 09:05:51.42

ここはウェブサイトについて語る場所ではないので

**デフォルトの名無しさん** · 2021/01/14(木) 12:43:00.94

なんでこのスレタイ見て単なるウェブサイトの話題だと思うのか

**デフォルトの名無しさん** · 2021/01/14(木) 16:42:19.64

jQuery使ってる連中って、そもそもSPA用の開発環境構築出来るだけのスキルがないだろ
npmコマンド叩けるかも怪しい

**デフォルトの名無しさん** · 2021/01/14(木) 17:33:50.48

SPA用の開発環境構築するのが目的となってるなｗ
必要ならやるだけだろ

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

SPA開発が流行らない理由は明白で、保守出来るやつが少なすぎるのよな
開発環境構築するのが目的のエンジニアがいると思うやつとか、
世間は頭が悪いやつが多すぎるのよ

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

jQueryが使われてるというよりリプレイスできないから
シェアがそのままなんだろう
巨大サービスを作り直すとかGAFA以外無理だろう

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

javaパーシステム屋と業務システム開発してるんだが俺のSPAフロントにビビっててこいつらいつの時代の連中なんだって感じ
誰一人理解してない

**デフォルトの名無しさん** · 2021/01/14(木) 20:02:57.14

一時期jQuery+handlebars+railsで無双してたな
フルスタックのフリーランスだったからマジで稼げた
最近は要素技術が多くなり過ぎて
全部1人でやるのが難しくなってきた

**デフォルトの名無しさん** · 2021/01/14(木) 20:15:26.01

QiitaとかDev.toとか見てるとNext.jsが破竹の勢いに見える

**デフォルトの名無しさん** · 2021/01/14(木) 20:26:00.99

少なくとも日本でreactやvueを採用するって10%も無い気がする
それくらい何というか使える人も案外少ないし概念もややこしいのかなと
誰かが構築している上で構築した人の説明があって単にプログラム書くだけなら
案外簡単とは思うけど、一から構築するとなるとある程度知らないと出来ないだろうし

世界ではこの辺の技術の最先端が前に行き過ぎという感じがするなぁ
かといって今更jQueryで書く気はしないけど現実は中々そうは行かないという感じか

**デフォルトの名無しさん** · 2021/01/14(木) 20:36:48.04

一番需要があると一番最高な技術なんだそうだｗ

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

一番需要があるからといって、一番最高な技術なわけじゃない
一番需要があるのは、一番バランスがいい技術なんだ

何が一番なんなのか、そこを間違えてはいけない

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

react圧倒的だな

https://trends.google.co.jp/trends/explore?cat=13&;date=today%205-y,today%205-y,today%205-y,today%205-y&geo=,,,&q=%2Fm%2F012l1vxv,%2Fm%2F0j45p7w,%2Fg%2F11c0vmgx5d,Svelte#TIMESERIES

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

>>933
調べなきゃ使い方がわからないとも言えるんだよな

**デフォルトの名無しさん** · 2021/01/14(木) 22:54:19.75

Reactそんなに難しいかな？
DOMとJSさえ把握してれば、わりとすぐ使えようになる気がするけど

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

>>930
Wappalyzer入れながら自分の知ってるサービス見てみたら？
知らんつもりで使ってるかもしれんよ。
ユーザ企業だけど、割とベンダーはReactかVue使ってくるし、
俺が作ってるのはVue使ってる。

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

>>933
なんで急落してるんだ？

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

DOM扱いは明らかにreactのがjqueryより楽だけど、非同期処理に関してはjqueryのが楽だわ。

**デフォルトの名無しさん** · 2021/01/15(金) 01:26:00.65

非同期処理はasync awaitで決着ついてる

**デフォルトの名無しさん** · 2021/01/15(金) 01:57:16.01

ついてねーよカス。そのコードをどこに置くかって話だよ。

**デフォルトの名無しさん** · 2021/01/15(金) 01:58:51.99

>>940
おまえは一生ajax読んどけクズが

**デフォルトの名無しさん** · 2021/01/16(土) 22:08:24.04

JQueryとVue.jsのどちらを勉強しようか悩んでいたけど、>>915を見ると、
JQueryの方が良さそうだね。

**デフォルトの名無しさん** · 2021/01/16(土) 22:10:23.07

草
スレが加速しそうなレス

**デフォルトの名無しさん** · 2021/01/16(土) 22:28:35.19

まあ初心者なら仕方ない

**デフォルトの名無しさん** · 2021/01/16(土) 23:07:21.18

釣りだろ

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

片方しか勉強できない病

**デフォルトの名無しさん** · 2021/01/16(土) 23:41:29.27

新規にやるならReactの方がいいだろ
なぜVueに飛びつこうとするのか

**デフォルトの名無しさん** · 2021/01/16(土) 23:44:07.37

jQueryも知らない初学者に無茶言うなよ…

**デフォルトの名無しさん** · 2021/01/16(土) 23:54:17.91

実質的にNextが使えないこの先はNuxtにすべきか悩み中

**デフォルトの名無しさん** · 2021/01/17(日) 01:07:10.11

ぶっちゃけReactって覚えること少ないから初心者向けだと思うけどね
その分全部自分で書かなきゃならんし
hooksみたいなとっつきにくいものを身につけなきゃならない
Vueは覚えると楽だけど覚えるまでがすごく大変

**デフォルトの名無しさん** · 2021/01/17(日) 01:37:41.05

jQueryなんて勉強するものじゃないぞ。
あーめんどくせーってなったときjQuery つーかおってちょろっと書くもの。
jQueryすらお勉強しなきゃ使えないってんならプログラム全般致命的に向いてない。

**デフォルトの名無しさん** · 2021/01/17(日) 07:33:09.60

同じことがreactにも言える。
プログラミングを簡単にするものだから楽になってるはずのもの
通常よりも楽になってるはずなのに、それを使うのに苦労してるようじゃ駄目
勉強してようやくreact使えるようじゃプログラム全般に向いてない

**デフォルトの名無しさん** · 2021/01/17(日) 09:48:04.10

>>949
実質的にnextが使えないってどういうこと？

**デフォルトの名無しさん** · 2021/01/17(日) 09:56:23.65

Vercel向けに最適化されてるってアレでしょ。OSSだしそんなに影響ないと思うけど。

**デフォルトの名無しさん** · 2021/01/17(日) 10:03:56.79

jQueryとvue.jsは並用出来るのでしょうか？

**デフォルトの名無しさん** · 2021/01/17(日) 10:29:39.67

jqueryのカラム話題はこっち↓でやってくださいね
守らないと荒らしとみなされますよ

Vue vs React vs Angular vs jQuery Part.3
https://mevius.5ch.net/test/read.cgi/tech/1560333177/

**デフォルトの名無しさん** · 2021/01/17(日) 10:52:38.90

vercel向けに最適化されてるのはわかるけど、そんな問題じゃないと思うけどね

**デフォルトの名無しさん** · 2021/01/17(日) 10:57:14.69

これから先もエッジケースでvercel贔屓の開発は進むかもしれないけど、それが問題になるケースはなさそうだけどね

**デフォルトの名無しさん** · 2021/01/17(日) 11:18:56.65

DOM APIとvue.jsは並用できるのかな？
という話題はここでOK？

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

>>959
なんで併用したいの？
そもそもreactやvueを使うと生のdomを触る機会は基本的にないはずだよ。

**デフォルトの名無しさん** · 2021/01/17(日) 12:52:13.58

ふつう焼いたDOMだよな

**デフォルトの名無しさん** · 2021/01/17(日) 13:10:51.08

>>961
俺は刺し身でいく。

**デフォルトの名無しさん** · 2021/01/17(日) 13:23:20.62

スカート付きか

**デフォルトの名無しさん** · 2021/01/17(日) 14:11:45.46

>>960
jQueryに依存しないDOM APIだけで実装されているライブラリを使いたいからです。
例えばLuminousとかです。

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

なるほど
それでいうと使える。

https://ja.reactjs.org/docs/refs-and-the-dom.html

ただ使う場合はrefを使用してdomにアクセスする様にしてね。上のリンクのいつrefを使うかにも書いてあるけど

**デフォルトの名無しさん** · 2021/01/17(日) 14:35:37.43

俺が貼ったdocにはcreateRefが使われてるけど、今はuseRefがあるから、それを使えばいいと思う。

**デフォルトの名無しさん** · 2021/01/17(日) 15:56:07.02

>>965
それができるならjQueryでも同じ方法でできますね。
jQueryはただのDOM操作ライブラリですから。
こういう聞き方をするのが良さそうです。

**デフォルトの名無しさん** · 2021/01/17(日) 17:20:00.12

>>967
うん。jqueryも使えるよ。
ただ、reactやvueを使っててjqueryを導入したいと思うケースを俺は思いつかない。

**デフォルトの名無しさん** · 2021/01/17(日) 18:00:08.77

最近知ったけど
reactjsexample.com
ってサイトいいね。いい感じの部品が結構色々ある

**デフォルトの名無しさん** · 2021/01/17(日) 20:51:40.49

仮想DOM使いたくないならsvelteとか使えばいいじゃん
フレームワーク上でjqueryを使う理由ってなによ

**デフォルトの名無しさん** · 2021/01/17(日) 21:08:38.19

通信でajaxでも使いたいんじゃない？

**デフォルトの名無しさん** · 2021/01/17(日) 21:23:38.04

fetchでいいじゃん

**デフォルトの名無しさん** · 2021/01/17(日) 21:25:14.65

ajaxって今思うとすげー恥ずかしいメソッド名だよな

**デフォルトの名無しさん** · 2021/01/17(日) 21:26:50.06

>>970
jQueryを使うのではなくて、
jQueryを使って作った多くの資産、ライブラリを使うんだよ

導入検討のためのサンプルとかPoCとか使い捨てプログラムとか
寿命が短いものばかり作ってんの？

**デフォルトの名無しさん** · 2021/01/17(日) 22:00:48.77

jqueryで書かれたプログラムは一般的に技術的負債になりやすいから、jqueryで書かれたプログラムの方が寿命短いよ。

jqueryで書かれたアプリケーションをみんな頑張ってreactやvueなどのフレームワークで書き換えてるよ。

**デフォルトの名無しさん** · 2021/01/17(日) 22:06:28.70

資産っていうけど、大抵はreactとかで書き直されてるor代替のライブラリがあるよね。

**デフォルトの名無しさん** · 2021/01/17(日) 22:07:29.18

>>975
根拠を全く書いてないし、jQueryの現在のシェアを見れば
それが間違いだってわかる
もう少し説得力が有る回答をしてくれ

**デフォルトの名無しさん** · 2021/01/17(日) 22:09:02.96

>>976
その代替のライブラリに置き換えるだけで
既存のコードが動くんか？

**デフォルトの名無しさん** · 2021/01/17(日) 22:17:20.34

そう思うならそうしてれば良いよ。我々は違う方法を取る。

**デフォルトの名無しさん** · 2021/01/17(日) 22:19:35.81

jqueryのシェアの高さを支えてるのはbootstrapだと思うけど、bootstrapも依存ライブラリとしてjqueryを削除しようとしてるよ。

https://www.infoq.com/news/2020/08/bootsrap-5-drops-jquery/

君こそreactがjqueryに優っているという根拠を示してくれる？

**デフォルトの名無しさん** · 2021/01/17(日) 22:21:02.01

>>977
jqueryプラグインなんてもはや更新すらされていないゴミばかり
バージョン管理もできない

そもそもjqueryオブジェクトとかいう神オブジェクトにすべて突っ込んでるから激重

**デフォルトの名無しさん** · 2021/01/17(日) 22:25:32.63

> 君こそreactがjqueryに優っているという根拠を示してくれる？

ウェブサイトにはjQueryが適してるとしか言ってないんだがな
まあいいや。jQueryは短いコードで目的を達成できる。

例えばリンクをクリックしたら文字を赤くするのはこれだけ

$(document).click(function() { $(this).css({color: red})});

reactで同じことをするコードを書いて欲しい
俺が書いたんだから、次はお前が書くのを要求しても良いはずだよな

**デフォルトの名無しさん** · 2021/01/17(日) 22:29:08.57

>>977
使い始めるハードルが低い方が技術負債になりやすいと思うがな。VBAみたいに。

**デフォルトの名無しさん** · 2021/01/17(日) 22:33:16.34

> 使い始めるハードルが低い方が
JavaScriptの話でもしてんの？

**デフォルトの名無しさん** · 2021/01/17(日) 22:38:46.31

>>974
jquery1,2系は公式に廃止されているわけだが、それに依存した過去の資産を使い続けるメリットを教えてくれよ
脆弱性にも対応してしないし設計も古くて副作用があるけど、それを上回るメリットがあるんだろ？

**デフォルトの名無しさん** · 2021/01/17(日) 22:47:52.66

クリックしたら赤wwwwwwwwwwww

**デフォルトの名無しさん** · 2021/01/17(日) 22:48:59.63

前提としてタイプ量の短さで判断しようとしてるのが愚か

一生フレームワークを比較する時にクリックした要素を赤くして遊んどけばいい

**デフォルトの名無しさん** · 2021/01/17(日) 22:55:52.51

案の定反論できずに遠吠えでした

**デフォルトの名無しさん** · 2021/01/17(日) 22:57:31.20

>>982
お前は一生jQuery書いてりゃいいよ

**デフォルトの名無しさん** · 2021/01/17(日) 22:59:15.75

エディタがコード補完するのが当たり前のこのご時勢にコード量を言語優劣の根拠にされても困るよな

**デフォルトの名無しさん** · 2021/01/17(日) 23:08:13.19

正直Vueとかで書いた後でもjQueryの方がいいとか言っている奴は完全に向いてないｗ

**デフォルトの名無しさん** · 2021/01/17(日) 23:21:11.71

だからreactでもvueでも同等のコードを書いてから
これがどういう点で優れてるかを説明すりゃいいのにｗ

**デフォルトの名無しさん** · 2021/01/17(日) 23:25:59.51

次スレこれでええか
https://mevius.5ch.net/test/read.cgi/tech/1596110361/

**デフォルトの名無しさん** · 2021/01/17(日) 23:33:09.04

>>950
Reactの場合バージョンアップして何かが変わったとしてもJavaScriptがベースにある限りそんなに困る事はないと思うがVueはそうはいかないからな

**デフォルトの名無しさん** · 2021/01/17(日) 23:34:02.06

>>992
もうね、お話にならないんだよゴミ
一生jquery使ってろゴミ

**デフォルトの名無しさん** · 2021/01/17(日) 23:49:28.54

ReactやVueの欠点はnode_modulesが巨大すぎることだけ
それ以外のすべてでjqueryより上

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

jQueryって状態をグローバル変数で管理するしかなくて
相当辛い
その例みたいにCSSをちょこっと変えるとかならjQueryじゃなくてもほぼ同じコードでいけるし
IEが死んだ今その用途ですら使う意味はない

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

>>997
> jQueryって状態をグローバル変数で管理するしかなくて

jQueryのせいにするなよ
お前の実力不足じゃんか

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

DOM（ドキュメント"オブジェクト"モデル）なんだからDOM要素を
オブジェクトとして考えればいい。状態はオブジェクト、つまりDOM要素自身が持つ
DOM要素の属性として持たせてもいいし、data属性を使ってもいいし、
jQueryのdataメソッドを使ってDOM要素に結びつけても良い
グローバル変数で管理するしかないのは、単にお前の技術力不足ってだけ

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

次スレ
https://mevius.5ch.net/test/read.cgi/tech/1596110361/