「Ajax」って何だろう?メインコンテンツへジャンプ当サイトでは、JavaScriptを利用してフォントサイズを指定しております。JavaScriptが利用できない環境の方は、ブラウザのデフォルトのフォントサイズでのご提供となりますが、情報そのものは問題なくご利用いただけます。当サイトでは、アクセシビリティの実装方法としてスタイルシートを使用しております。表示結果が異なりますが、情報そのものは問題なくご利用いただけます。ASP.NETのTips満載!ここからコンテンツです。「Ajax」って何だろう?近頃よく見聞きする「Ajax」って何だろう?ASP.NETでも使えるんだろうか?そんな疑問にお答えするため、ここではAjaxの概要とASP.NETとの関係について解説するよ。Ajaxって何だろう「Ajax」大量発生?みなさん「Ajax」って、単語を見たり聞いたりしたことはありますか?かなりの確率で「YES」という声が聞こえてきそうです。最近、本屋のPC雑誌/書籍売り場を覗くと、この単語によく出会います。私は先日、契約しているプロバイダのWebメール上にも発見しました。各出版社から弊社に執筆依頼されるネタにも「Ajax」が多いのが実情です。かなりの人気者のようです。「Ajax」の誕生そもそも「Ajax」ってどう発音するのでしょう?答えは「エイジャックス」です。Garrettさんです。Applications」で初めて世に出てきました。このコラムを日本語訳したページも存在するようです。アプリケーション開発の新しいアプローチ」)「Ajax」の特徴さて、前置きが長くなりましたが、そろそろ「Ajax」の中身を見ていくことにしましょう。説明するよりも百聞は一見に如かず。Maps」を見てみましょう。検索したい場所をテキストボックスに入力して、[地図を検索]ボタンをクリックすると、指定場所を中心とした地図が表示されます。ドラッグ&ドロップによって地図を自由自在に移動させることができます。ナビゲーションバーを操作することによって地図の移動やズームを調整することができます。以下の図では、私の実家が地図内に収まるように、かつ、周りの町がわかるように少し右へ移動させ、ズームアップしてみました。Mapsこのように「Ajax」では、Flash技術のような見栄えのする使いやすいユーザインターフェイス効果を発揮することが出来ます。ASP.NETでAjaxを使うには?ここまで見たきたように、Ajaxはとても魅力的な技術です。ASP.NETでのプログラミングにも組み込みたいところです。β1版がリリースとなりました。AJAXは、無償で提供されているAjax対応ライブラリ(フレームワーク)です。Ajaxプログラミングを効率化するために、たくさんの機能が詰まっています。現在、以下のとおり5つのパッケージが提供されています。詳しいインストール方法や使い方については、今後公開予定の記事を参照してください。AJAXは必須?いいえ。AJAXは必要ではありません。HTML、XMLなど昔からある、皆さんが使ったことがある(かもしれない)技術だけで実現できます。Mapsを例に「Ajax」技術のしくみを説明すると、まず、Ajaxでは最初に必要なデータ(地図)だけをダウンロードします。その後ユーザの操作によって必要になったデータを「非同期に」サーバから取ってきて、ダイナミックHTMLを使って動的に画面に表示させます。「非同期」とは、サーバとクライアントとが別々に処理することです。一般的なWebサイトでは、クライアントが要求してからサーバが応答するまでの間、クライアントは応答を待つことしかできません。その間に操作をしても、再び要求を出さないと反映されません。「非同期」の場合は、サーバが必要なデータを取ってきている間に、クライアントが地図を移動したり、倍率を変更したりすることが可能となります。詳しく説明すると、Ajaxでは、ページ上で発生したイベントをJavaScriptでとらえて、XMLHttpRequestオブジェクト(JavaScriptでHTTP通信を行うオブジェクト)で情報をサーバ側に非同期に送信します。応答を受け取り、ダイナミックHTMLを使って、ページ上の必要な箇所だけを書き換えます。AJAXは必須と言うわけではなく、既存の技術のみでもASP.NET+Ajaxプログラミングは可能です。AJAXを使うと、効率よくラクに簡単にプログラミングが可能になるというわけです。興味のある方は、以下の参考書籍/サイトも見てみてください。関連リンク集ASP.NETブログアプリPR当社運営サイトコンテンツの終わりです。