JavaScriptとJQueryどっちから学習するのが良いでしょうか？

Question

業務としてwebサイトの構築をすることがあり、HTMLとCSSはある程度学習済みなのでサイトを作ること自体は問題ありません。
次の段階として動的なサイトの構築をするにあたり、JavaScriptとJQueryのどちらから学習するのがおすすめでしょうか？

JQueryは簡単にかつ多様に操作が可能らしく、初心者から上級者まで幅広く使われているので、こちらからでもいいかなと思いつつ、元であるJavaScriptを学んでこそJQueryを使いこなせるのではないかとも思っています。

いろいろと調べてみたところJQueryからでいいよって人もいれば、JQueryなんて絶対に手を出しちゃいけないという過激な意見までさまざまでした。
それに簡単な動き（マウスオーバーで画像を拡大したりドロップダウンメニューの作成など）ならCSSだけでもいけちゃうので本当にJavaScript/JQueryが必要なのかも考えてしまいます。

上記の質問に加え、JavaScriptとJQueryのどちらをメインに使っているのか、また、他にもっと便利な言語があるよというものがあればご教示ください。

Answer 1

• jQuery日本語リファレンス http://semooh.jp/jquery/ の先頭に次の記述があります。

... jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 ...

JQuery は あくまでも JavaScript のためのライブラリーなのです。
javascript の基本的を知らずに JQuery をつかうことは すこし危険かもしれません。

とはいうものの、Queryt の各種のサンプルや いろいろサイトでの使用例を copy & paste して済むような処理だけなら、javascirp を知らなくても 十分に使いこなせると思います。

しかし copy & past では済まず、自分で変更を加えようとしたり、独自に処理を組み立てていこうとするときには、javascript のある程度の理解が必要になります。
javascrip の理解が不十分だと、間違った書き方をする可能性が高いし、
思い通りに動作しないときに、自力で解決をしていく事が困難になる可能性も高いです。

Jquery を使うには、 CSS の理解 (セレクターについて) の理解をすることも重要です。
javascript のことより こちらを理解することの方が重要かもしれません。

Answer 2

JavaScriptをロクに知らない方がjQueryを使って実装したスクリプトは、それは酷い物でした。
3か月ほどかけて大量の粗悪なコードが書かれてしまっていたので、まともに修正するのはほとんど無理でした。

jQueryは誰でも何となく使えてしまうので、適当に使っているととんでないゴミ屑が出来上がります。

jQueryなんて絶対に手を出しちゃいけないという過激な意見までさまざまでした。

これは、適当に使いまくった結果ではないでしょうか？

Comments

[Koji]

作るだけなら可能でも保守や変更時に臨機応変に対応できないってことですよね。
ありがとうございます。

Answer 3

JQueryはあくまでJavaScriptのライブラリです。
なので、私は最初にJavaScriptを学習した方がいいと思います。
いざ、jqueryを使用していて困ったときにjqueryのコードを読むのにはJavaScriptネイティブの知識が必要です。
2015-04-14のJS: 初代jQueryをコードリーディング、npmのエコシステムとプロトタイピング

CSSだけでできることしかするつもりがないのなら、JavaScript/JQueryは必要ないでしょう。
ただ、無理やりCSSだけでやろうとして苦労するようなら、JavaScript/JQueryを使ってみましょう。
CSSとJavaScriptどちらでも実装できるけど、どのように使い分けるのがよいかの解説

jQueryとは別の分野のライブラリではJavaScriptにMVCを取り入れるAngularJSというものが人気があります。

Comments

[Koji]

回答ありがとうございます。
やっぱりJavaScriptあってのJQueryてことですよね。

Answer 4

変数、関数（function）、型、演算子、if文、for文、文字列操作、配列、Windowイベント操作（alert、close、printなどetc...）といったプログラミングの基礎とJavaScriptの基本構文・文法あたりまでは最初にJavaScriptで学習し、その後は「言語そのものを深く学びたい」のか「すぐ動くものを形にしたい」のかでJavaScriptを引き続き深く学ぶのか、jQureyを学ぶのか選べば良いと思います。

ゴールがHTMLとCSSを動的に弄ってちょっとした動きのあるUIを実装する程度で良いというのなら、
プログラミングの初歩＋jQueryだけでも大体何とかなります。

ただ、ある程度のところまで行くと結局は本格的なプログラミングの知識が無いと行き詰まってしまうので、スクラッチでガリガリ開発できるようになりたいのなら結局はJavaScriptのマスターは必須になると思ったほうがいいです。

Answer 5

個人的には、jQueryを先にやるのをオススメします。なぜなら、jQueryはやりたいことが非常に簡単に出来て即座に結果がわかるので、学習のモチベーションを維持できるからです。
学習してゆくうちに自然とJavaScriptのコアな書き方は覚えられると思います。

いずれjQueryでは賄えない問題が出てくると思いますので、そのときになったらJavaScriptの混沌とした闇ライブラリ群に手をつければ良いのではないでしょうか。

Answer 6

sho_cs さんがおっしゃる通り、JQueryはあくまでJavaScriptのライブラリです。
その為、基本的にはJavaScriptを押さえた上でのJQueryになります。

確かに、JQueryは非常に簡素化されているため簡単に扱えてしまいますが、JQueryが不具合を抱えている事もあります。
その場合対象のJQueryを修正するには、JavaScriptの知識が必要になる為、JavaScriptからマスターする事をオススメします。