jQueryレッスンブック jQuery 2.x/1.x対応
山崎 大助
Webデザイナーが絶対に覚えておきたい「いますぐ使えるjQuery」をレッスン形式で確実に身につける!
- 定価
- 2,728円(本体価格 2,480円)
- 発売日
- 2014年9月18日
- 判型/ページ数
- B5変形/272ページ(オール4C)
- ISBN
- 978-4-88337-947-7
- キーワード:
- Chorme / F12開発者ツール / IE / JavaScript / Webデザイナー / アニメーション / イベント / スクリプトを覚える極意 / セレクタ / ディベロッパーツール / デバッグ / プラグイン / メソッド
本書は、サンプルコードを使った実践的なレッスンにより、ステップ・バイ・ステップ形式でjQueryをマスターできる入門編です。スクリプト言語になじみの薄いWebデザイナーの方にも確実にマスターしていただけるように、「スクリプトを覚える極意」などの学習方法や「スクリプトがうまく動作しない場合の対処法」(デバッグの仕方)も解説しています。
<本書の特徴>
●まず最低限、使うものだけ覚えれば、今日からすぐに現場で使える
●「セレクタ」「メソッド」「イベント」の3ステップでjQueryを攻略
●jQueryプラグインを使って、ラクして使い勝手のよいサイトを作る
本書は入門書ですが、入門から挫折しては意味がありません。最初は時間が必要ですので、焦らずに読み進めてください。焦りは理解の敵になり、理解を曇らせてしまいます。jQueryは難しくないので、本書で基礎を理解し、jQueryに慣れたら次のステップへ進んでいってください。
こんな読者の方に最適です!
・jQueryは初めてだが、確実に習得して実務で役立てたい
・jQueryに一度挫折してしまったが、再度チャレンジしたい
・jQueryの基本をしっかりマスターしてスキルアップしたい
・jQueryを短期間で効果的に覚えて、すぐに使いこなしたい
・jQueryを使っているが、きちんと理解していないことがある
準備編
Chapter 1 はじめてのjQuery
Lesson 1 jQueryを使う前に知っておきたい基礎知識
Lesson 2 スクリプトを覚える極意
Chapter 2 jQueryライブラリの「準備」と「約束ごと」
Lesson 1 jQueryライブラリの「準備」
Lesson 2 JavaScriptの「約束ごと」
Lesson 3 jQueryスクリプトのデバッグ
基礎編
Chapter 3 jQueryの基礎知識
Lesson 1 jQueryの実習に入る前に知っておくべきこと
Lesson 2 jQueryの文法の3つのポイント
Lesson 3 jQueryの文法1:セレクタ
Lesson 4 jQueryの文法2:メソッド
Lesson 5 jQueryの文法3:イベント
Chapter 4 実践的なメソッドとアニメーション
Lesson 1 実践的なメソッド
Lesson 2 jQueryアニメーション
実践編
Chapter 5 jQueryプラグイン・ライブラリを活用する
Lesson 1 bxSlider(スライドショー)
Lesson 2 slidr.js(スライドショー)
Lesson 3 ColorBox(ポップアップ)
Lesson 4 liteAccordion(アコーディオン)
Lesson 5 jQuery Toggles(トグルボタン)
Lesson 6 responsive nav(ナビゲーション)
Lesson 7 alertify.js(ダイアログ/アラート)
Lesson 8 TABSLET(タブ切り替え)
Lesson 9 Intro.js(チュートリアル表示)
Lesson 10 Ajax(非同期通信)の基礎知識
セレクタ索引
メソッド索引
イベント索引
用語索引
掲載プログラム一覧
ダウンロードデータ
本書で解説したサンプルデータをダウンロードできます。
なお、使用方法などに関しては、必ず書籍の該当箇所をご確認の上、ご利用ください。
ダウンロード後、解凍したファイル内に「readme.txt」ファイルなどが含まれる場合は、使用前にこちらもご確認ください。
(約3MB。zip形式で圧縮してありますので、ダウンロード後解凍してください)
正誤情報
- 2014.09.08P212、P216、P218に下記の誤りがありました。
- 2015.01.07P145、P155、P157、P173,174、P199、P217に下記の誤りがありました。
- 2015.01.28P112、P124に下記の誤りがありました。
- 2015.10.30P121に下記の誤りがありました。
- 2016.05.09P32に下記の誤りがありました。
- 2016.05.10131ページの補足情報
P212、P216、P218に下記の誤りがありました。
2014年9月8日更新
212ページの表のクラス名
「toggles-***」は、すべて「toggle-***」の間違いです。
正:toggle-soft、toggle-modern、toggle-light、toggle-iphone、toggle-dark
216ページのサンプルファイル:ex_toggle_demo.htmlの21行目
誤:if (active) {
↓
正:if (!active) {
※なお、ダウンロード用サンプルプログラムは修正済みです。
218ページのリストの3行目>
誤:if (active) {
↓
正:if (!active) {
P145、P155、P157、P173,174、P199、P217に下記の誤りがありました。
2015年1月7日更新
145ページのリストの9行目
誤://5秒かけて表示
↓
正://2秒かけて表示
155ページのリストの2行目
誤:<div><button id=”toggle_btn”>表示 or 非表示</button></div>
↓
正:<button id=”toggle_btn”>表示 or 非表示</button>
157ページのリストの2~3行目
誤:<div><button id=”show_btn”>表示</button> <button id=”hide_btn”>非表示</button></div>
↓
正:<button id=”show_btn”>表示</button> <button id=”hide_btn”>非表示</button>
173ページ、174ページのstopメソッドのコメント
誤://STOPボタンのイベント[停止後、その場所に止まる]
↓
正://STOPボタンのイベント[停止後、最後の場所に止まる]
199ページの1行目の画面のコメント
誤:CoolBoxライブラリをスライドショーで利用
↓
正:ColorBoxライブラリをスライドショーで利用
217ページのリストの下から5行目
誤:<div>
↓
正:</div>
P112、P124に下記の誤りがありました。
2015年1月28日更新
112ページのevent_on_two.htmlの6行目
誤:…”change kyepress”…
↓
正:…”change keypress”…
124ページのtouchmoveイベントの書式(2行目)
誤:…”<p>TouchStart</p>”…
↓
正:…”<p>TouchMove</p>”…
124ページのtouchendイベントの書式(2行目)
誤:…”<p>TouchStart</p>”…
↓
正:…”<p>TouchEnd</p>”…
P121に下記の誤りがありました。
2015年10月30日更新
121ページのevent_mouseover.htmlの上から6行目および下から3行目
誤:$(“#click_btn” “)…
↓
正:$(“#click_btn”)…
P32に下記の誤りがありました。
2016年5月9日更新
32ページの「jQueryの読み込み方法と動作確認」の本文中
誤:jQueryライブラリを読み込むには、metaタグ内のtitleタグの次に、
↓
正:jQueryライブラリを読み込むには、headタグ内のtitleタグの次に、
131ページの補足情報
131ページのevent_focus.htmlの実行結果
Mac OSのChrome、Safariブラウザではアラートが連続で表示される事象が起きます。WindowsのChrome、Safariブラウザではこの事象は起きていません。
お問い合わせ
本書に関するお問い合わせは、下記のボタンをクリックしてお問い合わせフォームよりお問い合わせください。