ノン・プログラマのための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

付属データはこちら

お問い合わせ

内容についてのお問い合わせは、正誤表、追加情報をご確認後に、お送りいただくようお願いいたします。

正誤表、追加情報に掲載されていない書籍内容へのお問い合わせや
その他書籍に関するお問い合わせは、書籍のお問い合わせフォームからお送りください。

利用許諾に関するお問い合わせ

本書の書影（表紙画像）をご利用になりたい場合は書影許諾申請フォームから申請をお願いいたします。
書影（表紙画像）以外のご利用については、こちらからお問い合わせください。