MdNCORPORATION

JavaScript & Ajax プロが教える“本当の使い方”

JavaScript & Ajax プロが教える“本当の使い方”

MdN編集部 編
本体 2800円(税別) ※電子書籍の価格は各販売ストアにてご確認ください。
発売日 2009-07-31
仕様 B5/256P
ISBN 978-4-8443-6059-9
文法を覚えるだけでは、JavaScriptを実際に使いこなすことはできません。Web制作の現場で培われたJavaScriptのノウハウを、制作サンプルとともにステップ・バイ・ステップ形式で丁寧に解説したテクニック集です。自分でいちからJavaScriptを書いていく手法に加え、JavaScriptライブラリやAjaxを効果的に活用したテクニックも紹介しています。掲載サンプルを専用Webサイトからダウンロードできるので、解説を読みながら実際の動作も確認できます。「DOM」、「オブジェクト」、「関数」、「変数」といった基本解説も網羅した、JavaScriptの「本当の使い方」が身につく1冊です!!

文法を覚えるだけでは、JavaScriptを実際に使いこなすことはできません。本書は、Web制作の現場で培われたJavaScriptのノウハウを、制作サンプルとともにステップ・バイ・ステップ形式で丁寧に解説したテクニック集です。自分でいちからJavaScriptを書いていく手法に加え、JavaScriptライブラリやAjaxを効果的に活用したテクニックも紹介しています。掲載サンプルをダウンロードできるので、解説を読みながら実際の動作も確認できます。「DOM」、「オブジェクト」、「関数」、「変数」といった基本解説も網羅した、JavaScriptの「本当の使い方」が身につく一冊です!!


※この本の一部をご覧いただけます。
018-019.pdf【PDFダウンロード】
078-079.pdf【PDFダウンロード】
118-119.pdf【PDFダウンロード】
244-245.pdf【PDFダウンロード】



■ページ見本








目次

【JavaScript&Ajax プロが教える“本当の使い方”】目次

■CHAPTER01 JavaScriptの“本当の使い方”

JavaScriptの概要
JavaScriptの記述ルール
演算子
変数/配列
オブジェクト
プロパティ/メソッド
制御構造
関数
イベントハンドラ
DOM(Document Object Model)の仕組み
SECTION01 サムネイルとボタンで切り替えるフォトログ風ギャラリー
SECTION02 定休日を赤字で表示するカレンダーパーツ
SECTION03 9つのBOXがロールオーバーで開閉するインターフェイス
SECTION04 リストを特定の数で分割して見せる
SECTION05 デジタルクロックと時間に応じたメッセージの表示
SECTION06 ロールオーバーで左右に揺れるアニメーション
SECTION07 グローバルナビゲーションをJavaScriptで自動化
SECTION08 フォームに入力されたテキストを検証&整形するフレームワーク
SECTION09 サイト内で別のHTMLを表示するウィンドウ
SECTION10 リンク画像ファイルの読み込み中を表示するウィンドウ
SECTION11 サイト内検索フィールドのユーザビリティを高める


■CHAPTER02 JavaScriptライブラリの“本当の使い方”
JavaScriptライブラリの概要
よく使われるJavaScriptライブラリ
SECTION01 3段階に文字のサイズを変化させるボタン
SECTION02 フェードイン/フェードアウトするコンテンツ切り替え表示
SECTION03 スライディング&タブパネルで紙芝居風のコンテンツ切り替え
SECTION04 アニメーション機能を駆使した動きのあるタブメニュー
SECTION05 別ページをプレビューできるリサイズ可能なポップアップ
SECTION06 Lightbox系jQueryプラグイン「FancyBox」をカスタマイズ
SECTION07 自動的にスライドして商品を見せるショーケース
SECTION08 文字入力をチェックしてメッセージダイアログを表示
SECTION09 大量のデータをコンパクトに見せるアコーディオン&折りたたみパネル
SECTION10 クリックでソートできるXMLと連携したテーブル
SECTION11 タイトルをクリックして折りたためるウィジェット

■CHAPTER03 Ajaxの“本当の使い方”
Ajaxの概要
Ajaxのデータ通信に最適なJSON
よく使われるWeb API
SECTION01 用語解説を別ファイルで作成してポップアップ表示する
SECTION02 特定フィードの内容をコンテンツに盛り込む
SECTION03 XMLファイルを利用したスライドショー
SECTION04 ウィキペディア記事の要約をツールチップで表示
SECTION05 Google Maps APIを利用してアクセスマップを作成

目的別索引
用語索引

ダウンロードデータ

contents

「JavaScript&Ajax プロが教える“本当の使い方”」
サンプルデータダウンロード


このたびは、本書「JavaScript&Ajax プロが教える“本当の使い方”」をお買い上げいただきまして、まことにありがとうございます。以下に本書の解説で使用したサンプルデータを用意しましたのでご利用ください。



CHAPTER01  →CHAPTER01.zip
CHAPTER02  →CHAPTER02.zip
CHAPTER03  →CHAPTER03.zip



■ダウンロードにあたってのご注意■

ダウンロードファイルは、ZIP形式で圧縮されています。
Windows、Macintoshそれぞれの解凍ソフトを使って圧縮ファイルを解凍してください。
解凍したフォルダ内には、「はじめにお読みください.html」と各セクションのフォルダが収録されています。各セクションのフォルダにはJavaScriptファイル、HTMLファイル、CSSファイル、画像ファイル等が収録されています。

※サンプルデータは、本書の解説内容をご理解いただくために、ご自身で試される場合にのみ使用できる参照用データです。その他の用途での使用や配布などは一切できませんので、あらかじめご了承ください。ただし、「jQuery」や「prototype.js」、「Adobe Spry framework for Ajax」などのJavaScriptライブラリについては、各ライブラリのライセンス条件に従います。

※サンプルデータの著作権は、それぞれの制作者に帰属します。

※サンプルデータを実行した結果については、著者および株式会社エムディエヌコーポレーションは一切の責任を負いかねます。お客様の責任においてご利用ください。

※本書に掲載されているJavaScript、HTML、CSSのコメントや改行位置等は、紙面掲載用として加工していることがあります。サンプルデータとは異なる場合がありますので、あらかじめご了承ください。

※サンプルのなかには、Web APIを使用する際にキーコード等が必要になるものがあります。キーコードはサンプルデータには含まれておりません。ご自身でキーコードを取得したうえで機能をお試しください。

※サンプルのなかには、Webサーバの機能を使用するなどの理由から、ローカル環境上では正確に動作しないものがあります。このようなサンプルの場合は、Webサーバ上に設置したうえで機能をお試しください。

Web戦略成功の糸口が見つかる!担当者必携ラインナップ

冬の間に新学期に備えよう!一から学べるデザイン入門書シリーズ