20/12/30 01:01:03.26 eKh3SvG1.net
スレ違いなネタでろくに知識もないのに平気で一人で盛り上がってる感じ、またC#おじさんかよ。NGすとこ
825:デフォルトの名無しさん
20/12/30 01:12:42.10 lGcdPzxm.net
>>812
９月２日から１０月１０日までレスが３つしか付かなかった過疎スレだったんだよね
テーマに沿って話して過疎るか雑談でスレを伸ばすかのどっちかで雑談でもいいと思う
でないと話すことなくて過疎る
雑談が嫌なら来なければいい
826:デフォルトの名無しさん
20/12/30 01:42:40.61 zA1s3IaL.net
なんでjs前提のスレで他言語について話してんだ○イジかよと思ったけど。もともと過疎スレだったのか。
フロントエンドFrameworkはすでに別にスレがあるから、雑談スレでもいいかもね。
827:デフォルトの名無しさん
20/12/30 01:56:29.40 Cptlqs6D.net
みんなどうやったら良いSPAが作れるか議論したいんじゃないの
今更だけどスレタイで技術を限定するのは世界を狭めていると思う
C#おじさんはうざいかもしれないがまがいなりにもSPAを作る技術があるわけで
828:デフォルトの名無しさん
20/12/30 02:08:36.28 sThloFfy.net
わいはSSRの方がすこだ！
829:デフォルトの名無しさん
20/12/30 03:37:46.36 olxuh5fb.net
C#おじさんの自演ここまでくると怖い
本当に年内に病院に行くべき
830:デフォルトの名無しさん
20/12/30 05:45:50.88 WuRkJ7SN.net
>>816
Next.jsなら今はSSG推奨
831:デフォルトの名無しさん
20/12/30 06:08:39.70 npFXMZqI.net
時代はISR
832:デフォルトの名無しさん
20/12/30 06:38:08.28 Kz0vlNp0.net
>>813
C#おじさんいっつも最後にはそれ言い出すな。荒らしが荒らして伸びるより過疎スレの方がどう考えたって健全じゃん。
スレが伸びることが何の免罪符になると思ってんだか
833:デフォルトの名無しさん
20/12/30 10:00:04.98 TuVgzDLD.net
まあアホみたいにC#に反論して悪かった。
そりゃそうでそもそもスレチだわな。
React今更やり直してんだけど、スタイルってどうやってる？
Vueみたいにコンポーネントごとに書いといたらcssが一本ドーンとできるみたいな仕組みが欲しいんだが、見た感じなさそう。
css in jsでインラインスタイルみたいな感じで当てまくるのが王道なの？
834:デフォルトの名無しさん
20/12/30 11:50:39.35 mn0czGQ5.net
react というかNext.jsってpagesの中でscssをimport する時って
各エレメントにclassName={hoge.kage} って手動でクラス名を紐付けないと駄目なの？
比較して申し訳ないけど、vueだとcss側に*{color:red}とか.main{border:1px;}、html側に<div class="main">と書くだけで
コンポーネント単位でdata-v-xxxx ってスコープ切って紐付けてくれるんだが、そういうのは無し？
前の人と多分同じネタかなこれ
835:デフォルトの名無しさん
20/12/30 12:16:17.47 TuVgzDLD.net
>>822
同じネタだと思う。
かつ、俺less使ってて、共通色とか基本サイズ数とかの定数値を、importしてるんだけど、これをきれいに解決する方法がわからん。
836:デフォルトの名無しさん
20/12/30 12:34:12.03 zA1s3IaL.net
横からだけど自分もそれ気になるなあ。
コンポーネントごとcssを別出しするとか色々あるみたいだけど、やり方が複数あって迷うなぁ。
Tailwind使ってるからスタイル自体そんなに充てないけども
837:デフォルトの名無しさん
20/12/30 12:54:00.12 mn0czGQ5.net
>>823
うーむ、Next.jsのgetServerSidePropsに惹かれて試してみたけど、こっちはVueと比べてCSSの考える事は多い感じかな
適当に書くけど、.main > * {color:red}とかやって、子コンポーネントに突き抜けたりしないだろうか・・・。
838:デフォルトの名無しさん
20/12/30 14:36:06.25 97VH6JZh.net
>>820
他人に過疎を味あわせたいというのは異常だし
おまえがこのスレに来なくて過疎を味わい他人がこのスレで雑談して楽しむのはwin-win
スレのテーマを話したい人がいるときに雑談で邪魔しないというマナーはある
839:デフォルトの名無しさん
20/12/30 17:44:12.92 zA1s3IaL.net
>>822
Reactだと、上記と同じことをするのはstyled-componentsかな。
エディタの補完が追いつくのかは気になるけど
URLﾘﾝｸ(qiita.com)
840:デフォルトの名無しさん
20/12/30 18:55:12.14 olxuh5fb.net
>>826
とにかくお前はC#スレに籠ってろ
他の勢いがあるスレに関係ないことを書き込みに来てるのはわかってるんだ
841:デフォルトの名無しさん
20/12/30 20:27:31.52 /bDJ6XEP.net
「過疎スレだから」がスレ違い宣伝荒らしの言い訳ならprologスレとforthスレを盛り上げてこい。これは命令だ。
842:デフォルトの名無しさん
20/12/31 00:25:02.74 QWe6530o.net
Next.jsってアップデートされたけどVercel使わないとまともに使えん的になってきてそこそこの規模でも有料だし
少し大きくなったら年間数万ドルもかかるとかやばくねえっすか？
843:デフォルトの名無しさん
20/12/31 00:48:49.82 ZOSFby6D.net
ちょっと調べたけどnextって今そんなことになってたんだ。面白ー。
まぁまだゆとり向けフレームワークのnuxtちゃんがいますし...
844:デフォルトの名無しさん
20/12/31 07:16:28.08 kXsKi0cH.net
画像最適化やISR等の一部機能がVercel依存なだけじゃないの？
Vercelも自分とこのプラットフォームを使ってほしいだろうけど、客寄せになるNext.jsの人気は必要だから無茶はできないし
845:デフォルトの名無しさん
20/12/31 17:56:20.15 v+HdWO16.net
ReactのNext.jsのgetServerSideProps() に相当する機能ってVueのNuxt.js には無い？
DBアクセスとか、必ずサーバー側で実行して欲しい処理を書きたい
846:デフォルトの名無しさん
20/12/31 20:12:22.49 n8r8zFZ6.net
ある
が基本的すぎてドキュメント読んでないのがバレるぞ
847:デフォルトの名無しさん
20/12/31 23:11:57.32 v+HdWO16.net
asyncDataやfetchだとrouter-link、nuxt-linkでページ遷移するとクライアント側で実行されちゃう認識だけど
それ以外にも必ずサーバサイドで実行される(ロジックの中でfs.readFileSyncが使える)方法あるの？
848:デフォルトの名無しさん
21/01/01 01:01:38.63 I6jeM+Zp.net
getServerSidePropsの意味するところを俺が誤認してたみたい失礼。
asyncDataをサーバ側に限定する方法はない
ServerMiddlewareを使えばサーバ側で動くAPIを作れるから、それをクライアント側から呼ぶ形が一般的
849:デフォルトの名無しさん
21/01/01 01:11:21.91 /+4IUuLb.net
やっぱりページごとにAPI作るのがNuxtの流儀か
管理サイト的なものを作っていて、9割のページがDBのデータを表示してるから
1ページごとにAPIを個別に作るのはしんどいんだよね
それか、router-link禁止で全部<a>タグでのみページ遷移するルールにするかって感じか
850:デフォルトの名無しさん
21/01/01 10:22:39.74 JSeY8OLT.net
>>822
普通にscssで書いてる
一般的なサイトと書き方変わらん
851:デフォルトの名無しさん
21/01/01 11:09:03.93 LgwM8ucz.net
>>838
コンポーネントにではなくて、サイト全体に書いてる感じ？
グローバルに効いちゃうって事？
852:デフォルトの名無しさん
21/01/01 12:13:22.88 JSeY8OLT.net
>>839
index.jsでsassをimportしてるからそんな感じ
といってもscssファイルはページ用とか変数用とかに分けてる
853:デフォルトの名無しさん
21/01/01 13:10:38.63 LgwM8ucz.net
>>840
なるほど。ありがとう。
となると、ちょっと設計方針変えないといかんな。
854:デフォルトの名無しさん
21/01/01 13:44:12.20 JSeY8OLT.net
>>841
あとビルドするときにscssをcssとして出力（package.jsonに記載）したほうがChromeのDeveloperで開発しやすいんでないかな
俺はそうした
jsにスタイル書くのって俺的には無理だったしscssの変数とかmixinどうすんのって感じだったから使ってない
855:デフォルトの名無しさん
21/01/01 20:12:23.69 /+4IUuLb.net
せっかくコンポーネントごとに分けてるのにグローバルな巨大cssを作るのもちょっとなぁ
scssだと入れ子が出来るだろうから素のcssよりゃマシだろうけど
856:デフォルトの名無しさん
21/01/01 22:01:26.56 7dc3kU9y.net
>>842
package.jsonに記載って何を記載するんですか？
857:デフォルトの名無しさん
21/01/01 22:03:44.11 gR0w6/3v.net
いいからガタガタ抜かさずemotion使ってみろってｗ
858:デフォルトの名無しさん
21/01/01 22:05:08.76 gOgGeOog.net
emotion は絶対にない。
linaria は許容できるけど
859:デフォルトの名無しさん
21/01/01 22:30:42.44 8TPOGttB.net
SPAで特定のページにnoindex付けたいんですがどうやるのが正解ですか？
今考えてるのは特定のページに入ったらjqueryでheadにnoindexをぶち込む方法です
860:デフォルトの名無しさん
21/01/01 22:34:56.11 JSeY8OLT.net
>>843
そうなんだけどさ、styled-componentの無理やり感が無理なのとjsがスタイルの記述ばかりになって見通し悪くなるし
あと使ったことないけどstyled-componentだとChromeのDeveloperToolでどうやって調整するんだろ
開発がWebアプリ系なら全体的にほとんど同じスタイルだからそれほど増えなくないかな
>>844
開発用パッケージにcss-loaderとsass-loaderとstyle-loaderをインストール
だったかな
861:デフォルトの名無しさん
21/01/01 22:40:09.79 HdS3p/N5.net
css in js だと goober が軽くてええな
862:デフォルトの名無しさん
21/01/01 22:43:08.73 gOgGeOog.net
styled component と emotion は全く同じ位置付けなんだけど。
styled componentが無理矢理でemotionが無理矢理じゃないのが理解できない。
dev toolpの問題は結構前に解消されてるでしょ。
css in js を使用する人は何を実現したくて使用するのか聞きたい
863:デフォルトの名無しさん
21/01/01 23:02:42.71 gR0w6/3v.net
emotionはstyled component形式でも書けるけどメインはcss prop形式だよ。
css prop形式使わないならstyled component使えばいい。
わざわざemotion使うからにはcss prop形式使うでしょ。
styled component形式は移行のためのサポートと思っとけばいい。
864:デフォルトの名無しさん
21/01/01 23:05:06.53 gOgGeOog.net
URLﾘﾝｸ(emotion.sh)
インターフェイスは styled componentと変わらないと思うけど
865:デフォルトの名無しさん
21/01/01 23:10:00.98 gOgGeOog.net
ちゃんと読まないでレスしてた
css prop形式だと余計に css in js 使う意味ないでしょ。
それだと classNameをconditionで操作してるのと変わらないでしょ
866:デフォルトの名無しさん
21/01/01 23:19:20.92 gR0w6/3v.net
あのねえ、styled componentより後発でたったそれだけのことで人気追い抜くわけないでしょ…
知らないならドキュメント読んで使ってみなさいよ
867:デフォルトの名無しさん
21/01/02 00:13:03.58 gKf/Fv60.net
時代はtailwindCSS
868:デフォルトの名無しさん
21/01/02 15:35:58.93 RXFdEIXY.net
tailwindかtacyonsどっちか迷ってる俺に推しの一言をどうぞ
869:デフォルトの名無しさん
21/01/02 17:42:37.50 wubIjlLH.net
URLﾘﾝｸ(i.imgur.com)
もはや比較の必要あるか？というレベルで大差付けてるけども
最近の人気で言うとTailwindCSSかChakra UIかという感じやな、chakraはreact専用だけども。
870:デフォルトの名無しさん
21/01/02 20:18:33.44 7UePDUod.net
tailwindとchakra uiはスコープだいぶ違うと思うが。
前者はCSSフレームワーク、後者はreact用uiツールキットでしょ
871:デフォルトの名無しさん
21/01/02 22:31:31.83 wubIjlLH.net
>>858
立ち位置は完全には同じでないけど、被ってる部分は結構あってサイト内にも比較ページがあるくらい意識されてるよ。
URLﾘﾝｸ(chakra-ui.com)
背景も使い所も全く別物なら公式がわざわざ用意しないからね
872:デフォルトの名無しさん
21/01/03 00:49:54.47 U3X4E4MI.net
うんそれoverview読むだけでまったく別物だって分かるね
873:デフォルトの名無しさん
21/01/03 01:01:48.04 p2kXTSH1.net
全く別物ではないな中身見てないだろ
もちろん範囲外のものもカバーしてるけども
874:デフォルトの名無しさん
21/01/03 01:12:57.13 p2kXTSH1.net
例えば
Tailwindなら
<div className="w-full mx-4 my-2"></div>
Chakraなら
<Box w="full" mx={4} my={2}></Box>
で同じ結果になる。
colorもレスポンシブも同様にあるしな。
まぁ全く同じもので厳密に比較しないと死ぬ病気だったらすまんな、忘れてくれ。
875:デフォルトの名無しさん
21/01/03 01:16:24.80 U3X4E4MI.net
あほくさ。
上は単なるcssクラス
下はreactコンポーネントじゃん。
下はJSXで書いてるから似て見えるだけ。
実態はJS関数じゃん。
いったいどこが同じなのかｗ
cssなんて基本要素も甚だしいんだからそれで似てる言ってたらWeb用のありとあらゆるライブラリが似てるｗ
876:デフォルトの名無しさん
21/01/03 01:21:20.90 WJLaDztK.net
知らんけど使用感のことを言ってるんでしょ？
内部構造が別だからってギャーギャーつっかかってもしゃあないやん...
877:デフォルトの名無しさん
21/01/03 01:27:19.26 j7drLdmA.net
このフレームワーク流行ってるのか
使ってみようかな
趣味プロダクトのデザインマジで面倒だ
878:デフォルトの名無しさん
21/01/03 07:17:12.46 77GCy5PB.net
まあ>>859が正しいわな
どちらを使うかで迷う人が多いから、わざわざ比較ページでピンポイント比較しているわけで
ただChakraは、使うのを止めるってなった時に地獄を見そうだな
react-bootstrapで地獄を見た私はそう思うぜ
879:デフォルトの名無しさん
21/01/03 16:18:33.59 sJkgD0sU.net
materializecssってオワコンなの？
880:デフォルトの名無しさん
21/01/03 19:55:53.47 p2kXTSH1.net
URLﾘﾝｸ(i.imgur.com)
そーす
URLﾘﾝｸ(2020.stateofcss.com)
これ見るとまだオワコンではないと思う、他が大きく下げたものが多いから順位は上げてる。
TailwindCSSが断トツではあるけどね。
881:デフォルトの名無しさん
21/01/03 20:16:55.01 DBWyzvd0.net
でもお前らのゴミみたいなセンスじゃ何使ってもどうにもならないじゃん？
882:デフォルトの名無しさん
21/01/03 22:03:10.41 3GzJdVpR.net
はいはい
883:デフォルトの名無しさん
21/01/04 00:31:45.14 iT2qTMUm.net
>>869
ゴミみたいなセンスだから優秀なライブラリを使うんだろうが
OSSタダ乗りおじさん舐めんな
884:デフォルトの名無しさん
21/01/04 09:41:29.84 rgY6auQv.net
AWSのことかな？ｗ
批判にあわてて援助し出したんだっけ？ｗ
885:デフォルトの名無しさん
21/01/04 16:45:28.03 qovFEaH+.net
ちょっと何言ってるか分からない
886:デフォルトの名無しさん
21/01/04 17:33:54.18 v/b/bq9A.net
意味不明だな
887:デフォルトの名無しさん
21/01/05 17:59:59.74 DKe92MJE.net
スライムというワイルドカード
888:デフォルトの名無しさん
21/01/06 19:42:43.06 V+n1SaTt.net
jqueryUIたいなライブラリー
なにか知りませんか？
Reactで使いますが、
React用じゃなくても良いですので。
889:デフォルトの名無しさん
21/01/07 00:03:32.99 HeEo+TnW.net
JQuery UIでいいじゃんそれ
890:デフォルトの名無しさん
21/01/07 00:36:41.77 P60007ut.net
BootstrapとかMaterial-UIの事言ってる？
891:デフォルトの名無しさん
21/01/07 12:47:58.31 IsAkKduI.net
bootsrtapは？
892:デフォルトの名無しさん
21/01/07 15:12:43.36 BMEPnbk6.net
bootstrapよりどちらかというとvelocityとかじゃね
893:デフォルトの名無しさん
21/01/07 19:07:40.82 XRImqR79.net
JQuery UIの主にインタラクションのような機能です。
Draggable
Droppable
Resizable
Selectable
Sortable
自前のコントロールを作ろうとすると必ずこの壁にぶち当たります。
894:デフォルトの名無しさん
21/01/07 20:50:34.46 ikfTGx5+.net
React に、そういう機能のコンポーネントは無いの？
895:デフォルトの名無しさん
21/01/07 22:24:29.72 8S5jtpKX.net
ないと思う
俺もjQueryUIのコンポーネント使いまくってるやつは移行が不可能
全部作らないといけないし
新規でやるときは使うんだが
896:デフォルトの名無しさん
21/01/07 23:16:04.95 3TLTtAUE.net
いや少なくともReact DnDでuseDragとuseDropはあるけど…？
そういうことじゃなく？？
897:デフォルトの名無しさん
21/01/08 00:07:17.50 BMLciGfP.net
ReactでjQueryUIを使う場合、
なのか問題とかあるのかな？
898:デフォルトの名無しさん
21/01/08 00:48:37.80 DKQwsFSV.net
仮想DOM のReact と、実DOMを更新するjQuery の更新タイミングを、
React のタイミングに合わせる必要がある
合っていないと、jQueryで更新しても、
その後、Reactでは更新していないと思われて、元の状態に戻ってしまう
899:デフォルトの名無しさん
21/01/08 02:03:55.07 BMLciGfP.net
>>886
それはなんとか大丈夫かな？
それよりもjqueryUIのベストなロードの方法はなんだろうか？
900:デフォルトの名無しさん
21/01/08 02:38:29.42 K8R3TNe9.net
いやだからjQueryUI互換のReactのコンポーネントライブラリが欲しいんだよ
なんやかんやいってjQueryUIの出来はめちゃくちゃいい
901:デフォルトの名無しさん
21/01/08 02:40:50.44 hM6lluL1.net
なんでUIライブラリ二重に使おうとするわけ？
野球帽の上にシルクハット被っても問題ないかな？と言ってるに等しいのでは？
これは問題あるともないとも言える。
可能不可能で言えば問題ないとも言えるが、バカに見えるという点では問題あると言える。
902:デフォルトの名無しさん
21/01/08 02:44:47.94 BMLciGfP.net
>>889
jqueryUIよく知ってますか？
903:デフォルトの名無しさん
21/01/08 02:44:56.99 K8R3TNe9.net
>>889
バカはお前だろ
jQueryUIはコンポーネントライブラリだぞ
904:デフォルトの名無しさん
21/01/08 07:47:08.14 c1yN1piV.net
俺はangular使ってるがmaterialUIがまんまそれに相当する
React にもあるはず。ちゃんと探そう
905:デフォルトの名無しさん
21/01/08 08:02:05.71 tSEaWM43.net
あちこちで言われてるんだからいい加減理解してほしいもんだけど
ReactとかはjQueryの代替にはならないの
ウェブサイト全体をウェブアプリに作り変える場合に使うもので
インターフェースはほぼ全部作り変えでUIを自分で作るためのものなの
jQueryだけじゃなくてブラウザ標準のDOM APIとも相性が悪い
全てをReactのやり方に置き換えるレベルじゃないと単に開発しづらくなるだけ
jQueryのシェアは去年一年で3%増えました。主に今までなにも使ってないところが
採用するのがjQueryです。まだ増え続けています。
その他のフレームワークは0.1%増えるか増えないかだよ
URLﾘﾝｸ(w3techs.com)
殆どのところは開発効率が上がらないか逆に下がってしまって却下されてるんだろう
906:デフォルトの名無しさん
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)
たぶん日本語の「状態」からｗ
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
またみずちが変なこと言ってんなｗ
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を目の敵にしてるｗ
自分が使わないからって、みんなも使わないと思うんじゃねーよ
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用の開発環境構築するのが目的となってるなｗ
必要ならやるだけだろ
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
一番需要があると一番最高な技術なんだそうだｗ
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の方がいいとか言っている奴は完全に向いてないｗ
1006:デフォルトの名無しさん
21/01/17 23:21:11.71 OsPht3CQ.net
だからreactでもvueでも同等のコードを書いてから
これがどういう点で優れてるかを説明すりゃいいのにｗ
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
このスレッドは１０００を超えました。
新しいスレッドを立ててください。
life time: 82日 12時間 16分 58秒
1016:過去ログ ★
[過去ログ]
■ このスレッドは過去ログ倉庫に格納されています