山田祥寛、山田奈美/著
株式会社 日経BP/発行
定価 2,200円
B5変版・ 288ページ・ 2色
ISBN 978-4-8222-5389-9
発刊日： 2019年3月23日

第1章 HTML5の基本を理解しよう

1.1 HTML5とは？
1.2 HTML5アプリ開発で必要な知識
1.3 HTML5とスマートフォン
1.4 本書で学ぶこと

第2章 HTML5開発の環境を整えよう

2.1 HTML5によるスマホアプリ開発に必要なもの
2.2 Google Chromeをインストールしよう
2.3 Firebaseを準備しよう
2.4 Visual Studio Codeを準備しよう
　　コラム サンプルファイルの使い方

第3章 アルバムマップのトップ画面を作成しよう

この章で学ぶこと
3.1 アルバムマップの動きを理解しておこう
3.2 HTML5ページの基本を理解しよう
3.3 スタイルシートでページをデザインしよう

第4章 アルバムマップの見た目を完成させよう

この章で学ぶこと
4.1 メモ登録画面を作成しよう
　　コラム 正規表現
4.2 JavaScriptの簡単なコードを実行しよう
4.3 JavaScriptのイベント処理を理解しよう

第5章 現在位置を表す地図を作成しよう

この章で学ぶこと
5.1 現在位置の情報を取得しよう
　　コラム テンプレート文字列以前は
5.2 Geolocation APIのエラー処理や動作オプションを理解しよう
5.3 変化する位置情報を定期的に取得しよう
5.4 現在位置を地図上に表示しよう
　　コラムVSCodeのエディター分割

第6章 アルバムマップにメモ情報を保存しよう

この章で学ぶこと
6.1 現在位置を一時的に保存しよう
6.2 メモ情報の登録画面を作成しよう
6.3 メモ情報の登録画面を改良しよう

第7章 アルバムマップのメモ情報を表示しよう

この章で学ぶこと
7.1 共通機能を実装しよう
　　コラム JavaScriptでの正規表現
7.2 メモ情報を一覧表示しよう
7.3 地図上にメモをピン立てしよう
7.4 情報ウィンドウの表示機能を改良しよう
7.5 既存のメモ情報を削除しよう

第8章 CSS3でページをよりリッチにデザインしよう

この章で学ぶこと
8.1 CSS3の基礎知識
8.2 ページの背景をグラデーションにしよう
8.3 メニューリンクに影を付けてみよう
　　コラム 文字に影を付けるには
8.4 ボックス領域の角を丸めてみよう
8.5 より便利になったCSS3のセレクターを活用しよう

第9章 アルバムマップを手書き対応しよう

この章で学ぶこと
9.1 キャンバスに基本的な図形を描画してみよう
9.2 Canvas APIを利用してさまざまな図形を描画しよう
9.3 タッチ操作でキャンバスに落書きしよう
9.4 キャンバスに描いた画像を保存／表示しよう