jQueryクックブック

[cover photo]
TOPICS
クックブック , Programming , Web , HTML/CSS , JavaScript
発行年月日
PRINT LENGTH
480
ISBN
978-4-87311-468-2
原書
jQuery Cookbook
FORMAT
Print PDF
Ebook
3,960円
Ebookを購入する
Print
3,960円

jQueryのレシピをベストプラクティスとともに幅広く収録しています。jQueryコミュニティの第一線で活動する著者陣が、必要な情報とテクニックを網羅して提供。
日々のプロジェクトにjQueryを使う一流のフロントエンド開発者たちのパターンやプラクティスが盛り込まれており、jQuery入門とその基礎的なベストプラクティスの解説からはじまり、実際的な課題に対するレシピをトピックごとに取り上げます。読者は、jQueryの基礎的なテクニックをふまえながら、画期的な問題解決のためのテクニックやアイデアを吸収することができるでしょう。jQueryを使って作業を行う、またはjQueryを使いたいと考えている開発者が探し求めていた書籍です。

関連ファイル

目次

まえがき
はじめに
1章 jQueryの基礎
    レシピ1.1 HTMLページでjQueryライブラリコードをインクルードする
    レシピ1.2 ページの読み込みが完了する前にjQuery/JavaScriptコードを実行する
    レシピ1.3 セレクタとjQuery関数を使ってDOM要素を選択する
    レシピ1.4 指定されたコンテキストでDOM要素を選択する
    レシピ1.5 DOM要素のラッパーセットのフィルタリング
    レシピ1.6 現在選択されているラッパーセットで子要素を検索する
    レシピ1.7 要素セットを破壊的な変更の前の状態に戻す
    レシピ1.8 現在の選択セットに前の選択セットを追加する
    レシピ1.9 現在のコンテキストに基づいてDOMをトラバースし、新しい要素セットを取得する
    レシピ1.10 DOM要素の作成、操作、挿入
    レシピ1.11 DOM要素を削除する
    レシピ1.12 DOM要素を置き換える
    レシピ1.13 DOM要素を複製する
    レシピ1.14 DOM要素の属性の取得、設定、削除
    レシピ1.15 HTMLコンテンツの取得と設定
    レシピ1.16 テキストコンテンツの取得と設定
    レシピ1.17 グローバルな競合を引き起こさずに$エイリアスを使う

2章 jQueryでの要素の選択
    レシピ2.1 子要素だけを選択する
    レシピ2.2 特定の兄弟を選択する
    レシピ2.3 要素をインデックスの順に選択する
    レシピ2.4 アニメーション中の要素を選択する
    レシピ2.5 コンテンツに基づいて要素を選択する
    レシピ2.6 マッチしないものに基づいて要素を選択する
    レシピ2.7 可視性に基づいて要素を選択する
    レシピ2.8 属性に基づいて要素を選択する
    レシピ2.9 フォーム要素をその種類に基づいて選択する
    レシピ2.10 指定された特性を持つ要素を選択する
    レシピ2.11 コンテキストパラメータを使う
    レシピ2.12 カスタムフィルタセレクタを作成する

3章 基礎の枠を超えて
    レシピ3.1 選択結果をループにかける
    レシピ3.2 選択セットを指定されたアイテムに絞り込む
    レシピ3.3 選択されたjQueryオブジェクトをDOMオブジェクトに変換する
    レシピ3.4 選択セット内のアイテムのインデックスを取得する
    レシピ3.5 既存の配列から一意な値の配列を作成する
    レシピ3.6 選択セットの一部でアクションを実行する
    レシピ3.7 jQueryを他のライブラリと競合させないための設定
    レシピ3.8 プラグインを使って機能を追加する
    レシピ3.9 使われたクエリを割り出す

4章 jQueryのユーティリティ
    レシピ4.1 jQuery.supportを使って機能を検出する
    レシピ4.2 jQuery.eachを使って配列とオブジェクトをループにかける
    レシピ4.3 jQuery.grepを使って配列をフィルタにかける
    レシピ4.4 jQuery.mapを使って配列の要素をループにかけ、その値を変更する
    レシピ4.5 jQuery.mergeを使って2つの配列を結合する
    レシピ4.6 jQuery.uniqueを使って重複する配列エントリを削除する
    レシピ4.7 jQuery.isFunctionを使ってコールバック関数を評価する
    レシピ4.8 jQuery.trimを使って文字列またはフォーム値からホワイトスペースを削除する
    レシピ4.9 jQuery.dataを使ってオブジェクトとデータをDOMに関連付ける
    レシピ4.10 jQuery.extendを使ってオブジェクトを拡張する

5章 もっと速く、もっと単純に、もっと楽しく
    レシピ5.1 それはjQueryではなくJavaScriptである
    レシピ5.2 $(this)の問題
    レシピ5.3 冗長な繰り返しを削除する
    レシピ5.4 jQueryチェインの書式を設定する
    レシピ5.5 他のライブラリのコードを借用する
    レシピ5.6 カスタムイテレータを作成する
    レシピ5.7 属性を切り替える
    レシピ5.8 ボトルネックを突き止める
    レシピ5.9 jQueryオブジェクトをキャッシュする
    レシピ5.10 より高速なセレクタを作成する
    レシピ5.11 テーブルをすばやく読み込む
    レシピ5.12 従来のループを使う
    レシピ5.13 名前参照を減らす
    レシピ5.14 .innerHTMLを使ってDOMをすばやく更新する
    レシピ5.15 チェインの問題をデバッグする
    レシピ5.16 jQueryのバグかどうかを調べる
    レシピ5.17 jQueryをトレースする
    レシピ5.18 サーバーリクエストを減らす
    レシピ5.19 JavaScriptを控え目に使う
    レシピ5.20 プログレッシブエンハンスメントにjQueryを使う
    レシピ5.21 ページにアクセシビリティを追加する

6章 大きさ
    レシピ6.1 ウィンドウとドキュメントのサイズを調べる
    レシピ6.2 要素の大きさを調べる
    レシピ6.3 要素のオフセットを調べる
    レシピ6.4 要素が見えるようにスクロールする
    レシピ6.5 要素がビューポート内にあるかどうかを判断する
    レシピ6.6 要素をビューポートの中央に配置する
    レシピ6.7 要素を絶対位置で配置する
    レシピ6.8 別の要素を基準として要素を配置する
    レシピ6.9 ブラウザの幅に基づいてスタイルシートを切り替える

7章 エフェクト
    レシピ7.1 要素のスライド表示、フェードイン、フェードアウト
    レシピ7.2 要素を上方向にスライドさせながら表示する
    レシピ7.3 横方向のアコーディオンを作成する
    レシピ7.4 要素のスライドとフェードを同時に行う
    レシピ7.5 エフェクトを連続的に適用する
    レシピ7.6 要素のアニメーションが開始されているかどうかを判断する
    レシピ7.7 アニメーションの停止とリセット
    レシピ7.8 エフェクトにカスタムイージングメソッドを使う
    レシピ7.9 すべてのエフェクトを無効にする
    レシピ7.10 高度なエフェクトにjQuery UIを使う

8章 イベント
    レシピ8.1 複数のイベントにハンドラをバインドする
    レシピ8.2 ハンドラ関数を別のデータで再利用する
    レシピ8.3 すべてのイベントハンドラを削除する
    レシピ8.4 特定のイベントハンドラを呼び出す
    レシピ8.5 イベントハンドラに動的なデータを渡す
    レシピ8.6 要素にできるだけ早く(document.readyの前に)アクセスする
    レシピ8.7 ハンドラ実行ループを停止する
    レシピ8.8 event.targetを使うときに正しい要素を取得する
    レシピ8.9 複数のhover()アニメーションを同時に実行させない
    レシピ8.10 新たに追加された要素にイベントハンドラを対応させる

9章 高度なイベント
    レシピ9.1 動的に読み込まれたjQueryを動作させる
    レシピ9.2 グローバルイベントの実行を高速化する
    レシピ9.3 カスタムイベントを作成する
    レシピ9.4 必要なデータをイベントハンドラに提供させる
    レシピ9.5 イベントドリブンのプラグインを作成する
    レシピ9.6 jQueryメソッドが呼び出されたときに通知を受ける
    レシピ9.7 オブジェクトのメソッドをイベントリスナーとして使う

10章 HTMLフォームの拡張
    レシピ10.1 ページを読み込むときにテキスト入力にフォーカスを設定する
    レシピ10.2 フォーム要素を有効または無効にする
    レシピ10.3 ラジオボタンを自動的に選択する
    レシピ10.4 専用のリンクを使ってすべてのチェックボックスをオンオフする
    レシピ10.5 1つのトグルに基づいてすべてのチェックボックスをオンオフする
    レシピ10.6 選択オプションの追加と削除
    レシピ10.7 文字カウントに基づいてタブを自動的に移動する
    レシピ10.8 残りの文字カウントを表示する
    レシピ10.9 テキスト入力を特定の文字に限定する
    レシピ10.10 Ajaxを使ってフォームを送信する
    レシピ10.11 フォームを検証する

11章 プラグインによるHTMLフォームの改良
    レシピ11.1 フォームを検証する
    レシピ11.2 マスクされた入力フィールドを作成する
    レシピ11.3 テキストフィールドのオートコンプリート機能
    レシピ11.4 値の範囲を選択する
    レシピ11.5 範囲が限定された値を入力する
    レシピ11.6 ファイルをバックグラウンドでアップロードする
    レシピ11.7 テキスト入力の長さを制限する
    レシピ11.8 入力フィールドの上にラベルを表示する
    レシピ11.9 コンテンツに応じて入力を拡張する
    レシピ11.10 日付を選択する

12章 jQueryプラグイン
    レシピ12.1 jQueryプラグインを検索する場所
    レシピ12.2 jQueryプラグインを作成する状況
    レシピ12.3 初めてのjQueryプラグインの作成
    レシピ12.4 プラグインにオプションを渡す
    レシピ12.5 プラグインで$ショートカットを使う
    レシピ12.6 プラグインにプライベート関数を追加する
    レシピ12.7 Metadataプラグインをサポートする
    レシピ12.8 プラグインに静的関数を追加する
    レシピ12.9 QUnitを使ってプラグインをユニットテストする
13章 インターフェイスコンポーネントの構築
    レシピ13.1 カスタムツールチップを作成する
    レシピ13.2 ファイルツリーエキスパンダを使ってナビゲートする
    レシピ13.3 アコーディオンを展開する
    レシピ13.4 ドキュメントにタブを付ける
    レシピ13.5 単純なモーダルウィンドウを表示する
    レシピ13.6 ドロップダウンメニューを構築する
    レシピ13.7 画像の切り替えをクロスフェードする
    レシピ13.8 パネルをスライドさせる

14章 jQuery UIを使ったユーザーインターフェイス
    レシピ14.1 jQuery UIをインクルードする
    レシピ14.2 jQuery UIプラグインを個別にインクルードする
    レシピ14.3 jQuery UIプラグインをデフォルトオプションで初期化する
    レシピ14.4 jQuery UIプラグインをカスタムオプションで初期化する
    レシピ14.5 jQuery UIプラグインのデフォルトを独自に作成する
    レシピ14.6 jQuery UIプラグインのオプションの取得と設定
    レシピ14.7 jQuery UIプラグインのメソッドを呼び出す
    レシピ14.8 jQuery UIプラグインのイベントを処理する
    レシピ14.9 jQuery UIプラグインを削除する
    レシピ14.10 jQuery UI音楽プレイヤーを作成する

15章 jQuery UIのテーマ
    レシピ15.1 ThemeRollerを使ってjQuery UIウィジェットのスタイルを設定する
    レシピ15.2 jQuery UIのレイアウトとテーマスタイルを上書きする
    レシピ15.3 非jQuery UIコンポーネントにテーマを適用する
    レシピ15.4 1つのページで複数のテーマを参照する
    レシピ15.5 付録:CSSに関する参考文献

16章 jQuery、Ajax、データフォーマット:HTML、XML、JSON、JSONP
    レシピ16.1 jQueryとAjax
    レシピ16.2 サイト全体でAjaxを使う
    レシピ16.3 単純なAjaxを使ったユーザーフィードバック
    レシピ16.4 Ajaxショートカットとデータ型を使う
    レシピ16.5 HTMLフラグメントとjQueryを使う
    レシピ16.6 XMLからDOMへの変換
    レシピ16.7 JSONを作成する
    レシピ16.8 JSONを解析する
    レシピ16.9 jQueryとJSONPを使う

17章 大規模なプロジェクトでのjQueryの使用
    レシピ17.1 クライアント側のストレージを使う
    レシピ17.2 単一セッションのアプリケーション状態を保存する
    レシピ17.3 セッションにまたがってアプリケーション状態を保存する
    レシピ17.4 JavaScriptテンプレートエンジンを使う
    レシピ17.5 Ajaxリクエストをキューに入れる
    レシピ17.6 Ajaxと戻るボタン
    レシピ17.7 JavaScriptをページの最後に配置する

18章 ユニットテスト
    レシピ18.1 ユニットテストを自動化する
    レシピ18.2 結果のアサーション
    レシピ18.3 同期コールバックをテストする
    レシピ18.4 非同期コールバックをテストする
    レシピ18.5 ユーザーアクションをテストする
    レシピ18.6 テストをアトミックに保つ
    レシピ18.7 テストをグループ化する
    レシピ18.8 実行するテストを選択する

索引