WINGSプロジェクト 山内直/著
山田祥寛/監修
株式会社 日経BP/発行
定価 2,420円
B5変版・ 292ページ・ 2色
ISBN 978-4-296-07070-1
発刊日： 2023年7月06日



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

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

第2章 HTML アプリを作成する準備をしよう

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

第3章 アプリのトップ画面を作成しよう

この章で学ぶこと
3.1 アルバムマップの動きを理解しておこう
3.2 HTML ページの基本を理解しよう
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 キャンバスに描いた画像を保存／表示しよう