JavaScript (JS) とは何ですか?

すべてのプログラミング言語は、英語のような構文を機械語に翻訳し、オペレーティングシステムがそれを実行することで動作します。JavaScript は大きく分けて、スクリプト言語とインタプリタ言語の二つに分類されます。JavaScript のコードは翻訳されます。つまり、JavaScript エンジンによって基礎となる機械語コードに直接翻訳されます。他のプログラミング言語では、コンパイラがコード全体を別のステップで機械語にコンパイルします。したがって、すべてのスクリプト言語はプログラミング言語ですが、すべてのプログラミング言語がスクリプト言語というわけではありません。

JavaScript エンジンは、JavaScript のコードを実行するコンピュータプログラムです。最初の JavaScript エンジンは単なるインタプリタでしたが、最近のエンジンはすべて、パフォーマンスを向上させるためにジャストインタイムまたはランタイムコンパイルを使っています。

クライアントサイド JavaScript は、JavaScript がブラウザ上で動作する方法を指します。この場合、JavaScript エンジンはブラウザのコード内にあります。すべての主要なウェブブラウザは、独自の組み込み JavaScript エンジンを搭載しています。

ウェブアプリケーションデベロッパーは、マウスのクリックやマウスホバーなど、さまざまなイベントに関連するさまざまな関数を持つ JavaScript コードを記述します。これらの関数は、HTML と CSS に変更を加えます。

ここでは、クライアントサイドの JavaScript がどのように動作するかの概要を説明します。

1.   お客様がウェブページにアクセスすると、ブラウザがウェブページをロードします。

2.   ロード中に、ブラウザはページとそのすべての要素 (ボタン、ラベル、ドロップダウンボックスなど) を、ドキュメントオブジェクトモデル (DOM) と呼ばれるデータ構造に変換します。

3.   ブラウザの JavaScript エンジンは、JavaScript のコードをバイトコードに変換します。このコードは、JavaScript の構文とマシンの間の仲介役です。

4.   ボタンをマウスでクリックするなどのさまざまなイベントが、関連する JavaScript のコードブロックの実行を引き起こします。その後、エンジンがバイトコードを解釈し、DOM に変更を加えます。

5.   ブラウザは新しい DOM を表示します。

サーバーサイド JavaScript

クライアントサイドとサーバーサイドの違い

JavaScript ライブラリと同様に、JavaScript フレームワークは、異なる機能を実行し再利用できる、あらかじめ書かれたコードスニペットの集合体です。しかし、JavaScript ライブラリがオンデマンドで使用するための特別なツールであるのに対し、JavaScript フレームワークはあらゆるウェブアプリケーションを形成し整理するのに役立つ完全なツールセットです。JavaScript アプリケーションのコードを家に例えるなら、JavaScript フレームワークは家を建てるために使われるブループリントです。

JavaScript フレームワークのユースケース例をいくつか紹介します。

AngularJS は、e コマースアプリケーション、リアルタイムアプリケーション、動画アプリケーションなどのウェブアプリケーションの開発とテストを簡素化するフレームワークです。また、React Native は、iOS や Android 向けのネイティブレンダリングによるモバイルアプリケーション開発をサポートするフレームワークです。

レスポンシブウェブサイトでは、あらゆるデバイスで一貫したユーザーエクスペリエンスを実現します。例えば、モバイルやタブレットの画面は、デスクトップやノートパソコンの画面よりも小さいです。小さな画面でも、例えばウェブサイトの端が切れることなく、正確にデータを表示、および提示したいものです。Bootstrap や Ember.js などのフレームワークを使用することで、デベロッパーはレスポンシブデザインの利点を受け、異なるプラットフォーム間でウェブサイトのルックアンドフィールを簡単にカスタマイズすることができます。

Node.js は、サーバーサイドのオープンソース JavaScript フレームワークで、ブラウザの外側で JavaScript コードを実行します。デベロッパーはこのフレームワークを使用して、スケーラブルで高速、かつ信頼性の高いネットワークベースのサーバーサイドアプリケーションを構築します。HTTP リクエストとデータストリームを処理し、ファイルシステムをサポートし、複数のバックエンドプロセスを同時に管理することができます。

JavaScript の構文は Java プログラミング言語からヒントを得ており、学習やコーディングが容易です。デベロッパーは、クライアントサイドスクリプティングのために、ほとんどすべてのウェブサイトとモバイルアプリケーションで JavaScript を使用しています。Node.js は、過去 10 年間にバックエンドのコーディングでも大きな人気を得ています。多くの主要なストリーミングやビデオプラットフォームは、Node.js でコーディングされています。

他のプログラミング言語と異なり、JavaScript はどんなウェブページにも挿入でき、他の多くのウェブ開発フレームワークや言語と一緒に使用することができます。一度書いたら、どんなマシンでも JavaScript のコードを実行することができます。このように、JavaScript はアプリケーション開発のプラットフォーム非依存性を実現します。

JavaScript は論理演算を実行し、サーバーの仕事の多くをクライアント自身で行うことができるため、サーバー負荷やネットワークの混雑を軽減するために使用することができます。例えば、登録フォームに入力する処理を考えてみましょう。JavaScript は、携帯電話の欄に 10 桁の数字を入力したかどうかをすばやくチェックします。このようなリクエストをサーバーに送っていたら、エラーのたびにページが再ロードされ、登録作業が非常に遅く、退屈なものになってしまうでしょう。

JavaScript は、複雑な情報を見つけて処理するのに便利な、エレガントなウェブサイトを作ります。デベロッパーは、機能性と読みやすさを拡張し、ウェブサイトのユーザーとのやりとりをより効率的にするために、JavaScript を適用します。

JavaScript は、複数の異なる命令セットを並行して実行することができます。バックエンドでは、Node.js は同じ量の帯域幅を消費することなく、高度にスケールアップしたサーバー応答を扱い、処理することができます。