TOP
>
設計・移行・活用
> 通信方法における違い
Ajaxが開く未来
第2回:AjaxアプリケーションとクラシックWebアプリケーションの違い
著者:
HOWS 園辺 康弘
2006/4/3
前のページ
1
2
3
4
次のページ
通信方法における違い
次に通信方法における違いを説明する。クラシックWebアプリケーションでは、ユーザが起こしたアクションをサーバに送信し、サーバが処理を完了してからHTTPリクエストを得るまでの間、ユーザは「待機」しなければならない(図4)。
図4:クラシックWebアプリケーション(同期通信)
対して、Ajaxアプリケーションではフォアグラウンドでユーザのアクションを受け付けながら、バックグラウンドでサーバとの通信(HTTPリクエストの送信/HTTPレスポンスの受信)を行うことができる(図5)。
図5:Ajaxアプリケーション
この図5の動作を非同期通信という。この非同期通信をうまく使うことで、ユーザの「待機」を減らす、あるいはなくすことができる。
例えば、有名なAjaxアプリケーションであるGoogle Mapsでは、ユーザが地図をドラックしてスクロールしている間に次の地図画像メッシュをサーバから先読みしている。Google Suggestではユーザが検索キーワードを入力している間に検索キーワードの候補をサーバからダウンロードすることで、インクリメンタルサーチを実現している。
前のページ
1
2
3
4
次のページ
著者プロフィール
株式会社HOWS 研究開発担当 園辺 康弘
UNIX系業務システムおよびWebサイトにおけるプログラミング、システムインテグレーション、インフラ構築を経て、システムアーキテクチャの重要性に目覚める。その後、CTOの視点で、現代のSense-React型経営に追従するためのコンポーネント指向のシステムアーキテクチャ、先進テクノロジーの研究活動に従事。現在はAjaxを含むWeb2.0に関わる技術のリサーチと研究に没頭。音楽と馬をこよなく愛する。
INDEX
第2回:AjaxアプリケーションとクラシックWebアプリケーションの違い
Ajaxアプリケーションの動作原理
画面遷移における違い
通信方法における違い
クライアントを積極的に利用する