概要

本書は，HTML5／CSS3／JavaScriptはひととおり知っている読者を対象に，スマートフォンサイト制作の実践的なテクニックを解説します。サンプルコードを提示しながら詳しく解説しているため，サイト制作が体系的に学べます。これからスマートフォン向けサイト制作を本格的に始めようという方にぴったりです。

こんな方におすすめ

• スマートフォンサイト制作に携わる人
• 2冊目以降に読むスマートフォンサイト制作本を探している人

目次

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ファイルを圧縮する

サポート

正誤表

本書掲載の記述に誤りがありました。訂正するとともに，読者の皆様および関係者の方々に深くお詫び申し上げます。

（2013年3月8日更新）

P.131　「タッチイベント」の5行目

P.142　「Animationsを利用したバウンス効果」の3行目

P.144　「CSS Animationsのイベント」の1行目