本書は、いま注目のスマートフォンサイト制作のフレームワーク「jQuery Mobile」の解説書です。jQuery Mobileを使って、iPhone、iPad、Androidに共通対応するWebを効率よく、見栄えよく、スマートフォンらしい使い勝手のよいサイトを制作する方法を学びます。jQuery Mobileの機能解説から、実際にサンプルを使ってスマートフォンサイトを作成しながら、コーディングフローや各コンポーネントを使う上でのコツや注意点を解説していきます(実習用のサンプルはWebからダウンロードできます)。また、jQuery Mobileコンポーネントの網羅的なリファレンスとしても使える、お得な一冊です。
01 スマートフォンとは
02 表示画面とViewport
03 タッチパネルの操作性
04 スマートフォンのブラウザ
05 スマートフォン向けサイトで使える技術
06 通信方式と速度
07 スマートフォン対応の手段
01 制作に必要なエディタを用意する
02 シミュレータによるプレビュー環境を構築する
03 実機によるプレビュー環境を構築する
01 アクセスを振り分ける目的
02 .htaccessによる振り分け方法を知る
03 PHPによる振り分け方法を知る
01 jQuery Mobileとは
02 jQuery Mobileの使い方を知る
03 カスタムデータ属性について知る
04 基本的なページのマークアップ方法を知る
05 テーマとスウォッチを知る
06 独自CSSを定義する際の注意点を知る
01 ヘッダーを表示する
ヘッダーを表示する
ページタイトルの両端にボタンを表示する
ページタイトルの片側にボタンを表示する
ヘッダーに戻るボタンを自動で表示する
02 フッターを表示する
フッターを表示する
フッターにボタンを表示する
フッター内のボタンをグループ表示する
03 ナビゲーションバーを表示する
ナビゲーションバーを表示する
アイコン付きナビゲーションバーを表示する
04 固定表示とフルクリーンモード
ヘッダーやフッターを固定表示する
フルスクリーンモードにする
画面遷移時にもフッターを固定表示する
01 ボタンを表示する
シンプルなボタンを表示する
アイコン付きのボタンを表示する
ボタンをインラインで表示する
02 グループボタンを表示する
複数のボタンをグループ化して表示する
グループボタンを横並びで表示する
01 レイアウトグリッドを作成する
2カラムのレイアウトを作成する
3カラム以上のレイアウトを作成する
複数行のカラムレイアウトを作成する
02 開閉ブロック(アコーディオン)を作成する
開閉ブロックを作成する
ヘッダーとコンテンツブロックのカラーを変える
入れ子の開閉ブロックを作成する
アコーディオンインターフェイスを作成する
01 リストナビゲーションを表示する
リストナビゲーションを表示する
インラインでリストナビゲーションを表示する
カウンター付きのリストナビゲーションを表示する
リストのメニューテキストに説明文を追加する
サムネイル付きのリストナビゲーションを表示する
アイコン付きのリストナビゲーションを表示する
02 複雑なリストナビゲーションを表示する
多階層のリストナビゲーションを表示する
リストナビゲーションを分割表示する
リストナビゲーションにカテゴリーを追加する
検索機能をリストナビゲーションに追加する
01 フォーム系コンポーネントの基礎知識
jQuery Mobileでのフォーム仕様
その他の仕様
02 テキスト入力フィールドとテキストエリアを表示する
テキスト入力フィールドを表示する
テキストエリアを表示する
検索フィールドを表示する
03 チェックボックスとラジオボタンを表示する
チェックボックスを表示する
チェックボックスをグループ化して表示する
横並びでチェックボックスを表示する
ラジオボタンを表示する
ラジオボタンをグループ化して表示する
横並びでラジオボタンを表示する
04 セレクトメニューを表示する
セレクトメニューを表示する
セレクトメニューをグループ化して表示する
カスタムセレクトメニューを表示する
複数選択のセレクトメニューを表示する
05 フリップスイッチとスライダーを表示する
フリップスイッチを表示する
スライダーを表示する
01 ページ遷移のトランジションを指定する
ポップアップでページ遷移させる
02 ダイアログを表示する
ダイアログを表示する
01 サンプルサイトの概要を確認する
02 サイトのベースを作成する
03 トップページを作成する
04 「今週のオススメコーヒー」ページを作成する
05 「定番コーヒー」ページを作成する
06 「お問い合わせ」ページを作成する
07 「グローバルメニュー」ページを作成する
08 全体の見た目を調整する
01 カスタマイズする上での注意点
02 UIの英語表示部分を日本語にする
03 文字の省略を解除する
04 ThemeRollerを使って新しいスウォッチを追加する
05 ページ/リスト/ボタンに背景画像を適用する
06 背景画像をランダムに表示する
07 カスタムアイコンを使用する
08 グリッド状のボタンナビゲーションを作成する
01 フォントサイズスイッチを設置する
02 タブ切り替えでコンテンツを表示する
03 カルーセルナビゲーションを作成する
04 フォトギャラリーを作成する
05 タップ時に効果音を付ける
06 独自のトランジションを作成する
07 Google Mapsを表示する
08 Google Analyticsを導入する
INDEX
付属データはこちら
内容についてのお問い合わせは、正誤表、追加情報をご確認後に、お送りいただくようお願いいたします。
正誤表、追加情報に掲載されていない書籍内容へのお問い合わせや
その他書籍に関するお問い合わせは、書籍のお問い合わせフォームからお送りください。
本書の書影(表紙画像)をご利用になりたい場合は書影許諾申請フォームから申請をお願いいたします。
書影(表紙画像)以外のご利用については、こちらからお問い合わせください。