magazine.gif 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