Chapter1 スマートフォンサイトの基礎知識
1.1 スマートフォンサイトの必要性
1.2 スマートフォンの仕様
1.3 マルチタッチデバイスのタッチ操作
Chapter2 スマートフォンサイトの制作環境
2.1 スマートフォンサイトの制作手順
2.2 スマートフォンサイト制作に必要なツール
2.3 シミュレータとエミュレータ
Chapter3 HTML 5,CSS 3とJavaScript
3.1 HTML5への移行とCSS3、JavaScriptの役割
3.2 サンプルサイトとスマートフォンサイトへのアプローチ
3.3 スマートフォンの解像度
Chapter4 実装設計とトップページの作成
4.1 サンプルサイトの概要
4.2 トップページの作成と概要
4.3 HTML/CSSによる実装と再利用性
4.4 各ページ共通のレイアウト部分のマークアップ
4.5 トップページにおけるパーツ実装
4.6 タッチ時にフィードバックを与える
4.7 カラムレイアウトを実装する
Chapter5 アコーディオンUIの実装
5.1 「よくある質問ページ」の内容と特徴
5.2 JavaScriptによるアコーディオンの実装
5.3 アコーディオンにCSSアニメーションを適用する
5.4 HTML5/CSS3のみを利用した実装
Chapter6 スワイプ操作の実装
6.1 「セッション紹介ページ」の内容
Chapter7 地図サービスとGPSの連携
7.1 Google Maps APIを利用した会場アクセス地図
Chapter8 フォームとセキュリティ
8.1 イベント申し込みフォームの概要
8.2 フォームパーツのマークアップ
8.3 クライアントサイドのバリデーション
8.4 バリデーションの制御とアプリケーションの実装
Chapter9 スマートフォン向けの最適化テクニック
9.1 PageSpeed Insightsによる測定
9.2 画像リソースの通信コスト削減
9.3 アプリケーションキャッシュによる高速化
9.4 サーバー設定によるコンテンツ配信の最適化
9.5 解像度やデバイスの向きに応じた制御
9.6 高解像度端末への対応
付録
CSSプリプロセッサの利用について
iOSシミュレータ/Androidエミュレータのインストールと使い方
JavaScriptファイルを圧縮する