jQueryクックブック

jQueryクックブック(作成仕様書カテゴリー)の作成例イメージ画像

image
カテゴリー 作成仕様書
記事登録日 2020-01-05 12:50:16
テクノロジー JQuery | JavaScript |
概要 jQueryのレシピをベストプラクティスとともに幅広く収録しています。jQueryコミュニティの第一線で活動する著者陣が、必要な情報とテクニックを網羅して提供。
日々のプロジェクトにjQueryを使う一流のフロントエンド開発者たちのパターンやプラクティスが盛り込まれており、jQuery入門とその基礎的なベストプラクティスの解説からはじまり、実際的な課題に対するレシピをトピックごとに取り上げます。読者は、jQueryの基礎的なテクニックをふまえながら、画期的な問題解決のためのテクニックやアイデアを吸収することができるでしょう。jQueryを使って作業を行う、またはjQueryを使いたいと考えている開発者が探し求めていた書籍です。
https://www.oreilly.co.jp/books/9784873114682/

まえがき
はじめに
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 実行するテストを選択する

索引

jQuery【 ダウンロード 】jQuery を使用するための準備
https://programmercollege.jp/column/9353/#section200
https://jquery.com/download/
https://github.com/popperjs/popper.js#installation
参照URL
SNS