MdNCORPORATION

jQueryデザインブック 仕事で絶対に使うプロのテクニック

jQueryデザインブック 仕事で絶対に使うプロのテクニック

MdN編集部 編
本体 2800円(税別) ※電子書籍の価格は各販売ストアにてご確認ください。
発売日 2011-08-25
仕様 B5判/256pP
ISBN 978-4-8443-6213-5
近年のWeb制作において、もはや欠かせない存在となったjQuery。CSSとの親和性が高く、文法もシンプルなので、Webデザイナーやマークアップエンジニアにとっても非常に扱いやすいJavaScriptライブラリといえるでしょう。ただし、本当にjQueryを使いこなすためには、「実際の業務ではどのようなコードが書かれているのか」を理解して、さまざまなコーディングのセオリーや技法を自分の中に蓄積していく作業が必須です。 本書は、そのようなWeb制作の現場で使われるjQueryのコードをステップ・バイ・ステップ形式で解説したテクニック集です。ユーザビリティを向上するナビゲーションの制作方法から、ユーザーに新鮮な驚きを与えるエフェクト、SNSとの連携やjQuery Mobileによるスマートフォンサイト制作など、jQueryの多彩な用途を網羅しています。掲載サンプルもダウンロードできるので、解説を読みながら実際の動作も確認できます。さらに、「セレクター」、「メソッド」、「イベント」などの基本解説も充実。jQueryの基礎と応用力が一挙に身につく一冊です!!


■ページ見本










目次

■INTRODUCTION jQueryの基本解説
jQueryの特徴
jQueryの基本の書き方
セレクター
イベント
条件分岐・ループ
変数・配列
関数
メソッド
Ajax


■CHAPTER01 ナビゲーション
01 縦にスライドするアコーディオンメニュー
02 サブメニューを表示する階層型メニュー
03 カルーセルタイプのスライドビューワー
04 ウィンドウに常に表示するナビゲーション
05 スライドしながら現れるぱんくずメニュー
06 タブパネルを利用したコンテンツ表示
07 長いコンテンツを自動的に複数ページに分ける
08 ページトップへのスムーズスクロール
09 フェードインするページトップボタン
10 ページトップボタンを回転表示する


■CHAPTER02 インタラクション
01 配色や文字サイズを変更できるインターフェイス
02 Masonryを利用したカフェメニュー風のレイアウト
03 リキッドレイアウトの画像をアニメーションで整列
04 ドラッグ&ドロップできるショッピングカート
05 ドラッグ&ドロップでファイルをアップロード
06 右クリックメニューをオリジナルにカスタマイズ
07 Bubble Popupを利用したツールチップ
08 画面上部にスライドインするTwitter風アラートボックス


■CHAPTER03 エフェクト
01 ウィンドウフィッティングとトランジションでFlash風に
02 水平アコーディオンを使った和風デザイン
03 パララックス効果を利用したユニークなスクロール
04 ズームイン/ズームアウトする画像ギャラリー
05 汎用的な画像ギャラリーをオリジナルのプラグインに
06 本のようにぺらぺらめくる画像ギャラリー
07 アニメーションに関するメソッドの総まとめ
08 ロールオーバー時のスムーズな画像切り替え
09 マウスオーバー時のカラーアニメーション
10 Skitterでメインビジュアルをスライドショーにする


■CHAPTER04 ユーティリティ
01 Googleマップの埋め込みと一歩進んだカスタマイズ
02 近所の人が見ているUstream番組をチェック
03 Twitterのお気に入りを使った新着情報管理システム
04 jQuery Mobileを利用したスマートフォンサイト制作術
05 フォームダイアログの表示とエラーチェック
06 日付や時間を処理するさまざまな手法
07 ソートや絞り込みができるDataTablesを使った表組み
08 複数ボックスの高さを自動的にそろえる


目的別索引
用語索引

ダウンロードデータ

jQueryデザインブック 仕事で絶対に使うプロのテクニック

サンプルデータダウンロード

このたびは、「jQueryデザインブック 仕事で絶対に使うプロのテクニック」をご購入いただきまして、誠にありがとうございます。

●以下に本書の解説で使用したサンプルデータを用意しましたのでご利用ください。


CHAPTER01.zip(9.4MB)
CHAPTER02.zip(4.6MB)
CHAPTER03.zip(11.9MB)
CHAPTER04.zip(1.8MB)

【ダウンロードにあたってのご注意】

ダウンロードファイルは、ZIP形式で圧縮されています。

Windows、Macそれぞれの解凍ソフトを使って圧縮ファイルを解凍してください。
圧縮ファイルはCHAPTERごとに分かれており、解凍したフォルダ内には記事番号のフォルダに分けてサンプルデータが収録されています。各CHAPTERのフォルダには「はじめにお読みください.html」が同梱されていますので、ご使用の前に必ずお読みください。

※弊社Webサイトからダウンロードできるサンプルデータは、本書の解説内容をご理解いただくために、ご自身で試される場合にのみ使用できる参照用データです。その他の用途での使用や配布などは一切できませんので、あらかじめご了承ください。ただしサンプルデータ中に含まれるjQueryや各種プラグインなどの一般に公開されているライブラリ類については、各ライブラリのライセンス条件に従います。

※弊社Webサイトからダウンロードできるサンプルデータの著作権は、それぞれの制作者に帰属します。

※弊社Webサイトからダウンロードできるサンプルデータを実行した結果につきましては、著者および株式会社エムディエヌコーポレーションは一切の責任を負いかねます。お客様の責任においてご利用ください。

※本書に掲載されているJavaScript、HTML、CSS等のコメントや改行位置等は、紙面掲載用として加工していることがあります。ダウンロードしたサンプルデータとは異なる場合がありますので、あらかじめご了承ください。

※サンプルのなかには、Webサーバーの機能を利用しているなどの理由から、ローカル環境上では正しく動作しないものがあります。このようなサンプルの場合は、Webサーバ上に設置したうえで機能をお試しください。

オリジナルグッズ制作がもっと楽しくなる大活躍アイデアシリーズ

今よりぐっと"良い"写真に仕上げる!おすすめ解説書ラインナップ