[ネットで○○する時]
Ajaxでえーじゃん
日々様々な言葉が新たに登場するWeb業界ですが、その中でも最近よく目にする
「Ajax(エイジャックス)」という言葉をご存じでしょうか?
Ajaxは、Asynchronous JavaScript + XMLの略称で、技術的にはJavaScriptと
XmlHttpRequestを利用し、シームレスなユーザーインターフェースを実現する
技術の総称をさします。
はい、と言っても全然分かりませんね(笑) 技術面に明るくない私なぞは、
てんでピンときません。百聞は一見にしかずということで、ここは実際にAjax
を利用したサイトを見て、何が出来るのかを確かめた方が早そうです。
Ajaxが、現在のような脚光をあびるきっかけのひとつになったサービスに、ご
存じの方も多いと思われる「Google マップ」があります。
Google マップ
http://www.google.co.jp/maps
Google マップがそれまでの地図サービスと大きく異なるのは、枠外の地図や拡
大した地図を表示されるのに、画面遷移を伴わない点が挙げられます。地図を
マウスでドラッグすることで自由に移動させることができ、スライダーを上下
させることによって、拡大縮小も自在に可能です。
画面遷移を伴わないことで、地図の「繋がり感」をより直感的に把握でき、既
存の地図サービスを脅かすような存在になりつつあるようです。
同様の仕組みは、FLASHや専用のCGIプログラムなどを使えばこれまでも可能で
したが、Google マップではAjaxを利用して、ブラウザの標準機能だけで実現し
ているのが特徴です。
ユーザーにとって、分かりやすいインターフェイスを提供する技術のひとつと
して、Ajaxは私たちのホームページでも今後利用されうる可能性のある技術だ
と思います。
例えば、よくある商品検索の画面も、Ajaxを利用することで下記のようなイン
ターフェイスを提供することが可能です。株式会社はてなのCTOである伊藤直也
氏による、アマゾンの商品検索をAjaxで実現したデモサイトです。
ECS with Ajax
http://naoya.dyndns.org/~naoya/ajaxecs/
実際に検索をしていただくと、Ajaxを利用したインターフェイスの神髄を体感
いただけると思います。
上記はあくまで一例ですが、例えば入力された条件によって異なる項目を表示
するメールフォームや、より直感的なショッピングカートなど、アイディアし
だいで様々な可能性が考えられるのではないでしょうか。
私たちが実用レベルで利用できるようになるのはもう少し先の話になるかも知
れませんが、Ajaxという言葉を覚えておいて損はないと思います。
2005.09.28