jQueryへの別れ：現代的な開発のための必須JavaScriptメソッド - Qiita

はじめに 私は長い間レガシーコードと共に仕事をしてきましたが、jQueryの重要性は依然として頻繁に話題に上がるトピックの一つです。ライブラリ自体は便利なままですが、それは別の時代のニーズを完璧に満たしていました。 現在、私たちは既にES2023について話していますが、過去にjQueryがカバーしていたほとんどの機能は、すでに2015年にリリースされたES6に取り込まれています。 ES6の標準は既に広範にサポートされており、96％のレベルに達しています（出典：caniuse.com）。そのため、特に要素の選択、スタイリング、アニメーション、データの取得などの基本的なタスクについては、ライブラリの使用を見直す良いタイミングかもしれません。 以下のトピックは、いくつかの標準的なjQueryのパターンと、それに相当するバニラJavaScriptでの手法を示す参考資料として役立つと思います。 要素

[door-s-dev]

jQueryの方があからさまに記述量少なくてこっち使いたいってなる

[riawiththesam]

jqueryはjqueryを知らないと読めない。 読みやすい書きやすいっていう人の評価は自分がjqueryを知っている上での評価なのよね 素のjsは初見でもそこそこ読み解けると思う

[daigo0117]

jQueryで書いてChatGPTにバニラに書き直して貰えばいいよ

[poliphilus]

やっぱり jQuery の記述のが圧倒的に楽だよな。なんでこっち方面に進化してくれなかったのか…。

[rararoro-ryo]

jQueryをバニラにトランスパイルすれば良いのでは？

[iww]

バニラでDOMをいじるような羽目になるなら、素直にjQuery使った方が簡潔でらくちんでいいな

[ultimatebreak]

単なるウェブサイトであれば無理して別れなければならないというほどでもないけど、必要性はだいぶ減った

[fukken]

jQueryが便利すぎるので標準仕様に取り込まれた機能があるのと、標準化や古いブラウザの引退によりブラウザ間での仕様差がなくなり吸収のための層が不要になったのが大きい。いずれにせよDOM操作自体Reactと相性が悪いが

[mr_ozin]

jQuery依存の箇所と素のJSの箇所が区別つかない人は一旦素のJSでトレーニングした方がいい

[shingo-sasaki-0529]

悲しいかな、jQuery ってめちゃくちゃ便利だなと再認識する記事だった。DOM を直接操作するのを頻繁に書くようなプロジェクトなら別に jQuery と別れなくてもいいでしょ。

[hagyroom]

バニラ

[pmint]

じゃあ、jQueryって何で書かれてると思う？こういうときは「どちらでもいい」と言えるのが本物のエンジニア。新しいものにこだわるのが初心者。流行ってるものにこだわるのがコピペプログラマー。

[otchy210]

event.target.matches('.class-name') と classList.replace 知らなかった。べんりそう。

[mohno]

なんだかんだ言って長くはなるんだよな。それが本質でないのは分かってるけどさ。

[takutakuma]

jQuery で複雑なことや複数のことしだすと辛い……

[suika3417]

jQueryを使わなくなって結構たったがまだ生きてたのか

[metamix]

バニラのquerySelectorはjQueryと比べてかなり処理速度が遅いって昔見たけどそれはさすがに解消してるのか？

[Fluss_kawa]

ここに書かれてる内容だったらjQueryを入れられない環境じゃなければjQueryで良くね？となるような。とはいえオーバースペックな時もあるよなぁ。

[n314]

こういうclass指定でdom取ってきて見栄えを変える的な処理こそjQueryを使うべきでは。

[Cherenkov]

jquery的なインターフェイスのライブラリが多いし、まだまだ知識として役立ってるよ

[circled]

jQuery「俺を馬鹿にしたフロントエンドはみんな死んだよ」 htmx「そうだそうだ」

[suekunhello]

無理に jQuery 外さなくても良いでは。何においても敷居は低い方が良い。

[kiyo_hiko]

そろそろJavaスクリプト勉強してみるか

[umai_bow]

jQuery はメソッドチェーンもできる

[tk_musik]

求める者がいる限りjQueryは滅ばんよ。滅んだものをたくさん見てきただろう。ちなみに俺は使ったことないので$から始まるとうわ分かんねーって閉じこもってしまう

[fellfield]

『IDEが発達した今、ショートハンドはほとんど意味ない』……については、書くときはその通りなんですが、人間がコードを読むときにはjQueryの簡潔な記法のほうが理解しやすい場面も多いように思います。

[isdh]

読めば読むほどjqueryのIFの出来の良さがわかる

[mayumayu_nimolove]

今から学ぶ人は選択肢には無いだろう。知ってる人が使えばいい。ただ使える使えない論争は精神年齢が低い人がやる事。

[trace22]

document多すぎて書きにくいし読みにくいんだよバニラだと

[shun1s]

何年前の話題だよ……って思ったらパクリ元は2019年の投稿だった

[cloverstudioceo]

いや仮想DOMもなんかそもそも必要ないんじゃねって世論だし、Reactももう複雑怪奇な感じになってきたし、jQueryがもうちょい進化してReactiveな感じに書けるようになったら復権もあるんじゃねって気がしてきたね。

[tanseki]

jQuery vs バニラJavaScript

[for-my-internet-demo]

要求としてアプリや複雑なインタラクション書くことのが多いから長いこと触れてないけど、正直メディアとかペライチとか最近のがむしろやりすぎには思うのでこれでよくね感もあり...

[kvx]

closestの便利さ

[mamacake]

“バニラJavaScript” って呼ばない… ネイティブって言っている。主流なの？　それはそうと、全廃は中々難しいね。自分では新規では書かないしネイティブで書くようにしているけど。デザイン側用意の都合もあるし。

[evamatisse]

サイトスピードが必要ない現場で働いている人たちうらやましいな。

[spark7]

jQueryすげえな

[monster-energy-zx14]

わざわざ使いなれたツールを捨ててまで生産性を落とすってアホか？ 金になるの？それ

[kyukyunyorituryo]

jQueryはDOM対応が不完全なので操作できないことがある。