通販激安価格マップ, > Ajax

HOME >> パソコン用語解説 , インターネットの基礎用語 >> Ajax

Ajax」(Asynchronous JavaScript + XML)は、エイジャックスと呼びます。

上記のようにAsynchronous JavaScript + XML の略称。

この言葉は、2005年2月18日にWebコンサルティング会社のAdaptive Path社のJesse James Garrett が書いた記事において用いられたのが最初。

Ajaxは、以下の複数の技術の組み合わせたテクノロジーになります。

  • 基本となるのは、XHTMLCSSを使用
  • Document Object Methodを用いた動的な表現を採用
  • XMLとXSLTによるデータ変換・操作
  • XMLHttpRequestによる非同期通信を利用
  • これらの技術をJavascrptで融合

Ajax を用いて構築されたインタフェースの代表例として 『Google サジェスト』 や 『Google マップ』があります。

Googleサジェスト』のサイトでは、Googleサジェストについて以下のように説明しています

 「検索窓に入力するにしたがって、Google サジェストがあなたの入力を予想し、リアルタイムで候補になり得る言葉を表示します。

例えば、"科学" と入力すると、Google サジェストは "科学博物館" や "科学技術庁" を候補としてあげるかもしれません。

同様に、"おんせ" のように言葉の一部分を入力すると Google サジェストは "温泉"、 "温泉旅行"、 "音声" や "音声認識" のような候補を表示するかもしれません。

入力途中で目的の言葉が候補から見つかった場合、上下の矢印キーかマウスで選択し、さらに右矢印キーで絞込み検索もできます。」

Google サジェスト を利用すると、検索語句を一文字入力する都度、その語句を推測して候補を表示します。

この際、リロード(再読み込み)を全く行わないで、候補が絞り込まれていきます。

これは XMLHttpRequest による非同期通信がそこで行われているためで、Ajaxの特徴的な動作になります。

詳細には、検索語が入力されるたびにXMLHttpRequestによりサーバーからリストを取得し、それを表示しています。


同様に『Google マップ 』は、表示している地図が境界に達する前にマウスの動きに反応して、次に読み込むべき地図をXMLHttpRequestによる非同期通信により取得しています。

googlemapexample.gif

Ajaxは、普通のアプリケーションのようにサーバーの存在を意識させずに動作するという特長があります。

以下に紹介するのは、Ajax関連の書籍です。

サーバサイドAjax入門 Java/PHPASP.NET連携でAjaxプログラミングを極める!

サーバサイドAjax入門 Java/PHP/ASP.NET連携でAjaxプログラミングを極める!
山田 祥寛
翔泳社 刊
発売日 2006-09-21


脱入門者向け 2006-09-22 Ajax対応の主要なライブラリを紹介した書籍です。
私自身は普段PHPを使っていますが、Java、ASP.NETについての情報も掲載されており、こんなこともできるんだと参考になりました。特にAtlas Frameworkは使いでがありそうです。サンプルは、Google Map APIやYahoo UIライブラリ、AmazonなどのWeb APIを使った例が紹介されています。
サーバサイドAjaxということで、Ajaxを基本から解説するというよりも、サーバサイドのライブラリでいかに実践的に開発するかという書籍です。ある程度、Ajaxの基本的なしくみを理解した人のための2冊目の書籍としてお勧めです。

さらに詳しい情報はコチラ≫

Ajax 実装のための基礎テクニック

Ajax 実装のための基礎テクニック
増井 雄一郎 /深津 貴之 /川崎 有亮 /台場 圭一 /WINGSプロジェクト 佐藤 真介
技術評論社 刊
発売日 2006-03-23


読物としても 2006-08-12 テクニックと銘打っていますが、Ajaxを巡る基本的な思想、基盤となる考え方、特徴などについて丁寧に書かれていますので、本書を精読することで、Ajaxの全体像をつかむことができると思います。
おそらく現時点で出版されている入門的な本では、もっとも万人向けにお勧めできると思います。
さらに詳しい情報はコチラ≫


実践 Ajax ―Web2.0アプリケーション開発への手引き

実践 Ajax ―Web2.0アプリケーション開発への手引き
Justin Gehtland /Ben Galbraith /Dion Almaer
オライリー・ジャパン 刊
発売日 2006-10-05



さらに詳しい情報はコチラ≫

Ajaxイン・アクション

Ajaxイン・アクション
柏原 正三 /株式会社はてな /網代 淳 /星 睦 /Dave Crane /Eric Pascarello /Darren James
インプレス 刊
発売日 2006-06-09


初心者向けでない、中・上級者向けの本 2006-08-05  私はJavascript,php(Smarty,PEAR),Java,DB,オブジェクト指向アプローチの基本を理解して業務に利用したり
してますが、この本は全体的に中・上級者向けの本ですね。

 最初の1、2章、章末の付録Bまではすごくよく書けていて、初心者にとっても基本を理解するには良い内容だと思いました。
が、ここから難しくなってきます。

 3章まではなんとかいけましたが、4章のObjectViewerでつまづいてしまいました。
4章からがこの本の本領発揮!という感じなのでしょうが、邦訳が良く分からず、サンプルコードもいきなり大量に出てきて、
それぞれがなにをするためのものなのかという説明部分も物足りず、理解できないまま飛ばすと、
さらに5章、6章も次々に難解な解説が登場してくる、という感じです。 このあたり、中・上級者なら理解できるでしょうか。
自分の頭の中で内容を補完する技量が求められます。

 また、説明の中にあっさりと他言語の内容が含まれていることから、最低限Javascript,PHP(Smarty,PEAR),
Java,DBを理解した上で読み始めることが推奨条件となっている感じがしました。

 1、2章と付録Bを読んで、次が分かりにくくなったら他のAjax本を読んでみるのも良いのではないかと思います。
でもまた後でこの本に戻ってきて、最後まで読むことができれば他の本にはない知識が身につくだろうと思いますけど。
さらに詳しい情報はコチラ≫


AJAX Webアプリケーション アイデアブック

AJAX Webアプリケーション アイデアブック
羽田野 太巳
秀和システム 刊
発売日 2005-12-09


AJAXの早い理解にはGood! 2006-08-13 「アプリケーション アイデアブック」というタイトルが、この本の性格を表していると思う。AJAXがXHTML,DHTML,JavaScript,DOMといったものからできていることを簡単な説明とともに明確に語ってくれているのはありがたい。技術者がそこそこのレベルの知識を入手するには、とてもいい本だと思う。入門者向けと称する基礎編なんていうページ稼ぎもないところが、特にいい。
逆にいうと、プログラミング経験のない人がAJAXで一儲けしよう、と考えて買うのであれば、(本のタイトルに「アイデア」などと入ってるし)満足しないかも知れない。
今は多彩な技術が次から次に出るので、こういうタイプの技術本が増えてくれれば、短時間で目新しい技術について理解できるので助かる。
さらに詳しい情報はコチラ≫

Ajaxハッカーズ・プログラミング―基礎からprototype.js、Yahoo!UIライブラリ、HTML_AJAXの活用までWebアプリケーション制作のプログラミング・テクニック
Ajaxハッカーズ・プログラミング―基礎からprototype.js、Yahoo!UIライブラリ、HTML_AJAXの活用までWebアプリケーション制作のプログラミング・テクニック
佐久嶋 ひろみ
メディアテック出版 刊
発売日 2006-05


Ajaxを基本から学びたい人におススメです! 2006-07-23 Ajaxを勉強したくて何冊か本を購入してみたのの、
いまいちピンとくるものがありませんでしたが、
この本はおススメです!

最初はAjaxの基本中の基本となる同期通信、非同期通信の体験、XMLHttpRequestメソッドの概要、DHTMLの説明から始まり、その後でCSV、JSON、XML、MSOffice、RSSフィード、データベース、サーバーサイドプログラムと連携したAjaxの事例とサンプルプログラムの解説があり、さらにprototype.js、Yahoo!UIライブラリ、PEAR付属のHTML_AJAXといったAjaxフレームワークを使ったアプリケーションの開発まで内容てんこもり。たくさんのサンプルソースを使ってとても丁寧に説明しています。

サンプルソースもオブジェクト指向でとても見やすく、ソースの書き方も参考になりました。

また、Ajaxでよく使われるJavaScriptのオブジェクトリファレンスもあり、辞書的な使い方もできて、とても役に立っています。

この本を読んで、Ajaxの基本的な知識とAjaxを使ったWebアプリの制作が楽しくなりました。

HTML、JavaScipt、PHP、SQLの文法に関する解説は全くないので、これらの知識があることが前提となりますが、これらの知識がある人でAjaxを基本から学びたいと思っている人におススメです!
さらに詳しい情報はコチラ≫


Ajax Hacks ―プロが教えるWebアプリケーション構築テクニック

Ajax Hacks ―プロが教えるWebアプリケーション構築テクニック
Bruce W. Perry
オライリー・ジャパン 刊
発売日 2006-10-05



さらに詳しい情報はコチラ≫

実例で学ぶ! [入門と実践] Ajax+XML [CD-ROM付き]

実例で学ぶ! [入門と実践] Ajax+XML [CD-ROM付き]

川俣 晶
技術評論社 刊
発売日 2006-05-13


説明が丁寧です. 2006-07-07 タイトルはAjax+XMLですが,Javascript,DHTML,XML,DOMによるプログラミングの基礎が中心で,流行のGoogleMap APIを使ったサンプルはありません。言葉は知っているが,プログラミングスタイルを最初から勉強したい初心者向け(私のような)と思いました。

ただ,コーディングスタイルとしての定石(知らない人にはとても有用)が載っていたりして中級者にも有用なノウハウも載っている様に思います。(プラウザの種類による処理の違いの判定など,なるほどね!と思ったりします。)また,言葉/用語の使い方と説明がとても丁寧でわかりやすいですね。ノウハウに相当するコラムもよい。初心者には,お勧めです。


さらに詳しい情報はコチラ≫


Googleマップ+Ajaxで自分の地図をつくる本 Google Maps API徹底活用

Googleマップ+Ajaxで自分の地図をつくる本  Google Maps API徹底活用
米田 聡
ソフトバンク クリエイティブ 刊
発売日 2005-12-21


とっかかり安く分かりやすい。 2006-05-27  最近何かと話題のGoogle関係のAPIですが、この
 Google MapのAPIを使うための基本的なノウハウを
 分かりやすく書いているのが特徴です。

 最初の方はとりあえずとにかく使ってみようという
 観点から始まり、少しずつレベルアップしていく感じで
 とっかかりをつかんでより進展させていこうとしている
 人にとってはぴったりの一冊のような気がします。

 この本を読んで少し物足りないなぁと思う方は
 XMLの専門書を読み進めていくとより発展的なものが
 作成出来ると思います。

 基本的に自身のWebページに一コンテンツを足したいと
 思う方にお勧めですね♪
さらに詳しい情報はコチラ≫

Ajax逆引きクイックリファレンスWeb2.0対応for Windows & Macintosh
Ajax逆引きクイックリファレンスWeb2.0対応for Windows & Macintosh
古籏 一浩
毎日コミュニケーションズ 刊
発売日 2006-03


入門は不要な人向け 2006-08-25 XMLやDOM、サーバーサイド技術(PHP/Java/Perl等)を知っていて、
Ajaxとは何ぞやとかサーバの設定はどうしろとかいう前置きが不要な人向け。
目的ごとに書かれてはいるが、頭から順に読めば充分に理解できる内容になっている。
オールカラーでスッキリしたレイアウトが見やすい。

さらに詳しい情報はコチラ≫



「Ajax」の関連ブログを読む

  • 「S・O・C」レビュー(mari)
    先週富山で行われたSOCのレビューがrollnetに掲載されました。 ちぢいわくん、お疲れさまです♪ WordPress | 09.10.31 15:27. はてなブックマーク ? 独自のWordPressテーマを作るチュートリアル20+. TUTORIAL LOUNGEで、独自のWordPressテーマを作るチュートリアルがたくさん紹介されています。 ざっといくつかご紹介。 CREATIVE SEKKA wp-nicolink Wordpressにニコニコ動画を貼り付ける プラグインおしごと. WordPress のインスト...
  • YappoLogs: Ajax アプリ等の為の JavaScript コードのテストツール JSTAPd を作ってるよ(ふかふか)
    さておもしろいネタをみつけました。■YappoLogs: Ajax アプリ等の為の JavaScript コードのテストツール JSTAPd を作ってるよ■よりAjax アプリ等の為の JavaScript コードのテストツール JSTAPd を作ってるよData::ObjectDriverをDISってる人の話題が三周目に突入した今日この頃ですが皆さんは何をDISってますか?Yappoです。JavaScript にもテストツールが色々とあると思うんですが、 Ajax アプリの XHR リクエストとかも含めて...
  • [募集] あなたのお知り合いをご紹介ください(juku-cho)
    達人養成塾 小川です。こんにちは。 ホームページの中の仕組みを、大きく変更することにしました。 ご協力いただける、ホームぺージのことが分かる技術者の方を探しています。 なので、あなたのまわりで関係ありそうな方に以下のことをお知らせいただけると助かります。 鬼手仏心。 / / / / / / / / / / / / / / / / / / / / 弊社ホームページの開発者・管理者と...
  • [JavaScript][Ajax]IEでローディングが表示されない場合(mb_strlen)
    めちゃめちゃ基本なことな気がするけど、 はまったのでメモ。 var elm = document.createElement(’div’); elm.innerHTML = ’ほげ〜ほげほげ〜’; document.getElementById(’hogehoge’).appendChild(elm); みたいなのとかで、 動的なHTMLを表現したりしますよね。

この記事へのコメントはコチラから




保存しますか?

(書式を変更するような一部のHTMLタグを使うことができます)


この記事へのトラックバックURL

http://pricerecommend.com/cgi/mt/mt-tb.cgi/60