Web ページ使用感向上技術

■　Google Maps
Google Maps を使ったことがありますか？　ズームや移動がスムーズで、気持ちの良い使用感が提供されている。「使いやすい」Web アプリケーションの技術として、Ajax が利用されている。

■　Ajax とは？
Ajax とは、「Asynchronous JavaScript + XML 」の略で、JavaScript とダイナミック HTML を使って非同期にサーバーと通信する Web アプリケーションのことである。技術そのものでなく、技術の組合せを指している。「エージャックス」と読む。Ajax は、JavaScript を中心の技術として、XHTML と CSS（Web 標準に基づくプレゼンテーション）、Document Object Model（ダイナミックな表示と相互作用）、XML と XSLT（データの変換や操作）、XMLHttpRequest（データの非同期的な取得）が利用されている。XML を利用せず、JavaScript と XMLHttpRequest の組合せだけでも、Ajax と呼ばれている。

Ajax は、2005年2月18に発表された、Adaptive Path の Jesse James Garrett 氏による「Ajax: A New Approach to Web Applications」のコラムによって取り上げられ、命名された。Ajax の利用例として有名なのは、Google Maps（地図のスムーズなズームイン、スクロール）、Google Suggest（キータイプに合わせて候補を表示）、A9（チェックボックスによる候補画面の表示）がある。

■　Ajax の仕組み
既存の Web アプリケーションは、ユーザーインターフェイスである Web クライアントから、HTTP リクエストにより、インターネット越しにある Web サーバーやデータベースサーバーの情報を HTML や CSS として情報を受け取る。リクエストから情報受取まで、同期して行われるため、利用者はページ遷移ごとに全ての情報受取まで、操作が中断され、待たされることになる。

Ajax を組み込んだ Web アプリケーションは、ユーザーインターフェイスと Web サーバーの間に、Ajax エンジンを組み込むことにより、非同期処理を実現している。Web クライアントは JavaScript を使用し、Ajax エンジンと通信し、Ajax エンジンは XMLHttpRequest を使用し Web サーバーへアクセスする。この XMLHttpRequest が、Ajax の特徴的な動きである非同期処理を可能としている。利用者はページ遷移ごとにデータ全てを受け取る必要がなくなり、より小さな単位で情報受信が可能となり、非同期処理によって待つことなく次の操作を継続することができる。

■　Ajax の価値
Ajax の価値は開発者と利用者の両方にあると考える。開発者からみた場合は、Flash や Java Applet のような特別なプラグインが必要ない。また、JavaScript がほとんどのブラウザでサポートされているので、より多くのブラウザで使用できる。特別な有償の開発環境も必要ないので、すぐに開発することができる。また、既存の技術の組合せなので、運用方法やログ解析なども既存のツールを継続して利用することが可能となる。

利用者から見た場合は、プラグインが必要ないため初期のロードの時間が必要ない。使用中に部分的にデータを送り情報が更新され、その間もユーザーの操作を妨げられない。それにより、インタラクティブ性のあるユーザーインタフェイスが提供されて、Web アプリケーションをデスクトップアプリケーションのように扱うことができる。リッチな操作感を体感できる。

■　Ajax の可能性
「使いやすい」Web アプリケーションの要素として、「イライラ」「ドッキリ」「ガッカリ」することなく、「素早く」「しっかり」「気の利く」があると思う。素早く（データを小さく非同期で通信する）、しっかり（追加プラグインを必要としない）、気の利く（的確に入力やマウスを誘導する）を提供する技術が、Ajax である。既存、あるいは、新規の Web アプリケーションに適用を検討するに値する技術である。

既存技術の組合せに Ajax という名前がつけられ、Google Maps が一般に公開されたことにより、可能性が広がった。今後も多くの Web アプリケーションで利用され、いろいろな利用シーンで鍵を握る技術であると考える。

中川 靖士
日本ユニシス株式会社
先端技術企画部技術開発室
研究員

提供:日本ユニシス