いまさら聞きけない「Webブラウザ」超ちょう入門にゅうもん：いまさら聞きけないリッチクライアント技術ぎじゅつ（11）（1/3 ページ）

新人しんじんに捧ささげる「Webブラウザの仕組しくみ」

　皆みなさんが毎日まいにち利用りようしている「Webブラウザ」。インターネットの創成そうせい期きから現在げんざいまで進化しんかを続つづけながら、一線いっせんで活躍かつやくする技術ぎじゅつです。今回こんかいはこのWebブラウザについてあらためて見みてみましょう。

　前編ぜんぺん・後編こうへん2回かいに分わけて、前編ぜんぺんではWebブラウザとサーバの通信つうしんの仕組しくみや役割やくわり、後編こうへんではWebブラウザやHTMLの歴史れきしと未来みらいについて説明せつめいします。

　基本きほん的てきな説明せつめいですが、読よめば新あたらしい発見はっけんがあるかもしれません。

WebサーバとWebブラウザの甘あまい関係かんけい

　インターネットを通つうじてWebブラウジングするとき、私わたしたちはInternet Explorer（以下いか、IE）やFirefoxといった「Webブラウザ」ソフトを使つかってWebサーバにアクセスします。Webサーバが画像がぞうやテキストといったデータをWebブラウザに送おくり、Webブラウザが情報じょうほうを解釈かいしゃくして表示ひょうじします。では、ここでのWebサーバとWebブラウザのやりとりを見みてみましょう。

　Webサーバからサービスを受うける私わたしたちのPCことをクライアント（Client）PCといいます。

　クライアントは元来がんらい「依頼人いらいにん・顧客こきゃく」という意味いみで、サーバにとってはサービスをする「お客きゃくさん」という意味合いみあいで命名めいめいされています。

　このサービスを提供ていきょうする「サーバ」とそれを受うける「クライアント」の関係かんけいを「サーバクライアントシステム（ネットワーク）」と呼よびます。

図ず1　Webサーバとクライアントの関係かんけい

　Webサーバが提供ていきょうするサービスは、基本きほん的てきに2つしかありません。

　1つはWebサーバ上じょうに置おいてあるファイルをクライアントに渡わたすこと。もう1つは、PerlやPHPといった取とり扱あつかいが容易よういなプログラミング言語げんごを用もちいて、Webサーバ上じょうでプログラムを動うごかし、実行じっこうされた結果けっかをクライアントに伝つたえて、その情報じょうほうを表示ひょうじさせることです。

図ず2　ファイル・データをクライアントに提供ていきょう（上うえ）し、プログラムの実行じっこう結果けっかをクライアントに提供ていきょうする（下した）

具体ぐたい的てきにどんな通信つうしんをしているの？

　WebブラウザのURL欄らんにアドレスを打うち込こんで、エンター・キーを押おすと、お目当めあてのページが表示ひょうじされます。このときにユーザーの目めには触ふれませんが、いろいろな通信つうしんがサーバ／クライアント間あいだで行おこなわれています。では実際じっさいにどんなデータのやりとりが行おこなわれているかチェックしてみましょう。

　WebブラウザはWebサイトと通信つうしんする度たびに、以下いかのようなやりとりをしてます。HTMLファイルや画像がぞうファイルなど、Webサーバとクライアント間あいだでたくさんの通信つうしんを行おこなっていますが、今回こんかいは通信つうしんのはじまりの部分ぶぶんのみを見みてみます。

図ず3　「HTMLを表示ひょうじせよ」という命令めいれいのWebブラウザとクライアントPCのやりとり

　ここでは、Firefoxを使つかって＠ITのサイトにアクセスをしたときの通信つうしんを見みてみましょう。Webブラウザでは表示ひょうじされないデーターをみるために、今回こんかいはFirefoxのプラグイン「LiveHTTPHeaders」を利用りようします。

　実際じっさいに試ためしてみたい方ほうのために、LiveHTTPHeadersの導入どうにゅうと簡単かんたんな使つかい方かたの説明せつめいをします。

■LiveHTTPHeadersの導入どうにゅうと簡単かんたんな使つかい方かた

画面がめん1　「Installation」をクリック

　LiveHTTPHeadersのページにアクセスをします。画面がめん上部じょうぶに「LiveHTTPHeaders」と書かかれた大おおきなロゴの下したにある「Installation」をクリックして、ダウンロード画面がめんに移うつります。

画面がめん2　「Install version 0.13.1 of LiveHTTPHeaders now」をクリック

　ダウンロード画面がめんです。最新さいしんバージョンの「Install version 0.13.1 of LiveHTTPHeaders now」をクリックすると、インストールが始はじまります（ただし、これは原稿げんこう執筆しっぴつ時じの最新さいしん版ばんです）。

画面がめん3　「ツール」→「LiveHTTPHeaders」で通信つうしんが表示ひょうじされる

　インストール完了かんりょう後ご、Firefoxを再さい起動きどうさせます。［メニュー］バーから［ツール］→［LiveHTTPHeaders］を選えらぶと、LiveHTTPHeadersのウィンドウが立たち上あがります。Webブラウザが通信つうしんをする度たびに、このウィンドウ内ないにWebサーバとクライアントの通信つうしんのやりとりが表示ひょうじされます。

　LiveHTTPHeadersのウィンドウ内ないには画像がぞうやFlashデータなどいろいろな通信つうしんが表示ひょうじされますが、ここではHTMLファイルとの通信つうしんをチェックしてみましょう。