ISBN: 978-4-296-07070-1
作って学べるHTML+JavaScriptの基本 ~ HTML Living Standard対応
WINGSプロジェクト 山内直 著
| 著者 | WINGSプロジェクト 山内直 |
|---|---|
| 監修 | 山田祥寛 |
| 出版社 | 日経BP |
| 価格 | 2,200円(税別) |
| 判形 | B5変版・2色 |
| ページ数 | 292ページ |
| 発売日 | 2023年7月6日 |
| シリーズ | 作って楽しむプログラミング |
| 対象レベル | 入門 |
はじめてでも大丈夫!HTML+JavaScriptでWebアプリを作成しよう
HTML+JavaScriptを使って簡単なサンプルアプリを作りながら、Android/iPhoneの両方に対応したWebアプリを作成できる入門書です。HTMLアプリの基礎知識、アプリ作成に必要な準備、コードの書き方などを理解できます。本書は2019年発行の『作って楽しむプログラミング HTML5超入門』を、最新のHTML Living Standardに準拠して改訂したものです。アクセシビリティ対応などの“いまどき”の内容についても加筆しています。サンプル一式は、日経BP社のサポートサイトからダウンロードできます。
更新履歴
- FAQ情報:2023年11月17日 更新
- 正誤訂正:2024年1月10日 更新
目次
- 第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 キャンバスに描いた画像を保存/表示しよう
正誤表
| 該当頁 | 該当箇所 | 修正刷 |
|---|---|---|
| 訂正箇所 | 訂正事項 | 更新日 |
| p.267 | 表:スマホで利用できる主なイベント | - |
| touchmove タッチ操作が終了した | touchend タッチ操作が終了した | 2024/01/10 |
FAQ
いくつか方法があります。
他へ影響が出る場合もあるので、各ページの注意事項をご覧ください。
・以下のページを参考にプロジェクトの課金を無効化する
https://cloud.google.com/billing/docs/how-to/modify-project/
・以下のページを参考にプロジェクトを削除する
https://support.google.com/firebase/answer/7000104/
・以下のページを参考にGoogleアカウントを削除する
https://support.google.com/accounts/answer/32046
他へ影響が出る場合もあるので、各ページの注意事項をご覧ください。
・以下のページを参考にプロジェクトの課金を無効化する
https://cloud.google.com/billing/docs/how-to/modify-project/
・以下のページを参考にプロジェクトを削除する
https://support.google.com/firebase/answer/7000104/
・以下のページを参考にGoogleアカウントを削除する
https://support.google.com/accounts/answer/32046
更新日: 2023.11.17
ダウンロード
お問い合わせ
書籍に関するご質問や誤りのご報告、ご意見・ご感想などをお寄せください。
書籍に関するご質問は、お問い合わせの前にFAQ・正誤表をご確認ください。すでに掲載済みの内容については個別回答が難しい場合があります。