Ajaxの入門書

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

そろそろと思いながらなかなか手がつけられない、Ajaxですが、来年こそはやるぞー。
ということで、来年の課題に先送りっと。

目次

■Chapter1 AJAX の概要
1.1 Ajax とは

1.1.1 Ajax の定義
1.2 Ajax の導入事例

1.2.1 Google Suggest

1.2.2 Google Maps
1.3 アプリケーションモデル

1.3.1 これまでのアプリケーションモデル

1.3.2 Ajax のアプリケーションモデル
■Chapter2 AJAX の基礎知識
2.1 HTTP 通信

2.1.1 HTTP 通信処理の流れ

2.1.2 ブラウザーの互換性

2.1.3 通信タイムアウト処理

2.1.4 サーバエラー
2.2 XHTML

2.2.1 セマンティックで妥当なHTML

2.2.2 XHTML の記述ルール
2.3 DHTML

2.3.1 DHML とは

2.3.2 スタイルの操作

2.3.3 タグ要素の操作
2.4 DOM

2.4.1 DOM とは

2.4.2 DOM の活用方法
2.5 イベント

2.5.1 これまでのイベントハンドリング手法

2.5.2 DOM イベントハンドリング手法へ

2.5.3 マウスイベント

コラム： DOM Walk-Through
■Chapter3 はじめの一歩
3.1 Hello AJAX!

コラム： イベントハンドリングでリスナーかハンドラー、どっちが良い？
3.2 HTML を画面内部に組み込む

3.2.1 ラジオボタンで切り替える

3.2.2 テキストリンクで切り替える
3.3 子ウィンドウに組み込む

3.3.1 半透明の子ウィンドウを開く

3.3.2 子ウィンドウをフェードアウトで消す

3.3.3 ドラッグして移動させる

コラム： 便利なBasic 認証、されどAjax では...
■Chapter4 インタラクティブなフォーム
4.1 テキストボックスの入力支援

4.1.1 テキストボックスへの自動挿入

4.1.2 Google Suggest 風のテキストボックス
4.2 セレクトメニューの項目操作

4.2.1 ラジオボタンでセレクトメニューの内容を切り替える

4.2.2 セレクトメニューの簡易ショッピングカート
4.3 サーバにデータを送信する

4.3.1 POST メソッドによるデータ送信の基本

4.3.2 Ajax 的なフォーム入力値のチェック
■Chapter5 ダイナミックな画像表示
5.1 画像表示の基本

5.1.1 サムネイルをスケールエフェクトで拡大表示する

5.1.2 画像を枠内でドラッグ移動する
5.2 Google Maps 風パノラマ画像表示

5.2.1 設計アウトライン

5.2.2 JavaScript コード詳説
5.3 マウスホイールによるアクション処理

5.3.1 マウスホイールイベント

5.3.2 画像を拡大・縮小表示する
■Chapter6 XML データの活用
6.1 XML 活用テクニック

6.1.1 XML 概要

6.1.2 XML データを画面に組み込む
6.2 RSS リーダーを作ろう

6.2.1 RSS 概要

6.2.2 RSS の内容を整形してHTML 内に組み込み表示する
6.3 Amazon Web サービス

6.3.1 Amazon Web サービス概要

6.3.2 カテゴリーごとに新着書籍を表示する