|
【カテゴリ】 HTML&CSS
作って楽しむプログラミング HTML5超入門
サポート終了
|
山田祥寛、山田奈美/著
株式会社 日経BP/発行
定価
2,200円
B5変版・
288ページ・
2色
ISBN 978-4-8222-5389-9
発刊日:
2019年3月23日
|
本書の特徴
はじめてでも大丈夫!HTML5+CSS3+JavaScriptでWebアプリを作成しよう
ステップバイステップで学ぶ入門書です。HTML5アプリの基礎知識、画面のデザイン、コードの書き方などが理解できます。
本書は2012年6月発行の「アプリを作ろう! HTML5入門」を、最新情報に合わせて大幅改訂。コードエディターとしてVisual Studio Codeを使用し、WebサーバーはHTTPS対応のFirebase Hostingを使用します。
サンプル一式は、日経BP社のサポートサイトからダウンロードできます。
まとめて読んで 更にスキルアップのこんな書籍
- ・Webページのデザイン方法学びたいなら
- 「デザインサンプルで学ぶCSSによる実践スタイリング入門」(翔泳社)
- ・JavaScriptを基本から学ぶなら
- 「改訂新版JavaScript本格入門 ~モダンスタイルによる基礎から現場での応用まで」(技術評論社)
- ・HTML5をを使いこなすリファレンス
- 「HTML5 開発ポケットリファレンス」(技術評論社)
本書について取り上げていただいたブログさま
-
・HTML5講習所 -
gengen33さま
-
HTML5超入門(2019年4月16日)
-
・note -
よいちさま
-
【レビュー】作って楽しむプログラミングHTML5超入門(2019年4月14日)
-
・きままなWEB日記 -
Sanpokaさま
-
Javascript初心者テキスト(2019年3月31日)
Contents |
-
第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 キャンバスに描いた画像を保存/表示しよう
|
|