Open Source Web Development Tutorials - Dev Shed

Ajax手法によるActive Client Page
（2009/01/27公開）

Ajax手法によるActive Client Page

　ユーザーの使用しているインターネット接続が低速な場合、クライアントのコンピュータにWebページが表示（ダウンロード）されるのに時間がかかってしまいます。しかし今日では、ダウンロードに長い時間がかかるのはWebサイトの最初のページだけで、ほかのページは非常にすばやく表示されます。今回は、このような芸当をどうやって実現しているかについて説明します。これには、Active Client PageとAjaxという手法が使われています。

はじめに

　画像ギャラリーを持つWebサイトの場合、ユーザーのインターネット接続が低速だと、画像のダウンロードに長い時間が必要となります。しかし、ダウンロードに長い時間がかかるのはWebサイトの最初の画像（または最初の一連の画像）だけで、ほかの画像は非常にすばやくダウンロードされます。

　サーバーのデータベースを使ってWeb開発をしていて、ユーザーが多いためサーバーの負荷が高い場合、ぜひ知っておいてほしいことがあります。本来サーバーで行われるようなデータベースのプログラミング作業を、代わりにクライアントのコンピュータで実行できます。多くの専門的なWebサイトは、PHP、ASP、JSPなどのサーバー側アプリケーションを使って、ページを生成しています。JavaScriptの心得があり、Active Server Page技術のために余分なホスティング料金を払いたくない場合、Active Server Pageを使わないことで料金を節約できます。

　Webページの作成者はアクティブなページを好むことから、ページサイズは大きくなる傾向があります。そのためページのダウンロードに必要な時間は長くなっています。しかし、2002から2003年にかけてVlad Podvorny氏が、また2006年にはChuck Bradley氏が発明し、私ことChrysanthus Forchaによって2007年に拡張されたActive Client技術によって、Webページを小さな単位でダウンロードすることが可能になりました。Vlad氏とChuck氏は別々にこの技術を発明しましたが、両氏ともにこの発明にActive Client Page（ACP）という名前を付けました。

　本連載を理解するには、JavaScript、HTML、Perlの十分な知識が必要です。

Active Client Pageに魅せられた理由

　筆者はフリーランスのコンピュータプログラマです。クライアントの一人は、自分の輸送企業用の簡単なWeb開発を私に依頼しましたが、この企業で使われているインターネット接続は低速でした。この企業は都市間バスを運用しており、乗客がインターネット経由でバスを予約し、料金を支払い、座席を選択できるようなサイトを希望していました。ユーザーがいくつものページのフォームに入力する必要があったため、手続きをインターネット上で早く完了させるにはどうすればよいかということが問題でした。

　筆者はこの問題を解決する方法について、記事や手引きをインターネット上で探しました。これが2005年のことです。そして、Vlad氏の記事と、氏のWebサイトを発見しました。それ以後、私はActive Client Pageと、それを改良する方法について考えていました。Chuck氏の手法を見つけたのは2007年のことです。

この記事について

　この記事では、Chuck氏の手法を私が修正したものを紹介します。この手法を、修正Chuck手法ではなく、Ajax手法と呼ぶことにします。そのため、この記事で紹介するのはChuck手法ではなくAjax手法です。また、この手法について筆者が加えた拡張点についても紹介します。Chuck氏と、氏の仕事について詳しく知りたい方は、次のリンクを参照してください。

http://www.warrocketAjax.com/?p=6
http://www.warrocketAjax.com/?p=7
http://www.warrocketAjax.com/index.php?s=active+client+pages&sbutt=Go

1 2 3 4 次のページ