ステップアップJavaScript フロントエンド開発の初級から中級へ進むために
書籍情報
発売日 : 2022年01月14日
著者／編集 : サークルアラウンド株式会社/佐藤 正志/小笠原 寛
出版社 : 翔泳社
発行形態 : 単行本
書籍説明
内容紹介
本書はＪａｖａＳｃｒｉｐｔ脱初心者を目指す方々に向けた指南書です。ＪａｖａＳｃｒｉｐｔ中級者という括りのエンジニアに求められるスキルセットを現場で活躍するエンジニアの視点でまとめました。フロント側で動作するシステムを「より良いコード」で作るために必要な知識を会得できます。入門的な内容の確認も挟みながら、中級を目指す際につまずきやすいトピックを１１のステップと付録を通して解説していきます。
目次
STEP0 肩慣らし
0-1 JavaScriptの操作の基本を確認する
0-2 JavaScriptで表示を操作する
0-3 JavaScriptで複数の要素を操作する
STEP1 動くアプリケーションを作ってみる
1-1 仕様の確認～簡単な動作確認をしよう
1-2 経過時刻をカウントし、見た目を整えよう
1-3 カウント停止を実現し、バグに対応しよう
1-4 ドンドン増えるログを出してみよう
1-5 リファクタリングして柔軟性を上げよう
1-6 DOM（Document Object Model）の概念を知ろう
STEP2 ES6を学習する
2-1 JavaScriptのバージョンについて
2-2 ステップ1のアプリケーションをES6対応にリファクタリング
2-3 クラスについて知ろう
2-4 ステップ1のアプリケーションにクラスを適用する
STEP3 ES6で書いていく
3-1 仕様の確認～画像を一枚表示しよう
3-2 複数画像を順番に表示できるようにしよう
3-3 画像を自動で更新し見た目を整えて完成
STEP4 押さえておくべきJavaScriptの言語特性について
4-1 スコープ
4-2 等価演算子（==）と厳密等価演算子（===）
4-3 this
4-4 undefined
STEP5 Node.jsとnpmを知ろう
5-1 Node.jsとは
5-2 npmとは
5-3 Node.jsのインストール
5-4 npmパッケージを導入する
5-5 http-serverを起動する
5-6 ローカルインストールについて
STEP6 AJAXを使ってみよう
6-1 AJAXとは
6-2 JSONに触れてみよう
6-3 AJAXを体験してみよう
6-4 サンプルアプリケーションを作成してみよう
6-5 コードをリファクタリングしてみよう
6-6 CORSについて
STEP7 その他のJavaScriptの特性
7-1 無名関数
7-2 即時関数
7-3 クロージャ
7-4 例外
7-5 プリミティブ型／オブジェクト型と参照
STEP8 非同期処理について知ろう
8-1 同期・非同期
8-2 async/await
8-3 Promise
8-4 非同期処理でよくある悩みへの対応
8-5 課題
STEP9 トランスパイル～レガシーブラウザへの対応～
9-1 トランスパイルとは
9-2 トランスパイラを導入してみよう
9-3 トランスパイルを実行してみよう
9-4 Polyfillについて
STEP10 総合演習
10-1 仕様の確認～クイズデータ取得と確認
10-2 各画面を作成しよう
10-3 クイズを表示しよう
10-4 クイズの正解率を集計しよう
10-5 解答に制限時間を設定してみよう
10-6 見た目を整えて完成
APPENDIX
付録A コードがうまく動かない時・デバッグについて
付録B 知っておくべき知識
0-1 JavaScriptの操作の基本を確認する
0-2 JavaScriptで表示を操作する
0-3 JavaScriptで複数の要素を操作する
STEP1 動くアプリケーションを作ってみる
1-1 仕様の確認～簡単な動作確認をしよう
1-2 経過時刻をカウントし、見た目を整えよう
1-3 カウント停止を実現し、バグに対応しよう
1-4 ドンドン増えるログを出してみよう
1-5 リファクタリングして柔軟性を上げよう
1-6 DOM（Document Object Model）の概念を知ろう
STEP2 ES6を学習する
2-1 JavaScriptのバージョンについて
2-2 ステップ1のアプリケーションをES6対応にリファクタリング
2-3 クラスについて知ろう
2-4 ステップ1のアプリケーションにクラスを適用する
STEP3 ES6で書いていく
3-1 仕様の確認～画像を一枚表示しよう
3-2 複数画像を順番に表示できるようにしよう
3-3 画像を自動で更新し見た目を整えて完成
STEP4 押さえておくべきJavaScriptの言語特性について
4-1 スコープ
4-2 等価演算子（==）と厳密等価演算子（===）
4-3 this
4-4 undefined
STEP5 Node.jsとnpmを知ろう
5-1 Node.jsとは
5-2 npmとは
5-3 Node.jsのインストール
5-4 npmパッケージを導入する
5-5 http-serverを起動する
5-6 ローカルインストールについて
STEP6 AJAXを使ってみよう
6-1 AJAXとは
6-2 JSONに触れてみよう
6-3 AJAXを体験してみよう
6-4 サンプルアプリケーションを作成してみよう
6-5 コードをリファクタリングしてみよう
6-6 CORSについて
STEP7 その他のJavaScriptの特性
7-1 無名関数
7-2 即時関数
7-3 クロージャ
7-4 例外
7-5 プリミティブ型／オブジェクト型と参照
STEP8 非同期処理について知ろう
8-1 同期・非同期
8-2 async/await
8-3 Promise
8-4 非同期処理でよくある悩みへの対応
8-5 課題
STEP9 トランスパイル～レガシーブラウザへの対応～
9-1 トランスパイルとは
9-2 トランスパイラを導入してみよう
9-3 トランスパイルを実行してみよう
9-4 Polyfillについて
STEP10 総合演習
10-1 仕様の確認～クイズデータ取得と確認
10-2 各画面を作成しよう
10-3 クイズを表示しよう
10-4 クイズの正解率を集計しよう
10-5 解答に制限時間を設定してみよう
10-6 見た目を整えて完成
APPENDIX
付録A コードがうまく動かない時・デバッグについて
付録B 知っておくべき知識
著者情報
佐藤, 正志, pub. 2022
佐藤 正志
小笠原, 寛, エンジニア
サークルアラウンド株式会社
小笠原 寛
