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/03(日) 01:01:48.04

全く別物ではないな中身見てないだろ
もちろん範囲外のものもカバーしてるけども

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

例えば
Tailwindなら
<div className="w-full mx-4 my-2"></div>
Chakraなら
<Box w="full" mx={4} my={2}></Box>
で同じ結果になる。
colorもレスポンシブも同様にあるしな。

まぁ全く同じもので厳密に比較しないと死ぬ病気だったらすまんな、忘れてくれ。

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

あほくさ。
上は単なるcssクラス
下はreactコンポーネントじゃん。
下はJSXで書いてるから似て見えるだけ。
実態はJS関数じゃん。
いったいどこが同じなのかｗ
cssなんて基本要素も甚だしいんだからそれで似てる言ってたらWeb用のありとあらゆるライブラリが似てるｗ

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

知らんけど使用感のことを言ってるんでしょ？
内部構造が別だからってギャーギャーつっかかってもしゃあないやん...

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

このフレームワーク流行ってるのか
使ってみようかな
趣味プロダクトのデザインマジで面倒だ

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

まあ>>859が正しいわな
どちらを使うかで迷う人が多いから、わざわざ比較ページでピンポイント比較しているわけで

ただChakraは、使うのを止めるってなった時に地獄を見そうだな
react-bootstrapで地獄を見た私はそう思うぜ

**デフォルトの名無しさん** · 2021/01/03(日) 16:18:33.59

materializecssってオワコンなの？

**デフォルトの名無しさん** · 2021/01/03(日) 19:55:53.47

https://i.imgur.com/2YClP8H.png
そーす
https://2020.stateofcss.com/ja-JP/

これ見るとまだオワコンではないと思う、他が大きく下げたものが多いから順位は上げてる。
TailwindCSSが断トツではあるけどね。

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

でもお前らのゴミみたいなセンスじゃ何使ってもどうにもならないじゃん？

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

はいはい

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

>>869
ゴミみたいなセンスだから優秀なライブラリを使うんだろうが
OSSタダ乗りおじさん舐めんな

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

AWSのことかな？ｗ
批判にあわてて援助し出したんだっけ？ｗ

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

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

**デフォルトの名無しさん** · 2021/01/04(月) 17:33:54.18

意味不明だな

**デフォルトの名無しさん** · 2021/01/05(火) 17:59:59.74

スライムというワイルドカード

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

jqueryUIたいなライブラリー
なにか知りませんか？

Reactで使いますが、
React用じゃなくても良いですので。

**デフォルトの名無しさん** · 2021/01/07(木) 00:03:32.99

JQuery UIでいいじゃんそれ

**デフォルトの名無しさん** · 2021/01/07(木) 00:36:41.77

BootstrapとかMaterial-UIの事言ってる？

**デフォルトの名無しさん** · 2021/01/07(木) 12:47:58.31

bootsrtapは？

**デフォルトの名無しさん** · 2021/01/07(木) 15:12:43.36

bootstrapよりどちらかというとvelocityとかじゃね

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

JQuery UIの主にインタラクションのような機能です。
Draggable
Droppable
Resizable
Selectable
Sortable

自前のコントロールを作ろうとすると必ずこの壁にぶち当たります。

**デフォルトの名無しさん** · 2021/01/07(木) 20:50:34.46

React に、そういう機能のコンポーネントは無いの？

**デフォルトの名無しさん** · 2021/01/07(木) 22:24:29.72

ないと思う
俺もjQueryUIのコンポーネント使いまくってるやつは移行が不可能
全部作らないといけないし
新規でやるときは使うんだが

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

いや少なくともReact DnDでuseDragとuseDropはあるけど…？
そういうことじゃなく？？

**デフォルトの名無しさん** · 2021/01/08(金) 00:07:17.50

ReactでjQueryUIを使う場合、
なのか問題とかあるのかな？

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

仮想DOM のReact と、実DOMを更新するjQuery の更新タイミングを、
React のタイミングに合わせる必要がある

合っていないと、jQueryで更新しても、
その後、Reactでは更新していないと思われて、元の状態に戻ってしまう

**デフォルトの名無しさん** · 2021/01/08(金) 02:03:55.07

>>886
それはなんとか大丈夫かな？

それよりもjqueryUIのベストなロードの方法はなんだろうか？

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

いやだからjQueryUI互換のReactのコンポーネントライブラリが欲しいんだよ
なんやかんやいってjQueryUIの出来はめちゃくちゃいい

**デフォルトの名無しさん** · 2021/01/08(金) 02:40:50.44

なんでUIライブラリ二重に使おうとするわけ？
野球帽の上にシルクハット被っても問題ないかな？と言ってるに等しいのでは？
これは問題あるともないとも言える。
可能不可能で言えば問題ないとも言えるが、バカに見えるという点では問題あると言える。

**デフォルトの名無しさん** · 2021/01/08(金) 02:44:47.94

>>889
jqueryUIよく知ってますか？

**デフォルトの名無しさん** · 2021/01/08(金) 02:44:56.99

>>889
バカはお前だろ
jQueryUIはコンポーネントライブラリだぞ

**デフォルトの名無しさん** · 2021/01/08(金) 07:47:08.14

俺はangular使ってるがmaterialUIがまんまそれに相当する
React にもあるはず。ちゃんと探そう

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

あちこちで言われてるんだからいい加減理解してほしいもんだけど
ReactとかはjQueryの代替にはならないの

ウェブサイト全体をウェブアプリに作り変える場合に使うもので
インターフェースはほぼ全部作り変えでUIを自分で作るためのものなの

jQueryだけじゃなくてブラウザ標準のDOM APIとも相性が悪い
全てをReactのやり方に置き換えるレベルじゃないと単に開発しづらくなるだけ

jQueryのシェアは去年一年で3%増えました。主に今までなにも使ってないところが
採用するのがjQueryです。まだ増え続けています。
その他のフレームワークは0.1%増えるか増えないかだよ
https://w3techs.com/technologies/history_overview/javascript_library/all/y

殆どのところは開発効率が上がらないか逆に下がってしまって却下されてるんだろう

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

Webサイトは改修しやすくないといけないからな
Reactでガチガチに作っても運用の人たちが困る

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

Webサイト → バニラ or jQuery
Webアプリ → Reactとか

これで結論出てる

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

Ruby on Rails では、Bootstrap を使うから、
その依存関係で、jQuery も自動的に入る

React は、コンポーネントとして使う

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

意味も分からないバカが大量に沸いて出た。

あるいは、また自演坊の出現か？

**デフォルトの名無しさん** · 2021/01/08(金) 09:21:04.83

Kentaだなってすぐわかる

**デフォルトの名無しさん** · 2021/01/08(金) 09:44:49.72

UIくらい自分で解決しろよってことだなゴミカス

**デフォルトの名無しさん** · 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を触る機会は基本的にないはずだよ。