Vue vs React vs Svelte Part.6at TECH
Vue vs React vs Svelte Part.6 - 暇つぶし2ch906:デフォルトの名無しさん
21/01/08 08:08:57.80 sdGloSCX.net
Webサイトは改修しやすくないといけないからな
Reactでガチガチに作っても運用の人たちが困る

907:デフォルトの名無しさん
21/01/08 08:12:22.84 A+Em08N2.net
Webサイト → バニラ or jQuery
Webアプリ → Reactとか
これで結論出てる

908:デフォルトの名無しさん
21/01/08 08:13:08.49 DKQwsFSV.net
Ruby on Rails では、Bootstrap を使うから、
その依存関係で、jQuery も自動的に入る
React は、コンポーネントとして使う

909:デフォルトの名無しさん
21/01/08 08:50:47.46 BMLciGfP.net
意味も分からないバカが大量に沸いて出た。
あるいは、また自演坊の出現か?

910:デフォルトの名無しさん
21/01/08 09:21:04.83 Rc/BvzGB.net
Kentaだなってすぐわかる

911:デフォルトの名無しさん
21/01/08 09:44:49.72 A+Em08N2.net
UIくらい自分で解決しろよってことだなゴミカス

912:デフォルトの名無しさん
21/01/08 10:35:18.69 AdXs4K9l.net
う~んこの特徴的な文章

913:デフォルトの名無しさん
21/01/08 12:05:31.74 hYPH6FIY.net
JQuery UIをぐぐってみた感じ、完全な代替品はreactには無いんじゃないの?
自分がスクラッチしたUIに後からjsの振る舞いを付けてくれるライブラリ群って事だよね。
react、vueの場合、uiとjsの振る舞いをセットでコンポーネント化してあるものがメジャーだから、それらを採用してcssハックで見た目をカスタマイズするしかないと思う。
(コンポーネントによってはslotとかで後から自由にuiを付けられるものもあるので、ぜひドキュメントを見てもらえれば)

914:デフォルトの名無しさん
21/01/08 14:48:23.62 n+eqhbpb.net
あの、いまvueで実装してみたくてテストしていたんですが、
URLリンク(i.imgur.com)
イメージとしては{{message}}のところにデフォで表示される1というメッセージがコンポーネントで作ったボタンを押したらqqqqしたいんです
で、画像のように書いたところalertは表示されるんですが、内容が変わりません
これはおそらくコンポーネントの中に{{message}}とdataも入れてあげれば変わるようにはなるとおもうのですが、
やりたいことはコンポーネントで作ったカスタムボタンを押したらそのコンポーネント外に書いてある{{message}}に値をセットさせたいのです
これってどのように実装すればいいんでしょうか?

915:デフォルトの名無しさん
21/01/08 15:45:58.45 BMLciGfP.net
const element = <div id="A" />;

element.props.id = "B"; //--- TypeError: Cannot assign to read only property 'props' of object '#<Object>'
上記でエラーになるんですが、一度設定したプロパティを変更する事は可能?
もしかして出来なかったのだろうか...

916:デフォルトの名無しさん
21/01/08 19:38:17.54 hYPH6FIY.net
Emitを使えばいける。
vueのドキュメントのemitかstoreパターンの項を一度読んだ方が効率がいいと思う。
もしくはハンズオンの書籍で体系的に学ぶか。
またエディタはvscodeとか使った方が時短になります。

917:デフォルトの名無しさん
21/01/08 19:56:38.91 k0iEsoH9.net
プロパティは親からしか、変更できない。
dataとコンポーネントを紐付けている場合は、プロパティをwatchして変更を検知し、dataに反映する必要あり。

918:デフォルトの名無しさん
21/01/10 16:53:28.20 WtiCCgZ7.net
vue3、vue-cliのデフォルト設定だとローカルサーバーでtsファイルに定義したtypeの再コンパイルが走らなくてきっつー。
解決してる人いたら設定教えてくださいっす。

919:デフォルトの名無しさん
21/01/11 01:16:33.18 Nxf8SjHi.net
>>902
そんなあなたにvuex

920:デフォルトの名無しさん
21/01/11 08:18:12.32 yItx+DMm.net
>>906
serveでってことだよね。何もせずとも普通にやってくれるが?

921:デフォルトの名無しさん
21/01/13 16:35:56.54 atGCk1//.net
jotaiっていうReact用の状態管理ライブラリめちゃくちゃ良いじゃない
なんでこれ話題になってないの?

922:デフォルトの名無しさん
21/01/13 16:45:17.31 aKycOZrd.net
いいのはたくさんある。
だが結局は多くの人が使っているものが普及する

923:デフォルトの名無しさん
21/01/13 17:03:02.91 mK+3gZUP.net
>>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
URLリンク(www.infoq.com)
たぶん日本語の「状態」からw

924:デフォルトの名無しさん
21/01/13 17:28:20.42 atGCk1//.net
>>911
おー出てたか
recoilよりはかなり使いやすい
とりあえず趣味プロダクトで使ってみる

925:デフォルトの名無しさん
21/01/13 19:06:48.50 J1EgIBFs.net
女体

926:デフォルトの名無しさん
21/01/13 19:40:18.84 mK+3gZUP.net
それはにょたいと読むから違うと思う

927:デフォルトの名無しさん
21/01/14 06:26:51.19 C2CclXL8.net
またみずちが変なこと言ってんなw
jQueryを求めてないって考えが間違いなんだってば
2021年1月時点のシェア 77.2%
URLリンク(w3techs.com)
2020年の1月から一年で +3.0%
今日の時点でシェア + 0.1%
需要は未だにjQueryが一番あるというのに
それを理解できないおじさん

928:デフォルトの名無しさん
21/01/14 06:47:13.36 mrWYZ3Pm.net
すなわち jQuery はウェブ制作板って事だろ。

929:デフォルトの名無しさん
21/01/14 07:37:51.87 ime41wMA.net
jQueryはDOMラッパーとしてしか使ってないわ

930:デフォルトの名無しさん
21/01/14 07:58:35.14 mrWYZ3Pm.net
ここはム板だからjQueryはあまり流行らない。
しかし世界は依然としてjQueryで出来てるのだろう。
そもそも論としてウェブサイトはアプリじゃないので。

931:デフォルトの名無しさん
21/01/14 08:39:14.28 C2CclXL8.net
いい加減ウェブアプリではjQueryは適さないって言えばいいのに
なぜかjQueryを目の敵にしてるw
自分が使わないからって、みんなも使わないと思うんじゃねーよ

932:デフォルトの名無しさん
21/01/14 08:45:47.25 cF+v3Ffe.net
正直jQueryの話をされても、EVの話をしてる時に馬車の話を始められるような気分

933:デフォルトの名無しさん
21/01/14 09:05:51.42 C0zlkM1X.net
ここはウェブサイトについて語る場所ではないので

934:デフォルトの名無しさん
21/01/14 12:43:00.94 4wMNB5xS.net
なんでこのスレタイ見て単なるウェブサイトの話題だと思うのか

935:デフォルトの名無しさん
21/01/14 16:42:19.64 KwILXC98.net
jQuery使ってる連中って、そもそもSPA用の開発環境構築出来るだけのスキルがないだろ
npmコマンド叩けるかも怪しい

936:デフォルトの名無しさん
21/01/14 17:33:50.48 RlMq/Epg.net
SPA用の開発環境構築するのが目的となってるなw
必要ならやるだけだろ

937:デフォルトの名無しさん
21/01/14 18:40:14.24 KwILXC98.net
SPA開発が流行らない理由は明白で、保守出来るやつが少なすぎるのよな
開発環境構築するのが目的のエンジニアがいると思うやつとか、
世間は頭が悪いやつが多すぎるのよ

938:デフォルトの名無しさん
21/01/14 19:54:36.53 YZxjw0oN.net
jQueryが使われてるというよりリプレイスできないから
シェアがそのままなんだろう
巨大サービスを作り直すとかGAFA以外無理だろう

939:デフォルトの名無しさん
21/01/14 19:59:19.79 0OjTyh5I.net
javaパーシステム屋と業務システム開発してるんだが俺のSPAフロントにビビっててこいつらいつの時代の連中なんだって感じ
誰一人理解してない

940:デフォルトの名無しさん
21/01/14 20:02:57.14 YZxjw0oN.net
一時期jQuery+handlebars+railsで無双してたな
フルスタックのフリーランスだったからマジで稼げた
最近は要素技術が多くなり過ぎて
全部1人でやるのが難しくなってきた

941:デフォルトの名無しさん
21/01/14 20:15:26.01 uwcPbgN/.net
QiitaとかDev.toとか見てるとNext.jsが破竹の勢いに見える

942:デフォルトの名無しさん
21/01/14 20:26:00.99 T4mjjynb.net
少なくとも日本でreactやvueを採用するって10%も無い気がする
それくらい何というか使える人も案外少ないし概念もややこしいのかなと
誰かが構築している上で構築した人の説明があって単にプログラム書くだけなら
案外簡単とは思うけど、一から構築するとなるとある程度知らないと出来ないだろうし
世界ではこの辺の技術の最先端が前に行き過ぎという感じがするなぁ
かといって今更jQueryで書く気はしないけど現実は中々そうは行かないという感じか

943:デフォルトの名無しさん
21/01/14 20:36:48.04 1FBYdS11.net
一番需要があると一番最高な技術なんだそうだw

944:デフォルトの名無しさん
21/01/14 21:06:57.91 pw+xUaFj.net
一番需要があるからといって、一番最高な技術なわけじゃない
一番需要があるのは、一番バランスがいい技術なんだ
何が一番なんなのか、そこを間違えてはいけない

945:デフォルトの名無しさん
21/01/14 21:30:12.38 ime41wMA.net
react圧倒的だな
URLリンク(trends.google.co.jp)

946:デフォルトの名無しさん
21/01/14 21:36:43.32 pw+xUaFj.net
>>933
調べなきゃ使い方がわからないとも言えるんだよな

947:デフォルトの名無しさん
21/01/14 22:54:19.75 cF+v3Ffe.net
Reactそんなに難しいかな?
DOMとJSさえ把握してれば、わりとすぐ使えようになる気がするけど

948:デフォルトの名無しさん
21/01/14 23:14:01.32 QYOIxwgk.net
>>930
Wappalyzer入れながら自分の知ってるサービス見てみたら?
知らんつもりで使ってるかもしれんよ。
ユーザ企業だけど、割とベンダーはReactかVue使ってくるし、
俺が作ってるのはVue使ってる。

949:デフォルトの名無しさん
21/01/14 23:24:32.61 YZxjw0oN.net
>>933
なんで急落してるんだ?

950:デフォルトの名無しさん
21/01/15 01:20:06.11 qcfmQYUH.net
DOM扱いは明らかにreactのがjqueryより楽だけど、非同期処理に関してはjqueryのが楽だわ。

951:デフォルトの名無しさん
21/01/15 01:26:00.65 qV+ZeCor.net
非同期処理はasync awaitで決着ついてる

952:デフォルトの名無しさん
21/01/15 01:57:16.01 qcfmQYUH.net
ついてねーよカス。そのコードをどこに置くかって話だよ。

953:デフォルトの名無しさん
21/01/15 01:58:51.99 qV+ZeCor.net
>>940
おまえは一生ajax読んどけクズが

954:デフォルトの名無しさん
21/01/16 22:08:24.04 J+DIrtXG.net
JQueryとVue.jsのどちらを勉強しようか悩んでいたけど、

955:target="_blank" class="reply_link">>>915を見ると、 JQueryの方が良さそうだね。



956:デフォルトの名無しさん
21/01/16 22:10:23.07 HVEkoRC9.net

スレが加速しそうなレス

957:デフォルトの名無しさん
21/01/16 22:28:35.19 7EFKht41.net
まあ初心者なら仕方ない

958:デフォルトの名無しさん
21/01/16 23:07:21.18 t4nHUbXC.net
釣りだろ

959:デフォルトの名無しさん
21/01/16 23:16:41.06 jZHiFUeq.net
片方しか勉強できない病

960:デフォルトの名無しさん
21/01/16 23:41:29.27 7+s5ajVF.net
新規にやるならReactの方がいいだろ
なぜVueに飛びつこうとするのか

961:デフォルトの名無しさん
21/01/16 23:44:07.37 EYVeHh6u.net
jQueryも知らない初学者に無茶言うなよ…

962:デフォルトの名無しさん
21/01/16 23:54:17.91 X8J3okh4.net
実質的にNextが使えないこの先はNuxtにすべきか悩み中

963:デフォルトの名無しさん
21/01/17 01:07:10.11 8yxv55PR.net
ぶっちゃけReactって覚えること少ないから初心者向けだと思うけどね
その分全部自分で書かなきゃならんし
hooksみたいなとっつきにくいものを身につけなきゃならない
Vueは覚えると楽だけど覚えるまでがすごく大変

964:デフォルトの名無しさん
21/01/17 01:37:41.05 CR1cS2lt.net
jQueryなんて勉強するものじゃないぞ。
あーめんどくせーってなったときjQuery つーかおってちょろっと書くもの。
jQueryすらお勉強しなきゃ使えないってんならプログラム全般致命的に向いてない。

965:デフォルトの名無しさん
21/01/17 07:33:09.60 r01V6dG2.net
同じことがreactにも言える。
プログラミングを簡単にするものだから楽になってるはずのもの
通常よりも楽になってるはずなのに、それを使うのに苦労してるようじゃ駄目
勉強してようやくreact使えるようじゃプログラム全般に向いてない

966:デフォルトの名無しさん
21/01/17 09:48:04.10 d8MroxOV.net
>>949
実質的にnextが使えないってどういうこと?

967:デフォルトの名無しさん
21/01/17 09:56:23.65 1YpVluAF.net
Vercel向けに最適化されてるってアレでしょ。OSSだしそんなに影響ないと思うけど。

968:デフォルトの名無しさん
21/01/17 10:03:56.79 mfJLlMXm.net
jQueryとvue.jsは並用出来るのでしょうか?

969:デフォルトの名無しさん
21/01/17 10:29:39.67 Yo3g4fKq.net
jqueryのカラム話題はこっち↓でやってくださいね
守らないと荒らしとみなされますよ
Vue vs React vs Angular vs jQuery Part.3
スレリンク(tech板)

970:デフォルトの名無しさん
21/01/17 10:52:38.90 d8MroxOV.net
vercel向けに最適化されてるのはわかるけど、そんな問題じゃないと思うけどね

971:デフォルトの名無しさん
21/01/17 10:57:14.69 d8MroxOV.net
これから先もエッジケースでvercel贔屓の開発は進むかもしれないけど、それが問題になるケースはなさそうだけどね

972:デフォルトの名無しさん
21/01/17 11:18:56.65 r01V6dG2.net
DOM APIとvue.jsは並用できるのかな?
という話題はここでOK?

973:デフォルトの名無しさん
21/01/17 12:30:38.61 d8MroxOV.net
>>959
なんで併用したいの?
そもそもreactやvueを使うと生のdomを触る機会は基本的にないはずだよ。

974:デフォルトの名無しさん
21/01/17 12:52:13.58 wK0lC+BJ.net
ふつう焼いたDOMだよな

975:デフォルトの名無しさん
21/01/17 13:10:51.08 mfJLlMXm.net
>>961
俺は刺し身でいく。

976:デフォルトの名無しさん
21/01/17 13:23:20.62 72VIHRdN.net
スカート付きか

977:デフォルトの名無しさん



978:2021/01/17(日) 14:11:45.46 ID:r01V6dG2.net



979:デフォルトの名無しさん
21/01/17 14:33:09.85 d8MroxOV.net
なるほど
それでいうと使える。
URLリンク(ja.reactjs.org)
ただ使う場合はrefを使用してdomにアクセスする様にしてね。上のリンクのいつrefを使うかにも書いてあるけど

980:デフォルトの名無しさん
21/01/17 14:35:37.43 d8MroxOV.net
俺が貼ったdocにはcreateRefが使われてるけど、今はuseRefがあるから、それを使えばいいと思う。

981:デフォルトの名無しさん
21/01/17 15:56:07.02 r01V6dG2.net
>>965
それができるならjQueryでも同じ方法でできますね。
jQueryはただのDOM操作ライブラリですから。
こういう聞き方をするのが良さそうです。

982:デフォルトの名無しさん
21/01/17 17:20:00.12 d8MroxOV.net
>>967
うん。jqueryも使えるよ。
ただ、reactやvueを使っててjqueryを導入したいと思うケースを俺は思いつかない。

983:デフォルトの名無しさん
21/01/17 18:00:08.77 mJ1vDarZ.net
最近知ったけど
reactjsexample.com
ってサイトいいね。いい感じの部品が結構色々ある

984:デフォルトの名無しさん
21/01/17 20:51:40.49 72VIHRdN.net
仮想DOM使いたくないならsvelteとか使えばいいじゃん
フレームワーク上でjqueryを使う理由ってなによ

985:デフォルトの名無しさん
21/01/17 21:08:38.19 BpZanF9R.net
通信でajaxでも使いたいんじゃない?

986:デフォルトの名無しさん
21/01/17 21:23:38.04 1YpVluAF.net
fetchでいいじゃん

987:デフォルトの名無しさん
21/01/17 21:25:14.65 8yxv55PR.net
ajaxって今思うとすげー恥ずかしいメソッド名だよな

988:デフォルトの名無しさん
21/01/17 21:26:50.06 OsPht3CQ.net
>>970
jQueryを使うのではなくて、
jQueryを使って作った多くの資産、ライブラリを使うんだよ
導入検討のためのサンプルとかPoCとか使い捨てプログラムとか
寿命が短いものばかり作ってんの?

989:デフォルトの名無しさん
21/01/17 22:00:48.77 d8MroxOV.net
jqueryで書かれたプログラムは一般的に技術的負債になりやすいから、jqueryで書かれたプログラムの方が寿命短いよ。
jqueryで書かれたアプリケーションをみんな頑張ってreactやvueなどのフレームワークで書き換えてるよ。

990:デフォルトの名無しさん
21/01/17 22:06:28.70 d8MroxOV.net
資産っていうけど、大抵はreactとかで書き直されてるor代替のライブラリがあるよね。

991:デフォルトの名無しさん
21/01/17 22:07:29.18 OsPht3CQ.net
>>975
根拠を全く書いてないし、jQueryの現在のシェアを見れば
それが間違いだってわかる
もう少し説得力が有る回答をしてくれ

992:デフォルトの名無しさん
21/01/17 22:09:02.96 OsPht3CQ.net
>>976
その代替のライブラリに置き換えるだけで
既存のコードが動くんか?

993:デフォルトの名無しさん
21/01/17 22:17:20.34 1YpVluAF.net
そう思うならそうしてれば良いよ。我々は違う方法を取る。

994:デフォルトの名無しさん
21/01/17 22:19:35.81 d8MroxOV.net
jqueryのシェアの高さを支えてるのはbootstrapだと思うけど、bootstrapも依存ライブラリとしてjqueryを削除しようとしてるよ。
URLリンク(www.infoq.com)
君こそreactがjqueryに優っているという根拠を示してくれる?

995:デフォルトの名無しさん
21/01/17 22:21:02.01 8vORy5BE.net
>>977
jqueryプラグインなんてもはや更新すらされていないゴミばかり
バージョン管理もできない
そもそもjqueryオブジェクトとかいう神オブジェクトにすべて突っ込んでるから激重

996:デフォルトの名無しさん
21/01/17 22:25:32.63 OsPht3CQ.net
> 君こそreactがjqueryに優っているという根拠を示してくれる?
ウェブサイトにはjQueryが適してるとしか言ってないんだがな
まあいいや。jQueryは短いコードで目的を達成できる。
例えばリンクをクリックしたら文字を赤くするのはこれだけ
$(document).click(function() { $(this).css({color: red})});
reactで同じことをするコードを書いて欲しい
俺が書いたんだから、次はお前が書くのを要求しても良いはずだよな

997:デフォルトの名無しさん
21/01/17 22:29:08.57 wmH8ypzJ.net
>>977
使い始めるハードルが低い方が技術負債になりやすいと思うがな。VBAみたいに。

998:デフォルトの名無しさん
21/01/17 22:33:16.34 OsPht3CQ.net
> 使い始めるハードルが低い方が
JavaScriptの話でもしてんの?

999:デフォルトの名無しさん
21/01/17 22:38:46.31 72VIHRdN.net
>>974
jquery1,2系は公式に廃止されているわけだが、それに依存した過去の資産を使い続けるメリットを教えてくれよ
脆弱性にも対応してしないし設計も古くて副作用があるけど、それを上回るメリットがあるんだろ?

1000:デフォルトの名無しさん
21/01/17 22:47:52.66 8vORy5BE.net
クリックしたら赤wwwwwwwwwwww

1001:デフォルトの名無しさん
21/01/17 22:48:59.63 d8MroxOV.net
前提としてタイプ量の短さで判断しようとしてるのが愚か
一生フレームワークを比較する時にクリックした要素を赤くして遊んどけばいい

1002:デフォルトの名無しさん
21/01/17 22:55:52.51 OsPht3CQ.net
案の定反論できずに遠吠えでした

1003:デフォルトの名無しさん
21/01/17 22:57:31.20 8yxv55PR.net
>>982
お前は一生jQuery書いてりゃいいよ

1004:デフォルトの名無しさん
21/01/17 22:59:15.75 AKfNh2XQ.net
エディタがコード補完するのが当たり前のこのご時勢にコード量を言語優劣の根拠にされても困るよな

1005:デフォルトの名無しさん
21/01/17 23:08:13.19 dOaDIqpV.net
正直Vueとかで書いた後でもjQueryの方がいいとか言っている奴は完全に向いてないw

1006:デフォルトの名無しさん
21/01/17 23:21:11.71 OsPht3CQ.net
だからreactでもvueでも同等のコードを書いてから
これがどういう点で優れてるかを説明すりゃいいのにw

1007:デフォルトの名無しさん
21/01/17 23:25:59.51 1YpVluAF.net
次スレこれでええか
スレリンク(tech板)

1008:デフォルトの名無しさん
21/01/17 23:33:09.04 mJ1vDarZ.net
>>950
Reactの場合バージョンアップして何かが変わったとしてもJavaScriptがベースにある限りそんなに困る事はないと思うがVueはそうはいかないからな

1009:デフォルトの名無しさん
21/01/17 23:34:02.06 8vORy5BE.net
>>992
もうね、お話にならないんだよゴミ
一生jquery使ってろゴミ

1010:デフォルトの名無しさん
21/01/17 23:49:28.54 EUAXc1yB.net
ReactやVueの欠点はnode_modulesが巨大すぎることだけ
それ以外のすべてでjqueryより上

1011:デフォルトの名無しさん
21/01/18 00:41:57.79 xEqPTcle.net
jQueryって状態をグローバル変数で管理するしかなくて
相当辛い
その例みたいにCSSをちょこっと変えるとかならjQueryじゃなくてもほぼ同じコードでいけるし
IEが死んだ今その用途ですら使う意味はない

1012:デフォルトの名無しさん
21/01/18 01:15:22.90 5We8pJJc.net
>>997
> jQueryって状態をグローバル変数で管理するしかなくて
jQueryのせいにするなよ
お前の実力不足じゃんか

1013:デフォルトの名無しさん
21/01/18 01:19:01.91 5We8pJJc.net
DOM(ドキュメント"オブジェクト"モデル)なんだからDOM要素を
オブジェクトとして考えればいい。状態はオブジェクト、つまりDOM要素自身が持つ
DOM要素の属性として持たせてもいいし、data属性を使ってもいいし、
jQueryのdataメソッドを使ってDOM要素に結びつけても良い
グローバル変数で管理するしかないのは、単にお前の技術力不足ってだけ

1014:デフォルトの名無しさん
21/01/18 01:26:03.82 l5OvVjDc.net
次スレ
スレリンク(tech板)

1015:1001
Over 1000 Thread.net
このスレッドは1000を超えました。
新しいスレッドを立ててください。
life time: 82日 12時間 16分 58秒

1016:過去ログ ★
[過去ログ]
■ このスレッドは過去ログ倉庫に格納されています


最新レス表示
レスジャンプ
類似スレ一覧
スレッドの検索
話題のニュース
おまかせリスト
オプション
しおりを挟む
スレッドに書込
スレッドの一覧
暇つぶし2ch