jQueryプラグイン徹底活用 プロのデザインアイデアとテクニック

jQueryプラグイン徹底活用 プロのデザインアイデアとテクニック

jQueryプラグイン徹底活用 プロのデザインアイデアとテクニック

定番から流行の表現まで、複雑・高度な仕掛けも簡単に実装。 jQueryプラグインだから実現するすごいネタが満載です!

MdN編集部 編
B5判 / 256pP
ISBN978-4-8443-6272-2 / 価格(本体2,800円+税)※電子版の価格は販売ストアにて
2012年07月03日発売

「jQueryプラグイン」の最大の特長はHTMLとCSSの知識があれば、長く複雑なスクリプトを記述せずとも高度な仕掛けを簡単に実装できる点。プラグインを利用することで表現力と作業効率が格段にアップします。例えば、JavaScriptやjQueryに精通していない方でも、プラグインのスクリプトを組み込み、HTML・CSS側で画像の設定を行うだけで、華やかな視覚効果のあるスライドショーが手軽に作成できます。
本書は、Web制作の現場における「jQueryプラグインの使い方」を、Webページのサンプルとソースコードをもとに丁寧に解説したテクニック集です。CSSだけでは実現できない多彩なレイアウトやナビゲーション、コンテンツの魅力を引き立てるエフェクト、画像や動画を利用したグラフィカルな仕掛けなど、多種多様な用途を扱っています。ただ単に定番的なプラグインを取り上げるだけではなく、実務案件での使用を前提にしたカスタマイズの手法、複数のプラグインを効果的に組み合わせた使い方など、Web制作の第一線で活躍しているプロだからこそ知る実践的なポイントを多数盛り込みました。このほかに各章末では、実制作で活躍する便利なプラグインを組み込み時のポイントとともに紹介しています。解説で使用しているサンプルデータはダウンロード可能。jQuery・jQueryプラグインの基本解説も充実しているので、基礎力と応用力を同時に養うことができます!

twitter facebook このエントリーをはてなブックマークに追加 RSS

ページイメージ

クリックすると折りたためます
■ページ見本










目次

クリックすると開きます

【目次】
■INTRODUCTION jQueryの基本解説
jQueryの特徴
jQueryの基本的な書き方
HTML要素を選択する「セレクタ」
ユーザーの動きをとらえる「イベント」
オブジェクトを操作する「メソッド」
データを扱う「変数・配列」
スクリプトを制御する「条件分岐・ループ」
スクリプトを効率よく利用する「関数」
Webサーバとデータ送受信を行う「Ajax」
jQueryプラグインとは


■CHAPTER 01 レイアウト
01 Masonryで画面幅に合わせてコンテンツを自動的に再配置
02 ブラウザで動作するWebアプリ風のインターフェイス
03 jQuery Mobileで作るスマートフォン向けUI
04 本文記事の注釈ページをクリックでスライドイン表示
05 Twitter Bootstrapを使ってWebアプリのUIを構築
06 画像に沿ってテキストが回り込む雑誌のようなレイアウト
07 送信前に内容をチェックするフォームのバリデーション
08 フォームのUIエレメントをグラフィカルに装飾する
仕事で役立つ便利なjQueryプラグイン


■CHAPTER 02 ナビゲーション
01 膨大なメニュー情報をすっきりまとめるメガメニュー
02 ドロップダウンメニューとタブを利用したビューアの実装
03 jQuery UIを利用したアコーディオンメニューの作成
04 タブを使った表示の切り替えとスクロールバーのカスタマイズ
05 マウスオーバーでバブルアップする円形のメニュー
06 ユーザビリティに優れたパンくずリストとツールチップ
07 文字サイズをボタン操作で変更できるインターフェイス
仕事で役立つ便利なjQueryプラグイン


■CHAPTER 03 エフェクト
01 パララックス効果を取り入れたイメージスライダー
02 ズームインエフェクトを使って商品写真を魅力的に見せる
03 軽快なモーションで切り替わる商品の絞り込み・ソート機能
04 カバーフロー風の動きで見せるフォトギャラリー
05 アニメーションを効果的に使うナビゲーションやリンク
06 画像やHTMLで装飾した文字を配置できるスライダー
07 モーションが心地よいMac OS XのDock風メニュー
08 Flashなしで実現する画像の360度回転表示
仕事で役立つ便利なjQueryプラグイン


■CHAPTER 04 グラフィック
01 複数の画像を一度に見せるカルーセルスライダー
02 YouTubeの動画を背景全体に表示して再生する
03 サムネイルボタンが泡のように飛び出すスライドショー
04 Facebookのウォールをスライドイン表示させる
05 Googleマップでマラソンランナーを追跡する
06 table 要素で作成した表をグラフィカルなグラフに変換
07 モーダルウィンドウで表示するLightbox 風ギャラリー
仕事で役立つ便利なjQueryプラグイン


目的別索引
用語索引

カスタマーレビュー(出典:amazon.co.jp)

カスタマーレビュー(出典:amazon.co.jp)