ノン・プログラマのためのjQuery Mobile標準ガイドブック｜ SEshop

jQuery Mobile の使いこなし方がよく分かる

本書は、いま注目のスマートフォンサイト制作のフレームワーク「jQuery Mobile」の解説書です。jQuery Mobileを使って、iPhone、iPad、Androidに共通対応するWebを効率よく、見栄えよく、スマートフォンらしい使い勝手のよいサイトを制作する方法を学びます。jQuery Mobileの機能解説から、実際にサンプルを使ってスマートフォンサイトを作成しながら、コーディングフローや各コンポーネントを使う上でのコツや注意点を解説していきます（実習用のサンプルはWebからダウンロードできます）。また、jQuery Mobileコンポーネントの網羅的なリファレンスとしても使える、お得な一冊です。

PART-1：基本編

CHAPTER-01 スマートフォンの特徴

01　スマートフォンとは
02　表示画面とViewport
03　タッチパネルの操作性
04　スマートフォンのブラウザ
05　スマートフォン向けサイトで使える技術
06　通信方式と速度
07　スマートフォン対応の手段

CHAPTER-02 制作・テスト環境の構築

01　制作に必要なエディタを用意する
02　シミュレータによるプレビュー環境を構築する
03　実機によるプレビュー環境を構築する

CHAPTER-03 クライアントの振り分け

01　アクセスを振り分ける目的
02　.htaccessによる振り分け方法を知る
03　PHPによる振り分け方法を知る

CHAPTER-04 jQuery Mobileの基礎知識

01　jQuery Mobileとは
02　jQuery Mobileの使い方を知る
03　カスタムデータ属性について知る
04　基本的なページのマークアップ方法を知る
05　テーマとスウォッチを知る
06　独自CSSを定義する際の注意点を知る

PART-2：コンポーネント編

CHAPTER-05 ツールバー系コンポーネント

01　ヘッダーを表示する
　　ヘッダーを表示する
　　ページタイトルの両端にボタンを表示する
　　ページタイトルの片側にボタンを表示する
　　ヘッダーに戻るボタンを自動で表示する
02　フッターを表示する
　　フッターを表示する
　　フッターにボタンを表示する
　　フッター内のボタンをグループ表示する
03　ナビゲーションバーを表示する
　　ナビゲーションバーを表示する
　　アイコン付きナビゲーションバーを表示する
04　固定表示とフルクリーンモード
　　ヘッダーやフッターを固定表示する
　　フルスクリーンモードにする
　　画面遷移時にもフッターを固定表示する

CHAPTER-06 ボタン系コンポーネント

01　ボタンを表示する
　　シンプルなボタンを表示する
　　アイコン付きのボタンを表示する
　　ボタンをインラインで表示する
02　グループボタンを表示する
　　複数のボタンをグループ化して表示する
　　グループボタンを横並びで表示する

CHAPTER-07 レイアウト系コンポーネント

01　レイアウトグリッドを作成する
　　2カラムのレイアウトを作成する
　　3カラム以上のレイアウトを作成する
　　複数行のカラムレイアウトを作成する
02　開閉ブロック（アコーディオン）を作成する
　　開閉ブロックを作成する
　　ヘッダーとコンテンツブロックのカラーを変える
　　入れ子の開閉ブロックを作成する
　　アコーディオンインターフェイスを作成する

CHAPTER-08 リスト系コンポーネント

01　リストナビゲーションを表示する
　　リストナビゲーションを表示する
　　インラインでリストナビゲーションを表示する
　　カウンター付きのリストナビゲーションを表示する
　　リストのメニューテキストに説明文を追加する
　　サムネイル付きのリストナビゲーションを表示する
　　アイコン付きのリストナビゲーションを表示する
02　複雑なリストナビゲーションを表示する
　　多階層のリストナビゲーションを表示する
　　リストナビゲーションを分割表示する
　　リストナビゲーションにカテゴリーを追加する
　　検索機能をリストナビゲーションに追加する

CHAPTER-09 フォーム系コンポーネント

01　フォーム系コンポーネントの基礎知識
　　jQuery Mobileでのフォーム仕様
　　その他の仕様
02　テキスト入力フィールドとテキストエリアを表示する
　　テキスト入力フィールドを表示する
　　テキストエリアを表示する
　　検索フィールドを表示する
03　チェックボックスとラジオボタンを表示する
　　チェックボックスを表示する
　　チェックボックスをグループ化して表示する
　　横並びでチェックボックスを表示する
　　ラジオボタンを表示する
　　ラジオボタンをグループ化して表示する
　　横並びでラジオボタンを表示する
04　セレクトメニューを表示する
　　セレクトメニューを表示する
　　セレクトメニューをグループ化して表示する
　　カスタムセレクトメニューを表示する
　　複数選択のセレクトメニューを表示する
05　フリップスイッチとスライダーを表示する
　　フリップスイッチを表示する
　　スライダーを表示する

CHAPTER-10 アニメーション系コンポーネント

01　ページ遷移のトランジションを指定する
　　ポップアップでページ遷移させる
02　ダイアログを表示する
　　ダイアログを表示する

PART-3：実践編

CHAPTER-11 jQuery Mobileを使ったサンプルサイト作成

01　サンプルサイトの概要を確認する
02　サイトのベースを作成する
03　トップページを作成する
04　「今週のオススメコーヒー」ページを作成する
05　「定番コーヒー」ページを作成する
06　「お問い合わせ」ページを作成する
07　「グローバルメニュー」ページを作成する
08　全体の見た目を調整する

CHAPTER-12 カスタマイズ　デザイン編

01　カスタマイズする上での注意点
02　UIの英語表示部分を日本語にする
03　文字の省略を解除する
04　ThemeRollerを使って新しいスウォッチを追加する
05　ページ／リスト／ボタンに背景画像を適用する
06　背景画像をランダムに表示する
07　カスタムアイコンを使用する
08　グリッド状のボタンナビゲーションを作成する

CHAPTER-13 カスタマイズ　機能編

01　フォントサイズスイッチを設置する
02　タブ切り替えでコンテンツを表示する
03　カルーセルナビゲーションを作成する
04　フォトギャラリーを作成する
05　タップ時に効果音を付ける
06　独自のトランジションを作成する
07　Google Mapsを表示する
08　Google Analyticsを導入する

APPENDIX　jQuery Mobileの主なカスタムデータ属性

INDEX

各種問い合わせは以下のリンクからご連絡ください