解説編(3)Ajax | デザインってオモシロイ -MdN Design Interactive-
【サイトリニューアル!】新サイトはこちらMdNについて
タイトル画像:RIAで広がるインターネットクリエイティブ

“マッシュアップ”などの流れにつながるRIA

Ajax



特定のプラグインに頼ることなく
リッチな表現を実現

非同期通信を用いたWebアプリケーションのユーザーインターフェイス構築技術の1つ。特定のフレームワークや製品ではなく、JavaScript、 (x)HTML、CSS、XMLなど、Webブラウザ上でプラグインを用いることなく使用可能な技術を組み合わせる。従来のWebアプリケーションではサーバへデータの送受信を行う度にページ遷移を行う必要があったが、主要Webブラウザに実装されているXMLHttpRequestオブジェクトを使用することで、ページの画面遷移を発生させることなく通信できる。


Ajaxが広げた可能性

画面遷移が発生しないフォーム入力やスライドメニューなどが可能になったのはもちろん、Google MapsなどWeb APIなどを組み合わせ新たなアプリケーションを構築する「マッシュアップ」などの流れにつながっている。


Ajaxを使ったサイト



アップル(検索部分)
http://www.apple.com/jp/
検索や入力フォームなどは、Ajaxが採用されやすいものの1つ。「i」や「m」など文字を入力すると検索結果が画像付きで紹介される。




マッシーのグルメ日記(Googleマップをマッシュアップ)
http://www.cybergarden.net/gourmet/
Googleマップは、Ajaxによりブラウザ標準のテクノロジだけで情報が非同期に更新され、使いやすいアプリケーションとなっている。そのGoogleマップに独自の情報を載せると、このような楽しいサイトを比較的簡単に構築することができる。


AjaxのTipsがダウンロードできる



OpenSpace
http://www.openspc2.org/



@IT リッチクライアント & 帳票フォーラム
http://www.atmarkit.co.jp/fwcr/index/index-wcr.html
twitter facebook このエントリーをはてなブックマークに追加 RSS
【サイトリニューアル!】新サイトはこちらMdNについて

この連載のすべての記事

アクセスランキング

8.30-9.5

MdN BOOKS|デザインの本

Pick upコンテンツ

現在