MdNCORPORATION

すべての人に知っておいてほしい jQuery & jQuery Mobileの基本原則

すべての人に知っておいてほしい jQuery & jQuery Mobileの基本原則

古籏一浩、いちがみトモロヲ、KLEE、Atelier*Spoon、錦織幸知、山本圭助、前田瑞紀、津留敏哉 共著
定価 3,080円
(本体 2,800円+税10%)
※電子書籍の価格は各販売ストアにてご確認ください。
発売日 2012-10-25
仕様 B5変型判/224pP
ISBN 978-4-8443-6298-2
WebデザインにおけるjQueryの存在は、CSSとの親和性が高いこと、文法がシンプルであることを合わせ見ると、Webデザイナーにとって非常に扱いやすいJavaScriptライブラリーといえるでしょう。本書は、そのjQueryの概要と基本、そして、具体的な使用方法から実用性の高いサンプルプログラムを使用してのユーザビリティーをアップさせるナビゲーションやインタラクションなどの解説、さらには、スマートフォン対応であるjQuery Mobileや最新のPlugin、そしてデバッグ環境の構築まで多岐にわたり解説しています。これからjQueryを用いてWebサイト制作を始めたい、あるいはすでに始めているがうまくデザインできないと思っている方だけでなく、スマートフォンサイトの構築やネタ帳としても活用できる内容になっています。すべての人がjQuery、jQuery Mobileの活用を身につけられる解説書です。


■ページ見本










目次

【Chapter 1|Basic】
■jQueryの基本
1-01 jQueryとは何か
1-02 jQueryにおけるUI処理
1-03 jQueryライブラリの読み込みと他ライブラリとの共存
1-04 jQueryで使用できるセレクタ
1-05 jQueryでのDOMの操作
1-06 jQueryでのイベント処理
1-07 jQueryでのエフェクト処理
1-08 jQueryでの非同期処理(Ajax)
1-09 jQuery UIライブラリの利用
1-10 jQueryプラグインの利用
Column jQueryと互換性があるZepto.jsライブラリ

【Chapter 2|USE】
■jQueryの基本的な使い方、設定方法
2-01 セレクタ
2-02 CSSとHTML
2-03 イベント処理
2-04 エフェクト
2-05 フォーム
2-05 Ajax

【Chapter 3|Design Tips】
■現場で使える便利帳
3-01 ロールオーバーで画像の上にテキストをスライド
3-02 スクロールした時に画面上部に固定されるメニュー
3-03 画像をマウスオーバーした際に光るウインクロールオーバー
3-04 アコーディオン形式のメニュー表示
3-05 カルーセルパネルを利用したスライドショー
3-06 スクロールにそって追随するメニュー
3-07 スライドで表示させる簡易フォーム
3-08 テキストが順番に流れていくニュースティッカー
3-09 マウスオーバー、クリックで表示するツールチップ
3-10 タブによるページの切り替え
3-11 テーブルの装飾にjQueryを使用する
3-12 ソーシャルボタンの組み込み
3-13 色々なアニメーションで表示可能なギャラリー
3-14 ページトップへのスムーズスクロール
3-15 視差(パララックス)効果を取り入れたデザイン
3-16 ウィンドウの大きさに合わせて拡大・縮小する背景画像
3-17 画像を使ったオリジナルスクロールバー
3-18 ページ内の指定した場所の文字サイズを変更するボタンを設置する
3-19 外部サイトのリンクテキストに自動的にアイコンを付ける
3-20 高さの異なる複数の要素を、全て同じ高さに揃えてキレイに表示する
3-21 詳細を確認できる拡大表示画像

【Chapter 4|Mobile Plugin】
■jQuery Mobileの基本と使い方
4-01 jQuery Mobileとは
4-02 jQuery Mobileの読み込み
4-03 ページ構成とページ遷移
4-04 ツールバーを設置する
4-05 ボタンをつくる
4-06 コンテンツの設定
4-07 フォーム要素
4-08 リスト表示の基本と種類
4-09 Codiqaでモックアップ作成
4-10 Google Mapを表示する
4-11 Theme Rollerでオリジナルテーマをつくる


【Chapter 5|Plugin】
■jQueryの便利なプラグイン
5-01 gridster
5-02 Semantic Tabs with jQuery
5-03 Cloud Carousel
5-04 SmoothScroll
5-05 jQuery validation
5-06 Switch stylesheets with jQuery
5-07 GFX
5-08 AjaxZip2

【Chapter 6|Debug】
■デバッグ、開発ツール
6-01 開発に欠かせない開発者向けツール
6-02 デバッガの起動方法
6-03 HTML要素およびCSSプロパティの変更
6-04 ボトルネックとなっている箇所を確認
6-05 ネットワークの状況を確認
6-06 プロファイルを利用して速度を計測する
6-07 ブレークポイントの設定とステップ実行
6-08 コンソールへの出力
6-09 iOSでコンソールを表示
6-10 Androidでコンソールを表示
Column QUnitでテスト駆動

さくいん
執筆者略歴

ダウンロードデータ

すべての人に知っておいてほしい jQuery & jQuery Mobileの基本原則
サンプルデータダウンロード


このたびは、「すべての人に知っておいてほしいjQuery & jQuery Mobileの基本原則」をご購入いただきまして、誠にありがとうございます。
以下に本書chapter1~3、5、6に掲載されるコード、及びサンプルファイルを用意しましたのでご利用下さい。


chapter01.zip(約865KB)

chapter02.zip(約138KB)

chapter03.zip(約1,971KB)

chapter05.zip(約3,308KB)

chapter06.zip(約55KB)


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

ダウンロードファイルは、chapterごとにZIP形式で圧縮されています。
Windows、Macintoshそれぞれの解凍ソフトを使って圧縮ファイルを解凍してください。

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

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

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

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

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

©2012 Kazuhiro Furuhata,Tomoo Ichigami,KLEE,Atelier*Spoon,Yukitomo Nishikiori,Keisuke Yamamoto,Mizuki Maeda,Toshiya Tsuru. All rights reserved.
株式会社エムディエヌコーポレーション

お詫びと訂正

『すべての人に知っておいて欲しいjQuery & jQuery Mobileの基本原則』

お詫びと訂正のお知らせ



このたびは『すべての人に知っておいて欲しいjQuery & jQuery Mobileの基本原則』をご購入いただきまして、誠にありがとうございました。

本書の056ページ【3-02:スクロールした時に画面上部に固定されるメニュー】のメインカットに誤りがございました。
訂正した該当ページのPDFファイルを用意させていただきましたので、ご利用いただけますようお願い申し上げます。

訂正PDFのダウンロード(PDFファイル:2.3MB)
056.pdf.zip

本書の138ページ【3-20:高さの異なる複数の要素を、全て同じ高さに揃えてキレイに表示する】のメインカットの解説内容に誤りがございました。
訂正した該当ページのPDFファイルを用意させていただきましたので、ご利用いただけますようお願い申し上げます。

訂正PDFのダウンロード(PDFファイル:2.3MB)
138.pdf.zip

●ダウンロードにあたってのご注意
上記リンクを右クリックし、表示されたプルダウンメニューから「対象をファイルに保存」などを選択して、任意の場所にファイルを保存してください。
ダウンロードファイルは、ZIP形式で圧縮されています。
解凍ソフトを使って圧縮ファイルを解凍してご利用ください。

このたびはご迷惑をおかけいたしまして誠に申し訳ございません。
訂正してお詫びいたします。

制作の基本からデザイン業界の最新状況まで! MdNのデザイン・グラフィック書8選

デザイン・制作・マーケティング Webでもう困らない! わかりやすくて知識が身につく8冊