うぇぶマスコットをつくろう!! for Ajax

概 要

本書は、Webブラウザ上に常駐するWebマスコットの構築・運営に必要なプログラミング言語やさまざまな技術をやさしく解説したWebマスコット入門書です。Webマスコットをデスクトップに常駐させて会話を楽しむだけでなく、カレンダー、しりとり、タイピングゲーム、チャット、世界地図散歩など、実用プログラムからお楽しみゲームまでさまざまなプログラムをサンプルとともにわかりやすく紹介しており、楽しみながらAjax、CGI、JavaScript、HTMLなどのWebプログラミングが身につきます。Internet Explorer 7.0/6.0、Firefox 2.0、Opera 9.0、Netscape 7.1に対応し、付属のCD-ROMにはそのまま使えるマスコットシステムと武礼堂の描いたキャラクタイラストを収録。

著者 松浦健一郎、司ゆき
価格 本体2800円(税別)
ISBN 978-4-7980-1680-1
発売日 2007/06/16
判型 B5変
色数 1色
ページ数 412
CD/DVD Windows
対象読者 初級
シリーズ
表紙イメージ
購入 アマゾンで購入する
楽天で購入する

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

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

サポート

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

サポート情報へのリンク

目次

第1章 Ajaxとは何か

Ajaxとは

Ajaxを使うと何ができるか

Google Suggestの例

Google Mapsの例

Ajaxの仕組み

Ajaxによるプログラミングの方法

第2章 ウェブマスコットの基本部分を作る

ページのデザインを決める

テーブルにデザインを落とし込む

HTMLでページを記述する

ページの大づかみなレイアウトを決める

メニューを作成する

キャラクターと吹き出しを表示する

情報提示用の領域を確保する

レイアウトの固定

外部スタイルシートを作成する

スクリプトから操作する要素に名前を付ける

セリフと画像を入れ替える

Javaスクリプトの呼び出し

セリフの表示

キャラクターの画像を入れ替える

クッキーにユーザ情報を保存する

入力値の取得

入力値をクッキーに保存

クッキーの読みこみ

ロード時にクッキーを読み込む

クッキーの更新

取得したユーザ情報の表示

Javaスクリプトが実行できないブラウザへの対策

クッキーの削除

マスコットに通信をさせる

通信の仕組み

通信によってできること

CGIプログラム

簡単なCGIプログラム

CGIプログラムを動かす

パーミッションの設定

ブラウザで動作確認

CGIプログラムをテストする(wfetchを使う)

wfetchを使ってみる

GETリクエストとPOSTリクエスト

パラメータの送信

パラメータ送信のテスト

JavaScriptプログラムからの通信

XMLHttpRequestオブジェクトの初期化

Internet Explorer(IE)への対応

リクエストの送信

レスポンスの受信

プログラムの動作テスト

日本語コードに対する考慮

文字化けの問題

文字化けの防止

リクエストの送受信

レスポンスの送受信

セキュリティに対する考慮

危険な入力値を検出する

リクエストのチェック

レスポンスのチェック

ユーザー入力のチェック

JavaScript用の通信ライブラリ

CGI用の通信ライブラリ

第3章 アクセス情報

誰がサイトに来てくれたのかを知りたい

機能の紹介

アクセス情報の保存方法を検討する

アクセス情報ファイルの形式

リクエスト形式の設計

レスポンス形式の設計

CGIプログラムの作成

アクセス情報ファイルを開く

アクセス情報を読み込む

アクセスしてきたユーザーを記録する

日が変わるごとに訪問者の一覧を消去する

アクセス情報ファイルの書き込み

レスポンスの送信

CGIプログラムのテスト

JavaScriptプログラムの作成

アクセス情報の要求

アクセス情報の受信

アクセス情報の表示

キャラクターのセリフ

もっと便利にするには

第4章 アンケート

みんなに気軽に質問したい

機能の紹介

ファイルの設計

リクエストの設計

レスポンスの設計

CGIプログラムの作成

ファイルを読み込む

ユーザーの回答を登録する

新しい質問を登録する

ファイルへの書き込み

レスポンスの返信

CGIプログラムのテスト

JavaScriptプログラムの作成

アンケート結果の要求

アンケート結果の読み込み

アンケート結果の表示

アンケートに回答する

新しい質問を登録する

もっと便利にするには

第5章 カレンダー

いつでもどこでも予定を管理したい

機能の紹介

予定の自動更新

予定の通知機能

時報機能

ファイルの設計

リクエストの設計

レスポンスの設計

予定の一覧を返すCGIプログラムの作成

ファイルを開く

レスポンスを送信する

CGIプログラムのテスト

予定を登録するCGIプログラムの作成

予定を追加する

予定を更新する

予定を削除する

CGIプログラムのテスト

JavaScriptプログラムの作成

予定の要求

予定の読み込み

予定の表示

予定の登録

予定の削除

予定の自動更新

予定の通知

時報

音を鳴らす

もっと便利にするには

第6章 しりとり

みんなが遊べば遊ぶほどマスコットが強くなるゲームって?

機能の紹介

ファイル設計

リクエスト設計

レスポンス設計

CGIプログラムの作成

ファイルの読み込み

言葉の登録

言葉の削除

CGIプログラムのテスト

JavaScriptプログラムの作成

言葉リストの要求

ユーザーの入力を処理する

拗音などの修正

ユーザーの入力を判定する

マスコットが答える言葉を探す

マスコットの返答を判定する

もっと面白くするには

第7章 タイピング

リアルタイムゲームが作りたい

機能の紹介

Yahoo!検索Webサービスを使う

簡単な検索を行うプログラム

簡単な検索を行うJavaScriptプログラム

検索の実行

ノードの入れ替え

検索結果の受信

検索用のクラス

タイピングのJavaScriptプログラムの作成

お題の選択

問題の取得

問題の作成

入力経過の表示

入力の判定

入力速度の計測

もっと面白くするには

第8章 きまぐれニュース

マスコットにWebからニュースを集めさせる

機能の紹介

JavaScriptプログラムの作成

ニュースの検索

ニュースの取得

キーワードの抽出

語尾と服装の変化

もっと面白くするには

第9章 おしゃべり

マスコットといえばやっぱり人工知能

機能の紹介

ファイル設計

リクエスト設計

レスポンス設計

CGIプログラムの作成

辞書の更新

CGIプログラムのテスト

JavaScriptプログラムの作成

辞書の取得

新しい言葉の検索

言葉の抽出

おしゃべりの表示

辞書の訂正

もっと面白くするには

第10章 何の絵?

画像検索を使って面白い遊びはできないか?

機能の紹介

JavaScriptプログラムの作成

画像の検索

問題の表示と回答

もっと面白くするには

第11章 どこから?

Google Maps APIを使って遊ぶ

機能の紹介

データ設計

CGIプログラムの作成

位置情報の追加

CGIプログラムのテスト

JavaScriptプログラムの作成

Google Maps APIを使う準備

地図の表示

名前と位置の登録

分布の表示

さらに面白くするには

第12章 伝言

あの人にメッセージを送りたい

機能の紹介

ファイル設計

リクエスト設計

レスポンス設計

CGIプログラムの作成

伝言の取得

伝言の登録

全員への伝言の登録

CGIプログラムのテスト

JavaScriptプログラムの作成

伝言の取得

伝言の登録

伝言の自動取得

もっと便利にするには

第13章 チャット

みんなでワイワイ会話を楽しむ

機能の紹介

ファイル設計

リクエスト設計

レスポンス設計

CGIプログラムの作成

ログの追加

ライブの更新

CGIプログラムのテスト

JavaScriptプログラムの作成

ログの自動更新

ライブの自動更新

ログとライブの受信

メッセージの送信

マスコットの自動おしゃべり

マスコットの表情と姿勢を変える

もっと面白くするには

第14章 お絵かきチャット

絵でコミュニケーションを楽しむ

機能の紹介

ファイル設計

リクエスト設計

レスポンス設計

CGIプログラムの作成

絵の初期化

点の更新

CGIプログラムのテスト

JavaScriptプログラムの作成

絵の表示

点を打つ

パレットの表示

描画色の選択

自動更新

もっと面白くするには

第15章 花を育てよう

みんなで遊べる育成ゲーム

機能の紹介

ファイル設計

リクエスト設計

レスポンス設計

CGIプログラムの作成

現在育成中の花の色を決める

花を咲かせる

CGIプログラムのテスト

JavaScriptプログラムの作成

花の情報を取得する

前回咲いた花を表示する

現在育成中の花を表示する

花に水を与える

花が咲いたかどうかの判定

もっと面白くするには

第16章 お散歩

Google Maps APIで世界を漫遊しよう

機能の紹介

ファイル設計

リクエスト設計

レスポンス設計

CGIプログラムの作成

目的地の追加

目的地の更新

CGIプログラムのテスト

JavaScriptプログラムの作成

目的地の登録

行き先予定表の読み込み

マスコットとオマケキャラの表示

目的地へ移動する

もっと面白くするには

PR

秀和システム