TOP設計・移行・活用> 通信方法における違い
Ajax
Ajaxが開く未来

第2回:AjaxアプリケーションとクラシックWebアプリケーションの違い
著者:HOWS  園辺 康弘   2006/4/3
前のページ  1  2  3   4  次のページ
通信方法における違い

   次に通信方法における違いを説明する。クラシックWebアプリケーションでは、ユーザが起こしたアクションをサーバに送信し、サーバが処理を完了してからHTTPリクエストを得るまでの間、ユーザは「待機」しなければならない(図4)。
クラシックWebアプリケーション(同期通信)
図4:クラシックWebアプリケーション(同期通信)

   対して、Ajaxアプリケーションではフォアグラウンドでユーザのアクションを受け付けながら、バックグラウンドでサーバとの通信(HTTPリクエストの送信/HTTPレスポンスの受信)を行うことができる(図5)。

Ajaxアプリケーション
図5:Ajaxアプリケーション

   この図5の動作を非同期通信という。この非同期通信をうまく使うことで、ユーザの「待機」を減らす、あるいはなくすことができる。

   例えば、有名なAjaxアプリケーションであるGoogle Mapsでは、ユーザが地図をドラックしてスクロールしている間に次の地図画像メッシュをサーバから先読みしている。Google Suggestではユーザが検索キーワードを入力している間に検索キーワードの候補をサーバからダウンロードすることで、インクリメンタルサーチを実現している。

前のページ  1  2  3   4  次のページ


HOWS  園辺 康弘
著者プロフィール
株式会社HOWS  研究開発担当  園辺 康弘
UNIX系業務システムおよびWebサイトにおけるプログラミング、システムインテグレーション、インフラ構築を経て、システムアーキテクチャの重要性に目覚める。その後、CTOの視点で、現代のSense-React型経営に追従するためのコンポーネント指向のシステムアーキテクチャ、先進テクノロジーの研究活動に従事。現在はAjaxを含むWeb2.0に関わる技術のリサーチと研究に没頭。音楽と馬をこよなく愛する。


INDEX
第2回:AjaxアプリケーションとクラシックWebアプリケーションの違い
  Ajaxアプリケーションの動作原理
  画面遷移における違い
通信方法における違い
  クライアントを積極的に利用する