先述した通りJavaScriptは、Webブラウザ上で動作するプログラミング言語です。

JavaScriptを使いこなせることで、HTMLとCSSで構築されたWebサイトに動きを加えたり、さまざまなWebサービスを実現したりできます。

例えば、Webページに掲載されたたくさんの画像をスライドショーとして表示したり、問合せフォームに入力された項目が正しい書式のデータなのかをチェックしたり、条件に応じたエラーメッセージを表示させたりすることも可能です。

他にも、ECサイト（通販サイト）で商品を選ぶ際に使われるショッピングカート機能や料金を計算するシステムなどもJavaScriptで構築されていることがあります。

このように、ブラウザ上で動くためにHTMLやCSSに「指示」する役割を持つプログラミング言語がJavaScriptという言語です。

Webページに動きを加えるという役割以外に、JavaScriptを使ってできることを簡単に確認してみましょう。

例えば最近人気の株式投資に応用できる技術ですが、リアルタイムで動作可能な「チャット」や「為替のチャート」など、さまざまなWebアプリを開発できることもJavaScriptの魅力の1つです。

もう少し視野を広げてみると、実はスマホアプリやゲームなどもJavaScriptで作ることができてしまいます。

パソコンだけでなく、iPhone・iPadなどさまざまなスマートデバイスが活用される時代において、JavaScriptのような汎用性の高い開発言語はとても魅力的であり、需要の高い言語となっています。

本章では、動的な動き（スライドショーなど）を行うためにJavaScriptがどのように機能しているのかの仕組みをかんたんにまとめてみました。

皆さんがWebサイトを閲覧するときに使用するブラウザでは、ユーザー（皆さん）のリクエストをサーバーに送信し、サーバーが返すレスポンスを解析して、皆さんが見ているWebページとして画面が表示されています。

Webブラウザはサーバーから受け取ったデータに埋め込まれているマークアップされた情報（HTML）を元に、ユーザー（皆さん）の画面にテキストを表示し、CSSを読み込んでレイアウトを整えます。

JavaScriptのプログラムはテキストで記述されており、HTML文書に埋め込まれます。

そして、HTMLと同時にブラウザに送られ、受信したデータの行からWebブラウザ上で実行されます。

以上が、JavaScriptの仕組みです。

先述したように、JavaScriptは、HTMLやCSSに指示を出し、スライドショーなどのアニメーションをつけることが可能です。

こういった動きができるようになることで、Webサイトを見ているユーザー（皆さん）がより魅力的に、高品質なサイトのコンテンツを閲覧できたり、ECサイトであれば商品の購買につながりやすいような動きを付けることが可能です。

動的な動きは、スライドショーだけでなく、○○の操作をした際にポップアップを出力させたり、ボタンの色を変えたりと、サイトのUI（ユーザーインターフェース）を大きく向上させることができます。

最初の方に少しだけ触れましたが、JavaScriptはブラウザの動的処理だけでなく、サーバー側でも動きをつけることが可能となっています。

この辺りは少し難しい話になるので、あまり深堀はしませんが、JavaScriptにはNode.js（ノードジェイエス）というJavaScriptのプログラミング言語を使うことで、サーバー側でも動きを付けることができます。

同じ言語を使って、ブラウザ、サーバーの両方をコーディングできるのはJavaScriptだけですし、ブラウザ側の知識とサーバー側の知識の両方を得ることが出来るので、より市場価値の高い エンジニアへとステップアップすることが可能です！