アナタは大丈夫?JavaScriptとjQueryの違いについて

  • このエントリーをはてなブックマークに追加
JavaScriptとjQueryの違いについて

jQueryとJavaScriptは似ているようで別の物

ホームページを作っていくと、JavaScriptとかjQueryとかって聞いたことありませんか?
実際にHTMLに書いたり、ファイルを扱っていくと違いがよくわからなくなってきます・・・
それぞれの差がわからなくても、ファイルを読み込ませたり、記述ができれば動作は問題ありませんが、他の担当者とのやり取りを進めていくうちに同じ言葉でも互いの認識が全く違う事で発生する問題も多くあるものです。
「よくわからないけど、動くからいいや」と思っている方、この機会にJavaScriptとjQueryの違いを確認してみてください。

JavaScriptとはプログラミング言語

クリックやマウスを使った動作をした時、ホームページ上で何か動きがついている物を見かけませんか?
あの動きを付けるのに「JavaScript(ジャバスクリプト)」が使われているんです。
最近はマウスを使った動作なんかはCSSでもある程度の動作をさせる事ができるようになってきましたが、「どのくらい画面がスクロールされたらclass名を付ける」とか、「クリックで画像を拡大表示させる」、「アニメーションの実行」、「メールフォームの入力チェック」などにJavaScriptが活躍します。
JavaScriptはアプリケーション開発や、Webブラウザの実装にも使われているプログラミング言語の1つです。

ときどきJavaScriptのことをJAVA(ジャバ)と呼ぶ方がいますが、JAVAは全く違う言語の事を指します。
JavaScript(ジャバスクリプト)が長いので省略したい気持ちもわかりますが、JAVA(ジャバ)と略してしまうと間違って伝わってしまうので要注意です!
略すのであれば「JS」としましょう。

jQueryとはプログラムの集合体(ライブラリ)

こちらはプログラミング言語ではなく、ライブラリと呼ばれるプログラム集合体の事をjQueryと呼びます。
実際に中身を見てみると、JavaScriptで作られたプログラムが記述されています。

様々な動作をさせたいと思ったとき、JavaScriptを沢山書く必要があります。
でもそれを全部書いていくと膨大な量になる事が予想できますね?
作り始めはいいものの、機能を追加したり入れ替えたり、後になればなるほど作業効率も悪くなってしまいます。
もっと少ない記述で簡単にできないか・・・と考えた時に便利なのがライブラリ、jQueryなのです。

JavaScriptとjQueryの違い

jQueryの中身はJavaScriptでできているので、非常に紛らわしいです。
中身が同じだからJavaScriptもjQueryも同じもの?と考えてしまいますが、そうではありません。
JavaScriptはプログラミング言語の事を指していて、jQueryはライブラリの事を指しています。
この二つは種類の異なり、違うものを指しています。

効率的に使う事のできるのはjQuery

jQueryはJavaScriptで書かれた動作を簡単に実装するためのライブラリです。
本来なら沢山の処理を書いていかないと実装できないような処理でも、少しの命令文だけで実行できる為に作られたものなんです。
このことからわかるように、書かなければならないコードの文字数に大きな差が出ます。
作り込む側としては沢山のソースコードを書くよりも、少ない方が負担も少なく魅力的ですよね。
また実装してみたけれど、思った動作と違う・・・全く動かない・・・なんて時にどこが間違えているのかを探す手間も少なく済みます。

ブラウザ毎の差について

jQueryにはブラウザ毎に起こる挙動の差を少なくするための工夫も盛り込まれています。
ホームページブラウザもInternetExplorerだけでなく、GoogleChormeやFireFoxなどもありますよね。
それぞれ同じホームページブラウザでも中身がそれぞれ異なります。
このブラウザでは正しく動作するのに、違うブラウザでは動作しない・・・なんてこともよくありますが、そういった問題が起こりにくくなるようにjQueryは作られています。

JavaScriptなしではjQueryは意味がない

なんだかjQueryだけで事足りそうなイメージになっていないか不安になってきました・・・
JavaScriptはいらないのでは?と思っている方がいたらそれは間違いです。

jQueryはJavaScriptのライブラリです。jQueryはJavaScriptで構成されているので、片方だけでいいとかそういう問題ではないんです。
もしJavaScriptがなければjQueryは作られません・・・

まとめ

・JavaScriptはプログラミング言語
・jQueryはJavaScriptを簡単に呼び出すためのライブラリ
・JavaScriptとJAVAは種類の異なるプログラミング言語
・jQueryを使ってライブラリを作ることで効率のいい作業ができる

  • このエントリーをはてなブックマークに追加

CONTACTお問い合わせ

ホームページ制作に関するご質問などございましたら、
お気軽にお問い合わせください。

※ブログ記事に関するご質問はお答えしかねます。

TEL:0258-31-5005FAX:0258-37-7301

ホームページ制作やSEOのお悩みはぜひ弊社へご相談ください