書籍詳細(作って学べるHTML+JavaScriptの基本 ~ HTML Living Standard対応)

作って学べるHTML+JavaScriptの基本 ~ HTML Living Standard対応 書影

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社のサポートサイトからダウンロードできます。
作って学べるHTML+JavaScriptの基本 ~ HTML Living Standard対応 ロゴ

更新履歴

  • 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

更新日: 2023.11.17

お問い合わせ

書籍に関するご質問や誤りのご報告、ご意見・ご感想などをお寄せください。

Powered by メールフォーム 『オレンジフォーム』