JavaScript 逆引きレシピ 第 2 版(ジャバスクリプトギャクヒキレシピダイニハン)

JavaScript 開発必須の知識・現場のテクニックを凝縮!

本書は、実践で即役立つテクニックと開発ノウハウ、つまづきやすい・ハマりやすいポイントを徹底解説した「 JavaScript を利用する Web プログラマ必携の逆引き集」です。

JavaScript (ECMAScript) の基本構文や新記法といった基礎的な知識から、オブジェクト指向、組み込みオブジェクト、関数、オブジェクト指向構文、 DOM 、ブラウザオブジェクトなどの定石・応用テクニック、開発に役立つツール類まで、著者の経験に基づいた実践の場で必ず役立つノウハウ、レシピを提供します。

JavaScript をいまいち使いこなせていないと感じる方や中級レベルに向けてしっかり足場固めをしたい方、 JavaScript をもっと活用したい方などにおすすめの一冊です。

第 1 章 基本構文
1.1 ＜ script ＞要素
1.2 基本構文
1.3 型変換／型判定
COLUMN:ECMAScript とは?

第 2 章 演算子／制御構文
2.1 演算子
2.2 制御構文
2.3 例外処理
COLUMN:ECMAScript 仕様確定までの流れ

第 3 章 組み込みオブジェクト［基本編］
3.1 数学
3.2 文字列
3.3 正規表現
COLUMN:ECMAScript の歴史
3.4 日付
3.5 Promise
3.6 その他

第 4 章 組み込みオブジェクト［ Array ／ Set ／ Map 編］
4.1 配列
4.2 マップ
4.3 セット

第 5 章 関数
5.1 関数の基本
5.2 スコープ
5.3 ES2015 より前の関数構文

第 6 章 オブジェクト指向構文
6.1 オブジェクト指向構文
6.2 ES2015 より前のオブジェクト指向構文
COLUMN:ブラウザー搭載の開発者ツール (1) --基本機能
6.3 オブジェクトの操作
COLUMN:ブラウザー搭載の開発者ツール (2) --文書ツリー／スタイルシートの確認
COLUMN:ブラウザー搭載の開発者ツール (3) --JavaScript のデバッグ

第 7 章 DOM ［基本編］
7.1 要素の取得
7.2 属性／テキストの操作
7.3 フォームの操作
COLUMN:ブラウザー搭載の開発者ツール (4) --さまざまなブレイクポイント
7.4 フォーム検証
7.5 文書ツリーの操作

第 8 章 DOM ［スタイル／イベント編］
8.1 スタイルの操作
8.2 イベント処理
COLUMN:ブラウザー搭載の開発者ツール (5) --コードの整形

第 9 章 ブラウザーオブジェクト［基本編］
9.1 ウィンドウ
COLUMN:JavaScript をより深く学ぶための参考書籍
9.2 コンソール
9.3 ロケーション／履歴／ブラウザー情報
9.4 位置情報
9.5 Web Storage ＆クッキー
9.6 音声／動画の再生
9.7 Canvas

第 10 章 ブラウザーオブジェクト［通信編］
10.1 Fetch
10.2 XMLHttpRequest
10.3 JavaScript 間の通信
COLUMN:ブラウザー搭載の開発者ツール (6) -- 通信のトレース

第 11 章 開発に役立つツール類
11.1 Node.js
11.2 Babel
11.3 webpack
11.4 ESLint
11.5 JsDoc

開発中に「この処理、 JavaScript でどう書くんだっけ」と手が止まる瞬間は誰にでもあります。本書は翔泳社の「逆引きレシピ」シリーズとして、やりたいことから引ける JavaScript のコードレシピ集です。著者の山田祥寛氏は Web 開発の解説書を多数手がけており、現場で頻出するパターンを網羅的に収録しています。第 2 版では ES2015 以降の構文 (アロー関数、テンプレートリテラル、 Promise 、クラス構文など) に対応し、掲載コードが書き直されています。

本書の使い方は通読ではなく辞書引きです。配列の操作、 DOM の操作、イベント処理、非同期通信、正規表現、日付処理など、目的別に整理された索引からすばやく該当レシピにたどり着き、コードをそのまま自分のプロジェクトに持ち込めます。各レシピには簡潔な解説が付いているため、コピーするだけでなく動作原理を理解したうえで使えます。

注意点として、 React や Vue などフレームワーク固有の実装パターンは対象外です。本書が扱うのは言語そのもの (Vanilla JavaScript) の範囲であり、フレームワークに依存しない基礎力を固めたい人や、ライブラリ選定の前段階で「素の JavaScript でどこまでできるか」を確認したい人に向いています。