AJAX Webアプリケーション アイデアブック
秀和システム
著者：羽田野太巳
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 の基礎知識 [Sample Script]
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 はじめの一歩 [Sample Script]
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 インタラクティブなフォーム [Sample Script]
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 ダイナミックな画像表示 [Sample Script]
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 データの活用 [Sample Script]
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 カテゴリーごとに新着書籍を表示する
Index