JavaScriptはどんなもの？Webサイトのクオリティを上げるJavaScriptとは

スマホアプリの開発やゲームの開発、Webアプリの開発などで用いられるJavaScript。 このJavaScriptはWebサイトの制作にも用いられ、画面上に動きを付けることができ、サイトページを一層充実させてくれます。 今回は、JavaScriptとはどういうものか、Webサイトのクオリティを上げるためにJavaScriptでどのようなことができるのかについて詳しくご紹介します。  

JavaScriptとは

  JavaScriptとは、米ネットスケープコミュニケーションズが開発したスクリプト言語です。 スクリプト言語とは「簡易なプログラミング言語」という意味で用いられ、プログラムの設計が単純で、習得が比較的容易なプログラミング言語を指します。そのため、JavaScriptはプログラミングの未経験者や初心者でも学習しやすいプログラミング言語といえます。
Webサイトの制作では、HTML、CSS、JavaScriptの知識が役に立ちます。HTMLは構造を担当、CSSは装飾を担当し、そしてJavaScriptは動作（動的な仕掛け）を担当します。JavaScriptを活用することで、Webサイトにさまざまな動きを持たせることが可能になります。

また、2005年にはAjaxというJavaScriptの非同期通信機能を用いた技術が注目を浴び、Google MapもこのAjaxを利用しています（Google MapがAjaxの火付け役となりました）。また、GmailにもAjaxが使われています。 なお、同じくプログラミング言語であるJavaとは、名前は似ていますが別物です。 JavaScriptは1995年頃の開発当初LiveScriptと呼ばれていたのですが、当時Javaが注目されていたのと、Javaの開発会社と技術提携していたことからJavaScriptという名前に変更したという経緯があります。言語としては別物ですが、名前の由来にはわずかな関係があります。  

 

JavaScriptでできること

 

Webサイト上で、JavaScriptにどんなことができるのかについてご紹介します。

 

ランダム表示

テキストや画像をランダム表示することができます。 例えばWebサイトに広告掲載するときに、1つの広告枠に複数の広告をランダム表示することなどもできます。

スライドショー

画像のスライドショーを作成することが可能です。 自動的にスライドするスライドショーも作成できる他、手動でスライドするスライドショーも作成できます。

ドロップメニューの表示

カーソルを合わせるとメニューを全て表示することができるドロップダウンメニューを作成することができます。

マウスを動かしたときなどのイベント

サムネイル画像にマウスを運んだ際、画像が大きく表示されたり色が変わったりなどの処理を行わせることができます。Webページのロード中などさまざまなアクションの際のイベントに応用できるため、Webサイト全体のクオリティを上げることができます。

Cookieの管理

ECサイトなどさまざまなWebサイトで使用されるCookieの管理もJavaScriptで行うことができます。サイトにログインしたユーザーの閲覧情報や購入商品の情報を、ブラウザに記憶させる際に用いられ、このCookieもJavaScriptで扱えます。

ダイアログの表示

警告ダイアログや確認ダイアログを表示することができます。 例えば、メールフォームでの送信時に「送信してもよろしいですか？」という確認ダイアログを表示させて、「はい」「いいえ」を選択してもらい、その選択に応じた結果を返すことなどが可能です。

自動計算フォームの設置

自動計算を行うフォームを設置することが可能です。 買い物サイトで合計金額を自動計算したり、多種多様な自動計算サイトやコンテンツを作成したりすることができます。

タブの設置

Webサイトにページ移動不要のタブを設置することができます。

おわりに

このように、JavaScriptはWebサイト上でさまざまな動作を実現することができます。しかし本記事でご紹介した「できること」は、JavaScriptというスクリプト言語で実現可能なごく一部です。Webサイトをより使いやすくするために、JavaScriptを用いてみてはいかがでしょうか。
また、JavaScriptはWebサイト制作以外の分野（アプリやゲーム制作の分野など）でも幅広く使われている言語です。プログラミング未経験者の方でも比較的理解しやすい言語なので、最初に学習するプログラミング言語としてもおすすめです。