素のJavaScriptとjQueryどちらか

Question

素のJavaScriptとjQueryどちらでコードを書くべきか迷っています。
コードを書く暇を除いてJavaScriptとjQueryだとどちらがコスパが良いのでしょうか？読み込み速度、実行速度の観点から教えていただけると幸いです。

Comments

[takasima20]

素のJavaScriptが分かってなかったら、jQueryも使いこなせないんじゃないかなあ。

[miyabi_pudding]

何をどうしたいのかにもよるかもですね。
ちょっとのDOM操作とかなら、ネイティブ使ってもいいと思いますが、様々な処理をする時に、エラー処理やクロスブラウジング（これがかなりデカい）を同時にしてくれるjQueryの方がよかったりするし。
どんなことをする想定かも教えていただけませんか？？

[m.ts10806]

コードを書く暇もコストです。前程がおかしいです。

Answer 1

コードを書く時間を考えないなら、生のJavaScript一択です。

ブラウザ内で使えるライブラリは、（プラグインと連携するような特殊なものは除いて）基本的にブラウザ内のJavaScriptで書かれていますので、理論上できることは何も増えませんし使わない機能の分も容量や処理時間を食ってしまいます。自分で徹底的にチューニングして書けば、ライブラリで書いたコードを上回るものを作ることが可能です。

---

とはいえ、現実問題としては、（ゲームのような例外はありますが）マウスクリック時の応答が1フレーム早くなったところで、そこに工数を費やしてまで行うメリットはほぼありませんし、jQuery本体の数十キロバイトの転送容量がクリティカルに効いてくるような状況もそうありません。こだわって芸術作品を作るような状況であれば別ですが、実用するプロダクトを作る上では、ライブラリを使って開発速度を向上させるほうが、遥かにメリットが大きいのです。

Answer 2

読み込み速度、実行速度の観点から教えていただけると幸いです

ロジックと求めている結果が同じであるなら、おそらく質問者さんがすべての
jQuery機能をjsで書くと、結局jQueryと同等のソースになるでしょう。

今日日実行環境が圧倒的に高速化している中で、
クリティカルでソリッドな書き方を求められることは少ないし
jsの実装がブラウザごとに違った黎明期とことなり、今は各ブラウザに
相応の機能が実装されるのがデフォルトになっています。
jQueryでできることはjQueryを利用すればいいし、
逆に無理にjQueryを使う必要はないので任意にjsで書いてください