本章では「プログラミング言語の発展」に続いて、ＷｅｂブラウザとＷｅｂサーバ間で処理するためのプログラミング言語を扱います。Ｗｅｂページを記述するにはＨＴＭＬやＸＭＬなどのハイパーテキストマークアップ言語がありますが、ここでは、それらの中での処理を記述するスクリプト言語（Javascriptなど）およびその関連事項を対象にします。
スクリプト言語、Javascript、ＣＧＩ、軽量言語、Java実行環境、javaアプレット、Javaサーブレット、セッションＩＤ、クッキー、Ajax、ＨＴＭＬ５
スクリプト言語とは、ＨＴＭＬと同様にＷｅｂページに組み込んで記述できる言語です。Ｗｅｂページのある部分を表示／非表示にしたり、入力データから簡単な計算をして結果を表示したりするのは、ほとんどスクリプト言語で行っています。
代表的なスクリプト言語にJavascriptがあります。Ｗｅｂブラウザで解釈され実行されます（Ｗｅｂサーバは関与しません）。ほとんどのブラウザはこの機能をもっており、どのブラウザでもほぼ互換性があります（ブラウザ間により若干の違いがあり、一部の命令が異なっていたり結果の表示が微妙に異なっていたりすることがあります）。
Javascriptでの処理には、表示／非表示、画像の拡大／縮小など決まったパターンが多くあります。そのなかには、かなり複雑で初心者にはわからないとか、熟練者でも大量の記述が面倒だというものもあります。さらにブラウザ間での非互換を吸収できると便利です。
そのような要請に応えるのが「JavaScriptライブラリ」です。代表的なものに、jQueryやPrototypeなどがあります。どちらもＯＳＳになっており無料で利用できます。
Javascriptは豊富な機能をもっていますが、ＪａｖａやＣなどの通常の言語と比べると不十分です。複雑な処理をするための仕組みがＣＧＩ（Common Gateway Interface）です。
JavaScriptを含んだＨＴＭＬ（Ｗｅｂページ）は、閲覧者がソースリストを見ることができます。それに対して、ＣＧＩの場合は結果だけが戻されます。ＣＧＩの中身を探せたとしてもロードモジュールなので解析が面倒です。そのため、簡単な処理でも秘密にしたいときはＣＧＩが使われます。
処理がサーバで行われるので、ブラウザの負荷は軽いのですが、サーバの負荷が重くなります。ＣＧＩと似た機能ですが、もっと単純なものにＳＳＩ（Server Side Includes）があります。例えば、ＨＴＭＬ中に、
<p>今日は<!-- #echo var="DATE_LOCAL" -->です。</p>
と記述すると、DATE_LOCALの値がサーバで処理され、その結果が
今日は Sunday, 9-August-2015 09:12:43 です。
のように、記述した部分に挿入されます。
ＳＳＩは時刻・日付機能やアクセスカウンタなどのように簡単な機能に限定されています。ＳＳＩコマンドを含んだＨＴＭＬファイルをＳＨＴＭＬファイルといい、それを扱える環境が増えてきました。
軽量言語（軽量プログラミング言語）の厳密な定義はありませんが、JavascriptのようなＷｅｂページに組み込める言語です。Javascriptも軽量言語ですが、Javascript以外のものの総称として使うことが多いようです。
有名な簡易言語に、Perl、PHP、Rubyなどがあります。ＯＳＳになっています。
これらの言語は、Javascriptと同様にブラウザだけで処理することもありますが、サーバ側に保存されているデータベースを処理するような、ＣＧＩでのサーバ側のプログラムに使われることが多いようです。
Javaは、ＣやＣ＋＋などと同様な通常のコンパイラ型のプログラミング言語ですが、特にＷｅｂ環境で広く使われています。Javaプログラムには、大きく分けて「アプリケーション」と「アプレット、Applet」があります。アプリケーションは、他の言語で作成したアプリケーションと同じですので、ここではアプレットを対象にします。
Javaのソースコードは、いったんバイトコード（目的プログラムに相当）に翻訳され、ＵＮＩＸやWindowsで機械語にされ実行されます。そのバイトコードを扱える環境をＪＲＥ（Java Runtime Environment、Java実行環境）といいます。
ほとんどのブラウザ（またはＯＳ）は、ＪＲＥ対応になっています。そのため、Javaで作成したプログラムは、どのブラウザでも表示できるといえる状況になっています。
Javaアプレットには、ブラウザで実行されるJavaアプレットとサーバで実行されるJavaサーブレットがあります。
「プログラミング言語」からやや外れますが、Ｗｅｂページでの処理にはいくつかの特徴があります。
パソコン内でのプログラムでは、パソコンにあるデータファイルを読んだり書き込んだりすることは自由にできます。ところがＷｅｂ環境では、Ｗｅｂサーバにある他人が作成したＷｅｂページを閲覧するのが通常です。
Ｗｅｂページから閲覧者のパソコン（ブラウザ側）のファイル（ローカルファイルといいます）をアクセスできると、悪意のあるＷｅｂ作成者に、パソコンにあるファイル内容を知られたり、改ざんや破壊をされたりします。
このような危険を防ぐために、ブラウザやＷｅｂ関連言語では、原則として閲覧者が操作せずにローカルファイルへのアクセスができないようになっています。
Ｗｅｂサイトで買物をするとき、ログイン→注文→決済→ログオフという流れになり、それぞれのＷｅｂ画面が表示されます。このとき、ログオンからログオフまでの一連の流れをセッションといいます。
ところが、ＷｅｂブラウザとＷｅｂサーバの間の通信プロトコルであるＨＴＴＰは、１往復のメッセージのやりとりで処理が完結するステートレスなプロトコルなので、セッションという概念がなく（一つのＷｅｂページが一つのセッション）、Ｗｅｂページが切り替わると接続も切れてしまうのです。それでは、注文ページで入力したデータを決済ページで使うというようなデータの受け渡しができません。
これを解決するために、いくつかの方法があります。
Ajax（Asynchronous JavaScript ＋ XML）とは、JavaScriptを活用した方法論です。上述のjQueryのようなライブラリでもなくＰＨＰのような新言語でもありません。ＸＭＬやJavascriptなどに関連する技術（非同期通信やＤＯＭなど）を組み合わせて、新しい機能を実現させたものです。ほとんどのブラウザが対応しているので、何ら手を加えなくても、Ajaxを用いたＷｅｂページを作ることができます。
Ajaxの代表的な実用例として、GoogleMapの地図サービスがあります。GoogleMapでは、カーソルを操作するだけで、地図が連続的に変化します。これは、ブラウザがサーバからの情報をすべて受け取ってから解析して表示する従来の処理と異なり、パソコンからサーバにリクエストを送ったら、サーバからの結果を待つのではなく、その間にパソコンできる処理をやってしまうという、非同期通信（Asynchronous）をしているからです。
Ｗｅｂページは、タグで構成され、そのタグはＤＯＭ（Document Object Model）という階層構造の体系になっています。それを解析すれば、Ｗｅｂページの任意の個所をデータとして取り扱うことができます。それにより、現在のＷｅｂページの特定個所を表示／非表示にしたり、他のＷｅｂページのある部分を抜き取って現在のＷｅｂページに組み込んだりできます。その中核となるコマンドがXMLHttpRequestです。
ＨＴＭＬの最新版はＨＴＭＬ５です。旧版では、Ｗｅｂページにグラフなどの図表を表示するには、gifのような画像ファイルを作る必要がありました。それがCANVAS機能を用いれば、Javascriptでデータからグラフを作り画像として表示できるようになりました。
従来は、動画再生には、Flashなどのアドオンソフトを使う必要がありましたが、ＨＴＭＬ５では、「video」や「audio」タグにより、Javascriptだけで実現できるようになりました