- ホーム
- > 和書
- > コンピュータ
- > Ｗｅｂ作成
- > Ｗｅｂプログラミング
出版社内容情報
■本書の目的
当然のことですが、本書はプラグインの使用を否定するものではありません。
jQueryの各メソッドやイベントアクションを今よりもう少し理解して、
プラグインを使用する必要がない場面では、必要最低限の動作に抑えたプログラムを自前で実装し、
効率的かつ効果的にjQueryを活用できるようになることを目的としています。
また、jQueryのさまざまなAPIを知ることによって
今まで使用していたプラグインの中身を読み解くことができると、
機能追加などのカスタマイズや、不要な動作を削ることによる軽量化も可能になります。
■本書の構造
本書はPART01、PART02合わせて30のCHAPTERで構成されています。
PART01ではテクニックを紹介することに主眼を置いた比較的短いスクリプトを、
PART02ではプラグインを利用して実装するような長いスクリプトを使って解説を進めます。
各CHAPTERは「テクニカルノート」と「サンプルの解説」に分かれています。「テクニカルノート」には、
そのCHAPTERのサンプルで使用しているjQuery APIのうち、
入門書ではあまり取り上げられないものを中心に、
現場におけるちょっとしたテクニックとともに紹介しています。
「サンプルの解説」では、Web制作の現場でよく使う基本的な動作を行うサンプルに沿って、
クリックやマウスオーバー、スクロールといった各種イベント操作から、要素の値の取得方法や判別方法、
取得した値を扱うためのテクニックを、流れに沿って詳しく解説していきます。
■対象読者
・jQueryの入門書は読み終えた人
・プラグインを使えばそこそこのUIを実装できる人
・既存のjQueryサンプル集の解説がわかりにくいと思っている人
CHAPTER01 animate()メソッド使ったアニメーション
CHAPTER02 クラスの追加／削除によるアニメーション
CHAPTER03 メガドロップダウンを作ってみよう
CHAPTER04 ツールチップを作ってみよう
CHAPTER05 ニュースティッカーを作ってみよう
CHAPTER06 入力フォームの簡易バリデーション
CHAPTER07 入力フォームに文字カウントを設置する
CHAPTER08 画面上で右クリックを禁止させる
CHAPTER09 デバイスピクセル比を判別して画像を切り替える
CHAPTER10 スマートフォンでの縦向き・横向きを判別する
CHAPTER11 スクロールイベントで値を取得する
CHAPTER12 スクロールしても固定表示されるボタンを設置する
CHAPTER13 スクロールして特定の位置にたどり着いたらアニメーションを実行する
CHAPTER14 スクロールしてもついてくる追尾型ナビゲーション
CHAPTER15 画像をランダムで表示する
CHAPTER16 ウィンドウサイズによって読み込む画像を切り替える
CHAPTER17 ページ遷移時にフェードアニメーションをつける
CHAPTER18 画面に並べられた画像を順々にフェードイン表示する
CHAPTER19 画面上に並べられた画像を特定のグループに分けてフィルタリングする
CHAPTER20 並べられた要素の高さを一番大きい高さに揃える
CHAPTER21 背景画像をフルスクリーンサイズで表示する
CHAPTER22 モーダルウィンドウを作る
CHAPTER23 タブとアコーディオンを切り替えるUIを作成する
CHAPTER24 レスポンシブに対応した開閉式ナビゲーションメニューを作成する
CHAPTER25 テキストが長い場合は「続きを見る」リンクを表示する
CHAPTER26 「もっと見る」ボタンで画像を順々に読み込む
CHAPTER27 横向きのスライドパネルUIを作る
CHAPTER28 要素が自動で流れ続けるループスライダーを作る
CHAPTER29 複数画像をクロスフェードで切り替えるスライドショーを作る
CHAPTER30 ウィンドウ幅いっぱいに広がるコンテンツスライダー
【著者紹介】
Webクリエイター。 都内で活動し、小規模から大規模Webサイトの制作まで、主にマークアップエンジニアとして携わる。jQueryを中心としたブログ「BlackFlag」の運営者。
内容説明
たくさんのテクニカルノート＋３０本のサンプルで実践的に学べます！当然のことですが、本書はプラグインの使用を否定するものではありません。ｊＱｕｅｒｙのＡＰＩを今よりもう少し理解して、プラグインを使用する必要がない場面では必要最低限の動作に抑えたプログラムを自前で実装し、効率的かつ効果的にｊＱｕｅｒｙを活用できるようになることを目的としています。またさまざまなＵＩを実装する場合の、ＨＴＭＬやＣＳＳを含めたテクニックも紹介します。
目次
０１ ｊＱｕｅｒｙのさまざまなテクニック（ａｎｉｍａｔｅ（）メソッドを使ったアニメーション
クラスの追加／削除によるアニメーション
メガドロップダウンを作ってみよう
ツールチップを作ってみよう
ニュースティッカーを作ってみよう ほか）
０２ プラグインを使わないで実装してみよう（背景画像をフルスクリーンサイズで表示する；モーダルウィンドウを作る；タブとアコーディオンを切り替えるＵＩを作成する；レスポンシブに対応した開閉式ナビゲーションメニューを作成する；テキストが長い場合は「続きを見る」リンクを表示する ほか）
著者等紹介
矢次悟郎［ヤツギゴロウ］
Ｗｅｂクリエイター。都内で活動し、小規模から大規模Ｗｅｂサイトの制作まで、主にマークアップエンジニアとして携わる。ｊＱｕｅｒｙを中心としたブログ「ＢｌａｃｋＦｌａｇ」の運営者（本データはこの書籍が刊行された当時に掲載されていたものです）
※書籍に掲載されている著者及び編者、訳者、監修者、イラストレーターなどの紹介情報です。
感想・レビュー
※以下の感想・レビューは、株式会社ブックウォーカーの提供する「読書メーター」によるものです。
ひょろ
