JavaScriptの本命ライブラリ jQuery入門書
プログラマーもWebデザイナーも、マスターしておきたいjQuery。本書は、jQueryの導入や記述方法から主要なライブラリやプラグインの使い方、各種イベントの実装やカスタマイズ方法をやさしく丁寧に解説しています。
実際に、手を動かしながら自分のペースで学習を進められます。
更新履歴
- FAQ情報：2013年4月20日 更新
- 正誤訂正：2013年5月17日 更新
目次
- CHAPTER 01 jQuery利用のための基礎知識
- LESSON 01 スタイルシートの基本を理解しよう
- LESSON 02 スタイルシートの書き方を理解しよう
- LESSON 03 JavaScriptの基本を理解しよう
- LESSON 04 JavaScriptの制御命令を理解しよう
- CHAPTER 02 jQueryのキモ セレクター構文
- LESSON 05 jQueryを準備しよう
- LESSON 06 jQueryの基本的な作法を理解しよう
- LESSON 07 基本セレクターで目的の要素を取り出そう
- LESSON 08 フィルターを利用して目的の要素を絞り込もう
- LESSON 09 属性値によって目的の要素を絞り込もう
- CHAPTER 03 ページレイアウトの操作
- LESSON 10 ページのスタイルを変更しよう
- LESSON 11 HTMLの属性を変更／取得しよう
- LESSON 12 テキストやHTMLを設定／取得しよう
- CHAPTER 04 コンテンツの操作を究める
- LESSON 13 ページに新しいコンテンツを挿入しよう
- LESSON 14 要素の挿入や置き換え、削除を究めよう
- LESSON 15 親子、兄弟要素の間を行き来しよう
- CHAPTER 05 イベントとイベントリスナーの理解
- LESSON 16 イベント処理の基本を理解しよう
- LESSON 17 マウス操作関連のイベントを理解しよう
- LESSON 18 テキストボックスに透かし文字を追加しよう
- LESSON 19 コンテキストメニューの表示／非表示を切り替えよう
- LESSON 20 イベントオブジェクトを活用しよう
- LESSON 21 イベントオブジェクトを究めよう
- LESSON 22 フォームの入力検証機能を実装しよう
- CHAPTER 06 アニメーション効果の実装
- LESSON 23 フォトギャラリーにアニメーション機能を追加しよう
- LESSON 24 ツールチップを実装しよう
- LESSON 25 開閉可能なパネルを作成しよう
- LESSON 26 フォトギャラリーのサムネイルリストをスクロール表示しよう
- CHAPTER 07 Ajaxでクライアント／サーバー間をつなぐ
- LESSON 27 Webアプリケーション環境を準備しよう
- LESSON 28 Ajaxを利用したページを実際に触ってみよう
- LESSON 29 タブパネルを作成しよう
- LESSON 30 Yahoo!動画検索Web APIを使うための準備をしよう
- LESSON 31 Yahoo!動画検索Web APIを実装しよう
- LESSON 32 動画検索機能にページング処理を追加しよう
- LESSON 33 Ajax通信の進捗状況やエラー情報を表示しよう
- LESSON 34 Yahoo!ブログ検索サービスでブログ検索機能を実装しよう
- SUPPLEMENTARY LECTURE Internet Explorer 9の開発者ツールを活用しよう
- CHAPTER 08 jQuery UI＆プラグインで高度な機能もラクラク実装
- LESSON 35 jQuery UIをインストールしよう
- LESSON 36 モーダルダイアログを作ろう
- LESSON 37 オートコンプリート機能を実装しよう
- LESSON 38 Zoomboxプラグインで動画をズーム表示しよう
- LESSON 39 jQuery Templatesでレイアウトとコードを分離しよう
- LESSON 40 自作のプラグインを作成しよう
- APPENDIX jQuery／CSS簡易リファレンス
- jQueryクイックリファレンス
- CSSクイックリファレンス
- Web Safe Color（カラーチャート）
正誤表
| 該当頁 | 該当箇所 | 修正刷 |
|---|---|---|
| 訂正箇所 | 訂正事項 | 更新日 |
| p.56 | 表4：Mathオブジェクトの主なメソッドのfloorの例 | 2刷 |
| Math.ceil(2.5); | Math.floor(2.5); | 2012/02/14 |
| p.143 | 図6 サンプルでのｊQueryオブジェクトの変化 | 2刷 |
| - | 11 end() の矢印が逆向き | 2012/01/06 |
| p.185 | リスト4 confirm.html 5行目のコメント | 2刷 |
| キャンセル時は送信をクリック | ［キャンセル］ボタンクリック時は、送信をキャンセル | 2011/07/23 |
| p.201 | 表3 コード欄の3行目 | - |
| $(\\'.validate\\', this).removeClass(\\'error_field\\') | $(\\'.valid\\', this).removeClass(\\'error_field\\') | 2013/05/17 |
| p.204 | 構文 joinメソッド下の解説文3行目 | 2刷 |
| 「e.prependDefault();」 | 「e.preventDefault();」 | 2012/01/06 |
FAQ
刊行後に、Yahoo！動画検索Web APIのバージョンが3に上がったようです。
以下のように、「yahoo.php」と「yahoo.js」についてコードを修正してみてください。
・P.272 yahoo.phpの021行目を以下のようにV2→V3に変更する
021 $url = 'http://search.yahooapis.jp/VideoSearchService/V3/videoSearch? ～
・P.279 yahoo.jsの015行目を以下のようにUrl→RefererUrlに変更する
015 .attr('href', $('> RefererUrl', this).text())
以下のように、「yahoo.php」と「yahoo.js」についてコードを修正してみてください。
・P.272 yahoo.phpの021行目を以下のようにV2→V3に変更する
021 $url = 'http://search.yahooapis.jp/VideoSearchService/V3/videoSearch? ～
・P.279 yahoo.jsの015行目を以下のようにUrl→RefererUrlに変更する
015 .attr('href', $('> RefererUrl', this).text())
更新日: 2012.01.06
ポート80を占有する他サービスが動いているかもしれません。
IIS、Skype、SQL Server Reporting Services、Web Deployment Agent Service などのサービスが動いている場合は停止してください。
IIS、Skype、SQL Server Reporting Services、Web Deployment Agent Service などのサービスが動いている場合は停止してください。
更新日: 2012.02.02
書籍刊行後（2013年3月31日）に、Yahoo!の無料サービスが終了したようです。
サンプルをお試しいただくには、有償版への移行が必要となります。
サンプルをお試しいただくには、有償版への移行が必要となります。
更新日: 2013.04.20
ダウンロード
お問い合わせ
書籍に関するご質問や誤りのご報告、ご意見・ご感想などをお寄せください。
お問い合わせの前にFAQ・正誤表をご確認ください。すでに掲載済みの内容については個別回答が難しい場合があります。