Ajaxによる 業務アプリケーション開発

概 要

Ajaxによる業務アプリケーション開発の基礎から実践、応用まで幅広く解説したAjaxプログラミング解説書です。ブラウザをクライアントとした分散システムを実現するAjaxの基礎から、DOMイベントモデル、ラジオボタンやチェックボタン処理、動的表示、DOMノード操作、XMLHttpRequestによる非同期通信などプログラム処理、さらにAjaxで作る定番の登録・更新・参照・条件参照処理、再起呼び出し関数からのAjax非同期通信などを解説。それらを踏まえ、簡易マクロ/グラフが使えるWebスプレッドシート、Googole Maps APIやYahoo!カレンダを利用した業務アプリケーション、リバースAjaxを利用した受注情報登録とコールバック表示の開発手法など、Ajaxプログラミングを丸ごと詳解します。

著者 清野克行
価格 本体3800円(税別)
ISBN 978-4-7980-2080-8
発売日 2008/9/26
判型 B5変
色数 1色
ページ数 592
CD/DVD
対象読者 中級
シリーズ
表紙イメージ
購入 アマゾンで購入する
楽天で購入する

※リンク先によっては、販売ページが用意されていないことがあります。あらかじめご了承ください。

新しいウィンドウで開く 書籍購入のご案内

サポート

サポート情報は以下からご参照下さい。

サポート情報へのリンク

目次

Part 1 Ajax概論

Chapter1 Ajaxの概要

1-1 Ajaxとは

1-2 Ajaxモデルでの処理フロー

1-2-1 Ajaxの定義

1-2-2 WebGUI

1-2-3 イベント処理

1-2-4 非同期通信

1-2-5 画面(UI)表示

1-2-6 XMLデータの受信と処理

1-2-7 JavaScriptによる機能統合

Chapter2 分散システムとAjax

2-1 Webクライアントとサーバの関係

2-2 AjaxによるWebシステムの進歩と展開

2-2-1 Webシステムの起源

2-2-2 分散アプリケーションとしてのAjax

2-2-3 AjaxとWebアプリケーションの進化

2-2-4 分散システムでの相互接続

Part 2 Ajaxプログラミング基礎講座

Chapter3 Ajaxにおけるイベント処理―DOMイベントモデル

3-1 AjaxとDOMモデル

3-2 DOMイベントモデル

3-3 イベントリスナ

3-4 イベントオブジェクト

Chapter4 Ajaxにおけるフォームコントロール処理

4-1 ラジオボタンの選択確認

4-2 チェックボックス

4-2-1 チェックボックスの選択確認

4-2-2 チェックボックスの複数選択

4-3 セレクトメニュー

4-3-1 セレクトメニューの選択確認

4-3-2 オプショングループで表示・選択

4-3-3 セレクトメニューの絞り込み検索

Chapter5 Ajaxにおける動的表示

5-1 Ajaxにおける動的表示

5-2 Ajaxモデルでの表示パターン

5-3 XHTMLタグの流し込み

5-4 テキスト入力フィールドへの値設定

5-5 DOMノード操作での動的画面生成

5-6 ノードの参照

5-7 ノードの追加・更新

5-8 ノードの削除

5-9 ノード操作でテーブル表示

5-10 ノード操作で画像表示

Chapter6 Ajaxにおける非同期サーバ通信

6-1 XMLHttpRequestでの通信パターン

6-2 非同期方式でのサーバ通信

6-2-1 GET/非同期方式のプログラムサンプル

6-2-2 タイマ設定で通信アボート

6-2-3 別関数形式

6-2-4 POST/非同期方式での通信

6-3 同期方式でのサーバ通信

6-3-1 GET/同期方式での通信

6-3-2 POST/同期方式での通信

6-4 サーバ側処理プログラム

6-4-1 サーバ側システム構成

6-4-2 サーブレットでのサーバ処理プログラム

6-4-3 ディレクトリ構成

6-4-4 環境変数

6-4-5 サーバ側プログラムパターン

6-4-6 サーブレット+フラットファイル

6-4-7 サーブレット+データベース

6-4-8 サーブレット+JavaBeans

Part 3 Ajaxで作る業務アプリケーション

Chapter7 AjaxにおけるCRUD(登録・参照・更新・削除)処理

7-1 Ajaxにおけるマスタメンテナンス

7-2 社員マスタ登録

7-2-1 社員マスタ登録―画面操作

7-2-2 社員マスタ登録―Ajaxクライアントプログラム

7-2-3 社員マスタ登録―Javaサーバコード①:hrSvlt.java

7-2-4 社員マスタ登録―Javaサーバコード②:hrBean.java

7-3 社員マスタ参照

7-3-1 社員マスタ参照―画面操作

7-3-2 社員マスタ参照―Ajaxクライアントプログラム

7-3-3 社員マスタ参照―Javaサーバコード:hrBean.java

7-4 社員マスタ参照・更新・削除

7-4-1 社員マスタ参照・更新・削除―画面操作

7-4-2 社員マスタ参照・更新・削除―Ajaxクライアントプログラム

7-4-3 社員マスタ参照・更新・削除―Javaサーバコード:hrBean.java

7-5 社員マスタ全件参照

7-5-1 社員マスタ全件参照―画面操作

7-5-2 社員マスタ全件参照―Ajaxクライアントプログラム

7-5-3 社員マスタ全件参照―Javaサーバコード:hrBean.java

Chapter8 Prototype.jsの適用

8-1 Prototype.jsとは

8-2 ショートカット関数

8-2-1 $関数

8-2-2 $F関数

8-2-3 $A関数

8-2-4 show()・hide()・toggle()メソッド

8-2-5 addClassNameメソッド・removeClassNameメソッド

8-3 文字列・配列に対する機能拡張

8-3-1 文字列(String)に対する機能拡張

8-3-2 配列(Array)に対する機能拡張

8-4 Ajaxフレームワーク

8-4-1 Ajax.RequestとAjax.Updater

8-4-2 Ajax.PeriodicalUpdater

8-5 社員マスタ登録(Prototype.jsでのコード書き換え)

8-6 社員マスタ参照(Prototype.jsでのコード書き換え)

8-7 社員マスタ参照・更新・削除(Prototype.jsでのコード書き換え)

8-8 社員マスタ全件参照/自動更新(Periodical Updater)

8-9 社員マスタ登録/参照―Toggle表示画面

Chapter9 DWRでのサーバ連携

9-1 DWRとは

9-1-1 DWRとGWT

9-1-2 DWRの主なユーザ

9-1-3 DWR使用のメリット

9-1-4 DWRの動作環境

9-2 DWRの特徴

9-3 運用面からのDWRの特徴

9-4 WARファイルによるサンプル環境のデプロイ

9-5 DWRで作る最初のプログラム

9-5-1 DWR用アプリケーション環境の設定

9-5-2 デプロイメントデスクリプタの記述

9-5-3 JavaBeansプロクラムの作成

9-5-4 JavaBeansのコンパイル配置とdwr.xmlへの登録

9-5-5 dwr.xml―create要素の構文

9-5-6 DWRデバッグ画面での動作確認

9-5-7 クライアント側プログラムの作成

9-5-8 DWRでのサーバ通信

9-6 scope属性変更での動作確認

9-7 メソッド呼び出し制限での動作確認

9-8 オプション項目の指定

9-9 DWRUtil

9-9-1 値の読み取りと値の設定の簡単な例

9-9-2 Optionsリストへのセット・リセット

9-10 サーブレットAPI

9-11 アノテーション

9-12 リバースAjax

9-12-1 DWRのリバースAjax

9-12-2 Comet=アクティブリバースAjax(Active Reverse Ajax)

9-12-3 パッシブリバースAjax(Piggyback)

9-12-4 リバースAjax―サンプル①:クロック表示

9-12-5 リバースAjax―サンプル②:チャット表示

Chapter10 CRUD処理の操作性向上―イベント処理

10-1 社員マスタ情報登録

10-1-1 サーバ側プログラミングと設定

10-1-2 クライアント側プログラム処理

10-2 社員マスタ参照

10-2-1 社員マスタ参照―標準画面

10-2-2 社員マスタ参照―Enterキーで参照表示

10-2-3 社員マスタ参照―ID入力完了で参照表示

10-3 社員マスタ参照―インクリメンタル検索

10-3-1 インクリメンタル検索での操作手順

10-3-2 サーバ側プログラム

10-4 仕訳データ登録

10-4-1 仕訳データ登録の画面操作

10-4-2 サーバ側処理プログラム

10-5 部品構成表示

10-5-1 再帰処理関数内からの非同期通信で部品構成表示

10-5-2 画面操作

10-5-3 サーバ側プログラムの作成

10-5-4 クライアント側プログラムの作成

Chapter11 CRUD処理の操作性向上―UIコントロール

11-1 フォームコントロール:ラジオボタン―社員マスタ条件参照

11-1-1 画面操作

11-1-2 サーバ側処理プログラム

11-1-3 クライアント側処理プログラム

11-1-4 クライアント側処理プログラムの変更(innerHTMLでの動的表示)

11-2 フォームコントロール:チェックボックス―社員マスタ条件参照

11-2-1 画面操作

11-2-2 クライアント側処理プログラム

11-3 フォームコントロール:セレクトメニュー―社員マスタ条件参照

11-3-1 画面操作

11-3-2 サーバ側処理プログラム

11-3-3 クライアント側処理プログラム

11-4 電子商取引サイト

11-4-1 EC(電子商取引)サイトの画面操作とプログラム処理ポイント

11-4-2 商品マスタメインテナンス画面とプログラム処理ポイント

Part 4 Ajaxを応用して作る業務アプリケーションとライブラリの適用

Chapter12 HTMLテーブル+DWRの操作性

12-1 CRUD処理の操作性向上―ActiveWidgets

12-2 ActiveWidgetsコントロールライブラリ

12-3 ActiveWidgetsのセットアップ

12-4 基本サンプル:コンボボックス

12-4-1 画面操作

12-4-2 プログラム処理

12-5 ツリーコントロール

12-5-1 画面操作

12-5-2 プログラム処理

12-6 タブメニュー

12-6-1 画面操作

12-6-2 プログラム処理

12-7 グループコントロール

12-7-1 画面操作

12-7-2 プログラム処理

12-8 タブメニューの応用例―「Ajaxサイト&サンプル」メニュー画面

12-8-1 画面操作

12-8-2 クライアント側プログラム処理

12-9 ツリーコントロールの応用例―部品構成表示

12-9-1 画面操作

12-9-2 サーバ側処理プログラム

12-9-3 クライアント側処理プログラム

12-10 コンボボックスの応用例―仕訳データ入力へのコンボボックス適用

12-10-1 画面操作

12-10-2 クライアント側プログラム処理

12-11 コンボボックスの応用例―テーブル表示とCRUD処理

12-11-1 画面操作

12-11-2 サーバ側処理プログラム

12-11-3 クライアント側処理プログラム

Chapter13 ActiveWidgetsグリッドで作るWebスプレッドシート

13-1 Plotrのグラフ表示機能

13-2 Plotrでグラフ表示―棒グラフ

13-3 Plotrでグラフ表示―折れ線グラフ

13-4 Plotrでグラフ表示―円グラフ

13-5 YUI(Yahoo! User Interface Library)

13-6 YUIでグラフのマウスドラッグ

13-7 ActiveWidgets:グリッド表示

13-8 ActiveWidgetsグリッドとDWRの組み合わせ―1

13-8-1 画面操作

13-8-2 サーバ側処理プログラム

13-8-3 クライアント側処理プログラム

13-9 ActiveWidgetsグリッドとDWRの組み合わせ―2

13-9-1 画面操作

13-9-2 サーバ側処理プログラム

13-9-3 クライアント側処理プログラム

13-10 ActiveWidgetsのグリッドでWebスプレッドシートに挑戦

13-10-1 グリッドデータからグラフ表示

13-10-2 計算機能

13-10-3 マクロ計算機能

13-10-4 CSVデータの読み込み

Chapter14 リバースAjaxとWebサービス

14-1 Google Maps API

14-1-1 Google Mapsの使い方

14-1-2 Google Mapsを表示する

14-1-3 画面右下に小窓を表示する

14-1-4 地図中央の緯度と経度を表示しドラッグにより表示を変える

14-1-5 地図上をクリックしてマーカを表示/非表示にする

14-1-6 マーカクリックで画像付き吹き出しを表示する

14-1-7 住所/スポット名入力で地図を表示する

14-1-8 地図/航空写真2連表示でドラッグ移動を連動させる

14-2 YUI(Yahoo! User Interface Library)のカレンダ表示機能

14-2-1 カレンダ表示

14-2-2 2連カレンダ表示

14-2-3 日本語カレンダ表示とドラッグ移動

14-2-4 カレンダから日付入力

14-3 リバースAjaxで受注情報表示

14-3-1 画面操作

14-3-2 クライアント側プログラム

14-3-3 サーバ側プログラム

14-4 リバースAjaxで受注情報と受注累計表示

14-4-1 画面操作

14-4-2 クライアント側プログラム

14-4-3 サーバ側プログラム

14-5 受注登録処理とリバースAjaxでの受注ステータス別画面表示

14-5-1 処理概要

14-5-2 受注登録

14-5-3 受注情報のコールバック表示

14-6 自作リバースAjaxと自動グラフ表示

14-6-1 画面操作

14-6-2 サーバ側プログラム

14-6-3 クライアント側プログラム

14-7 受注情報登録とコールバック表示

14-7-1 受注情報登録

14-7-2 顧客ID入力と顧客情報表示

14-7-3 右画面のボード表示

14-7-4 Google Maps API

14-7-5 カレンダからの日付入力

14-7-6 ムービー画面表示

14-7-7 受注品目入力と受注登録

14-7-8 コールバック表示

Chapter15 XML/JSONデータの受信処理

15-1 XMLデータを受信し一覧表示する(DOMノード操作)

15-1-1 画面操作

15-1-2 Ajaxクライアント

15-2 XMLデータとスタイルシート受信し一覧表示する(XMLパーサ)

15-2-1 画面操作

15-2-2 Ajaxクライアント

15-3 サーバ側でのXMLデータ検索で全件表示する(JAXP)

15-3-1 画面操作

15-3-2 Javaサーバ

15-3-3 Ajaxクライアント

15-4 サーバ側でのXMLデータ検索でID単位で表示する(JAXP)

15-4-1 画面操作

15-4-2 Javaサーバ

15-4-3 Ajaxクライアント

15-5 JSONデータを受信し一覧表示する(eval)

15-5-1 画面操作

15-5-2 Ajaxクライアント

15-6 XML受信データをJKL.ParseXMLで変換表示する

15-6-1 画面操作

15-6-2 Ajaxクライアント

15-7 JSONPで受信データを全件表示する

15-7-1 画面操作

15-7-2 Ajaxクライアント

PR

秀和システム