---

本書で利用している主なライブラリとWebリンク

JavaScriptライブラリのディレクトリ (各ライブラリのライセンス等は各ファイル内をご覧下さい)

• jslb_ajax.js 本書で主に利用しているAjax簡易ライブラリ [Webリンク]
• (jslb_ajax_auth2.js 上記ajax.jsにベーシック認証ヘッダを加えたもの)
• (jslb_ajax050.js 上記jslb_ajax.jsと同じ)
• (jslb_ajax050_c.js 上記jslb_ajax.jsのコメント削除版-軽量2.6kです)
• (jslb_ajax038.js 旧バージョン)


• jsgt_dragfloat07.js ドラッガブルフロートDIV (v07)[Webリンク]
• jslb_fades001.js フェイド(背景色,不透明度) [Webリンク]
• md5.js MD5 Message-Digest Masanao Izumo氏作[Webリンク]
• base64.js base64エンコードデコード Masanao Izumo氏作[Webリンク]
• jkl-parsexml.js JKL.ParseXML Kawasaki Yusuke氏作 [Webリンク]
• DrawingCanvas.js クロスブラウザベクター描画 nanto_vi (TOYAMA Nao)氏作 [Webリンク]
• おまけjsgt_dragfloat08.js ドラッガブルフロートDIV (v08)[Webリンク]
• おまけjslb_cacheajax001.js Ajaxキャッシュ機構 [Webリンク]
• おまけjslb_progressbar001.js プログレスバーv0.01
• おまけjsgt_progressbar002.js プログレスバーv0.02 [Webリンク]
• おまけjsgt_indicator001.js インジケータv0.01 [Webリンク]


注: 本書内で、利用している簡易Ajaxライブラリ「jslb_ajax.js」は、本書内の各サンプルのファイルリストでは、便宜上sample.htmなどと同じ階層に表示してありますが、このサンプルコードでは、将来のバージョンアップや修正などを考慮して上記ディレクトリへ一本化して設置してあります。SCRIPTタグのSRC属性パスは、ご自身のサイト構造に合わせて記述してください。

---

サンプルコードのディレクトリ ./

重要:2006.2.17
ダウンロードサンプルの簡易Ajaxライブラリ「jslb_ajax.js」をv038からv050にバージョンアップしました。 今までのサンプルでもそのまま使えますが、旧バージョンはjslb_ajax038.jsの名前のファイルです。
重要:Google Maps APIの測地系が2005.12.1より、現行の日本測地系から世界測地系に切り変わることになりました。これにともないGoogle Maps関係の各サンプルの座標も若干ずれることになりますが、スクリプトそのものに影響はありません。ご使用の際は、Google-Maps-API-Japan の記事をご参照ください。たとえば、日本測地系の既存データを使っている場合や、2005.12.1以前に、GoogleMaps上で座標を拾って使えば、12.1以降に修正が必要ですが、12.1以降に拾った座標は何の問題も無く使用できるようになるはずです。各サンプルの座標値は、後日修正版にアップデートしたいと思います。 →Google Maps APIの測地系変更にともなうTips2

2005.12.06 Google Mapsの測地系変更実施に伴いCHAPTER 03のサンプルを新測地系に対応修正しました。したがってサンプルの座標等は、本書と多少異なりますのでご了承ください。


03|Google Maps API

Google Mapsサンプル内のAPIキーは、本書P66をご参照のうえ、必ず自サイト用を取得して置き換えてください。
サンプル内のAPIキーは、サポートページ用のものですから、そのままサンプルを実行してもエラーになります。
サンプルの動作自体は、サポートページでご確認いただけます。

03-05 座標を指定する（基本サンプル）
03-06-01 一点から一点へ移動する
03-06-02 連続して移動する
03-07 地図にコントロールを追加する
03-08 イベント処理を追加する
03-09 情報ウィンドウを表示する
         ・文字をHTMLで渡す
         ・おまけ 文字をHTMLで渡す(iframeでスクロール)
         ・おまけ 文字をHTMLで渡す(style='overflow:scroll'でスクロール)
03-10 地図にレイヤーを重ねる(1)（線分を表示）
03-11 地図にレイヤーを重ねる(2)（アイコンを表示）
03-12 地図にレイヤーを重ねる(3)（マーカーを表示）
03-13 マーカークリックで情報ウィンドウを表示する
03-14 情報ウィンドウに画像などを表示する
03-15 ドラッグなどで移動しても中心を指すアイコン
03-16 クリックでマーカーを表示・非表示する
03-17 自作アイコンの応用
03-18 XMLで座標を読み込む
03-19 CSVで座標を読み込む
03-20 JSONで座標を読み込む
03-21 Ajaxな通信で座標を連続して読み込む
03-22 GPS携帯の位置を表示する
03-22 【おまけ】GPS携帯の位置を最新10件表示する（gviwer_omake.php）
03-23 GPS携帯のドライブルートを表示する
03-24 ドライブルートをアニメーション表示する
03-25 2画面連動で表示する（広域と詳細）
03-26 2画面連動で表示する（地図と衛星写真）
03-27 都道府県庁をSELECT選択で地図表示する
03-28 情報ウィンドウにマーカー付近の地図を表示する
         ・マーカークリックで周辺の広域衛星写真をウィンドウに表示
         ・マーカークリックで《キャプション》をウィンドウに表示
03-29 XSLTを利用してデータを表示する
03-30 DoCoMo携帯のiエリアをポリライン表示する
03-31 付録：経度・緯度を調べる（地図作成作業補助サンプル）

04|Ajax基本サンプル

04-01-01 TEXTを動的受信
04-01-02 XMLを動的受信
04-01-03 JSONを動的受信
04-02-01 Ajax＋PHP
04-02-02 Ajax+Perl
04-03-01 Ajax＋PHP＋MySQL
04-03-02 Ajax＋PHP＋bsh＋MySQL
04-03-03 Ajax＋PHP＋PGSQL
04-03-04 Ajax＋PHP+SQLite
04-03-05 Ajax＋PHP＋bsh＋SQLite
04-03-06 Ajax＋Perl＋MySQL
04-04-02 Basic認証ページを受信(1)
04-04-03 Basic認証ページを受信(2)
04-05-01 SSLで受信する
04-05-02 SSL＋Basic認証

05|送信時イベント別サンプル

05-01 （onclick）ボタンをクリック
05-01-01 入力フィールド→PHP→innerHTML
05-01-02 入力フィールド→PHP→入力フィールド
05-01-03 入力フィールド→Perl→入力フィールド
05-02 （onclick）ラジオボタンをクリック
05-02-01 ラジオボタン→PHP→入力フィールド
05-02-02 ラジオボタン→PHP→innerHTML
おまけ チェックされた番号に対応するデータをOPTION値に追加
05-03 （onclick）リンククリック
05-03-01 リンク→TEXTファイル→innerHTML
05-04 （onmouseover）リンクに触る
05-04-01 リンク→HTMLファイル→innerHTML
05-05 （onfocus）入力フィールドへカーソルを入れる
05-05-02 入力フィールド→PHP→innerHTML
05-06 （onblur）入力フィールドからカーソルを出す
05-06-01 入力フィールド→PHP→innerHTML
05-07 （onkeyup）入力フィールドで毎時入力時
05-07-01 入力フィールド→PHP→innerHTML
05-08 （onkeypress）入力フィールドで改行する
05-08-01 入力フィールド→PHP→innerHTML
05-09 （onchange）SELECT
05-09-01 ボタン→XML→SELECT書き換え
05-09-02 SELECT選択→XML→SELECT書き換え

06|入出力エフェクト

06-01-01 半透明DIVへ出力
06-01-02 半透明のフェードインで現れるメニュー
06-02-01 ドラッガブルフロートなDIVへ出力
06-02-02 フロートDIVへフェードインしつつ出力
06-03-01 スライダーバーでデータ読み込み
06-04-01 ドラッグ＆ドロップで選択したHTMLを表示
おまけ ドラッグ＆ドロップで選択したHTMLをフェイドイン表示

07|XML

07-01-01 responseTextとresponseXMLの違い
07-01-02 メソッドを使ってDOMを取り出す
07-02 RSSを読み込む（JKL.ParseXML）
07-03 別ドメインのRSSを読み込む( PHP | Perl )

08|その他

08-01-02 三角形を描画する
おまけ DrawingCanvasのスクリプトを各ブラウザ別に必要部分だけAjaxでインクルードしてみます
08-01-03 1ヵ月分のCSVデータを読み込んでグラフ化する
08-02 郵便番号・住所あいまい検索

Appendix02|Google Maps API Class Reference

2-1-GMap GMap
2-1-GMarker GMarker
2-1-GIcon GIcon
2-1-GEvent GEvent
2-1-GXmlHttp GXmlHttp
2-1-GXml GXml
2-1-GXslt GXslt
2-1-GPoint GPoint
2-1-GBounds GBounds

注: AjaxのHTTP通信が動作するためには、一般的にはHTTPサーバーが必要です。また、Perl、PHP、MySQL、PGSQL、SQLiteなどの各サンプルもそれぞれが動作する環境で使用されることを前提として作成されています。パスやパスワードなど、修正が必要な部分は、ご自身のサイトに合わせて書き換えてご利用ください。

---

【著者サポートページ】(サンプル･更新情報･ダウンロード)
【著者ブログ】
【出版社による本書サポートページ】(ソフトバンククリエイティブ)