目次

• Chapter 1 イントロダクション
• 1.1 JavaScriptとは？
• 1.1.1 JavaScriptの歴史
• 1.1.2 復権のきっかけはAjax、そしてHTML5の時代へ
• 1.1.3 JavaScriptライブラリからフレームワークの時代へ
• 1.2 標準JavaScript「ECMAScript」とは？
• 1.2.1 ECMAScriptのバージョン
• 1.2.2 ECMAScript 仕様策定の流れ
• 1.2.3 ブラウザーの対応状況
• 1.3 JavaScript 実行環境のもう1つの選択肢 - Node.js
• 1.3.1 Node.jsとは？
• 1.3.2 実行環境によって利用できる機能は異なる
• 1.4 JavaScriptアプリを開発／実行するための基本環境
• 1.4.1 準備すべきソフトウェア
• 1.4.2 Visual Studio Codeのインストール
• 1.4.3 サンプルファイルの準備
• 1.5 ブラウザー付属の開発者ツール
• 1.5.1 開発者ツールを概観する
• 1.5.2 HTML／CSSのソースを確認する -［要素］タブ
• 1.5.3 通信状況をトレースする -［ネットワーク］タブ
• 1.5.4 スクリプトをデバッグする -［ソース］タブ
• 1.5.5 ストレージ／クッキーの内容を確認する -［アプリケーション］タブ
• 1.5.6 ログ確認／オブジェクト操作などの万能ツール -［コンソール］タブ
• Chapter 2 基本的な書き方を身につける
• 2.1 JavaScriptの基本的な記法
• 2.1.1 JavaScri ptで「こんにちは、世界！」
• 2.1.2 文字コードのルール
• 2.1.3 JavaScriptをHTMLファイルに組み込む - <script> 要素
• 2.1.4 文（Statement）のルール
• 2.1.5 コメントを挿入する
• 2.2 変数
• 2.2.1 変数を宣言する
• 2.2.2 識別子の命名規則
• 2.2.3 よりよい命名のための指針
• 2.2.4 定数を宣言する
• 2.3 データ型
• 2.3.1 データ型の分類
• 2.3.2 論理リテラル（boolean）
• 2.3.3 数値リテラル（number）
• 2.3.4 文字列リテラル（string）
• 2.3.5 配列リテラル（array）
• 2.3.6 オブジェクトリテラル（object）
• 2.3.7 関数リテラル（function）
• 2.3.8 未定義値（undefined）とヌル値（null）
• Chapter 3 値の演算操作を理解する - 演算子
• 3.1 演算子とは？
• 3.2 算術演算子
• 3.2.1 加算演算子（+）
• 3.2.2 インクリメント演算子（++）とデクリメント演算子（--）
• 3.2.3 小数点を含む演算には注意
• 3.3 代入演算子
• 3.3.1 基本型と参照型による代入の違い -「=」演算子
• 3.3.2 定数は「再代入できない」
• 3.3.3 分割代入（配列）
• 3.3.4分割代入（オブジェクト）
• 3.4 比較演算子
• 3.4.1 等価演算子（==）
• 3.4.2 厳密な等価演算子（===）
• 3.4.3 小数点数の比較
• 3.4.4 条件演算子（?:）
• 3.5 論理演算子
• 3.5.1 ショートカット演算（短絡演算）
• 3.6 ビット演算子
• 3.6.1 ビット論理演算子
• 3.6.2 ビットシフト演算子
• 3.6.3 例：ビットフィールドによるフラグ管理
• 3.7 その他の演算子
• 3.7.1 配列要素、プロパティを削除する - delete演算子
• 3.7.2 値の型を判定する - typeof 演算子
• 3.7.3 補足：型の変換
• 3.8 演算子の優先順位と結合則
• 3.8.1 優先順位
• 3.8.2 結合則
• Chapter 4 スクリプトの基本構造を理解する - 制御構文
• 4.1 制御構文とは？
• 4.2 条件分岐
• 4.2.1 条件式の真偽で処理を分岐する - if 命令
• 4.2.2 複数の条件式で多岐分岐を表現する - else if 命令
• 4.2.3 if 命令の入れ子
• 4.2.4 補足：中カッコの省略は要注意
• 4.2.5 条件式を指定する場合の注意点
• 4.2.6 式の値によって処理を分岐する - switch 命令
• 4.3 繰り返し処理
• 4.3.1 条件式によってループを制御する - while／do...while命令
• 4.3.2 補足：無限ループ
• 4.3.3 指定回数だけループを処理する - for 命令
• 4.3.4 連想配列の中身を順に処理する - for...in 命令
• 4.3.5 配列の要素を順に処理する - for...of 命令
• 4.3.6 配列を反復処理するための専用メソッド
• 4.4 ループの制御
• 4.4.1 ループを途中で終了する - break 命令
• 4.4.2 特定の周回をスキップする - continue命令
• 4.4.3 入れ子のループをまとめて中断／スキップする - ラベル構文
• 4.5 制御命令のその他の話題
• 4.5.1 例外を処理する - try...catch...finally 命令
• 4.5.2 例外をスローする - throw 命令
• 4.5.3 JavaScriptの危険な構文を禁止する - Strictモード
• 4.5.4 デバッガーを起動する - debugger 命令
• Chapter 5 基本データを操作する - 組み込みオブジェクト
• 5.1 オブジェクトとは？
• 5.1.1 オブジェクト＝プロパティ＋メソッド
• 5.1.2 オブジェクトを生成するための準備 - new 演算子
• 5.1.3 メソッド／プロパティの呼び出し - ドット演算子
• 5.1.4 静的プロパティ／静的メソッド
• 5.1.5 組み込みオブジェクトとは
• 5.2 文字列を操作する - Stringオブジェクト
• 5.2.1 文字列の長さを取得する
• 5.2.2 文字列を大文字⇔小文字で変換する
• 5.2.3 部分文字列を取得する
• 5.2.4 文字列を検索する
• 5.2.5 文字列に特定の部分文字列が含まれるかを判定する
• 5.2.6 文字列の前後から空白を除去する
• 5.2.7 文字列を置き換える
• 5.2.8 文字列を分割する
• 5.2.9 文字列が指定長になるように指定文字で補足する
• 5.2.10 文字列をn 回繰り返したものを取得する
• 5.2.11 文字列をUnicode正規化する
• 5.3 数値リテラルを操作する - Numberオブジェクト
• 5.3.1 Numberオブジェクトの定数
• 5.3.2 数値形式を変換する - toXxxxxメソッド
• 5.3.3 文字列を数値に変換する
• 5.3.4 基本的な数学演算を実行する
• 5.4 日付／時刻値を操作する - Dateオブジェクト
• 5.4.1 日付／時刻値を生成する
• 5.4.2 日付／時刻要素を取得する
• 5.4.3 日付／時刻要素を設定する
• 5.4.4 日付／時刻値を加算／減算する
• 5.4.5 日付／時刻の差を求める
• 5.4.6 日付／時刻値を文字列に変換したい
• 5.5 値の集合を管理／操作する - Arrayオブジェクト
• 5.5.1 配列を生成する
• 5.5.2 要素を追加／削除する
• 5.5.3 配列に複数要素を追加／置換／削除する
• 5.5.4 配列から特定範囲の要素を取得する
• 5.5.5 配列の内容を検索する
• 5.5.6 入れ子の配列をフラット化する
• 5.5.7 配列内の要素を結合する
• 5.5.8 配列内の要素を移動する
• 5.5.9 配列ライクなオブジェクトを配列化する
• 5.5.10 配列を複製する
• 5.5.11 配列の要素を並べ替える
• 5.5.12 配列の内容を順に処理する
• 5.5.13 配列を指定されたルールで加工する
• 5.5.14 任意の条件式によって配列を検索する
• 5.5.15 条件式に合致する要素が存在するかを判定する
• 5.5.16 配列から条件に合致した要素だけを取得する
• 5.5.17 配列内の要素を順に処理して1つにまとめる
• 5.6 連想配列を操作する - Mapオブジェクト
• 5.6.1 マップを初期化する
• 5.6.2 マップの値を設定／取得する
• 5.6.3 マップから既存のキーを削除する
• 5.6.4 マップからすべてのキー／値を取得する
• 5.6.5 Object⇔Mapを相互変換する
• 5.6.6 弱い参照キーのマップ
• 5.7 重複しない値の集合を操作する - Setオブジェクト
• 5.7.1 セットを初期化する
• 5.7.2 セットの値を追加／削除する
• 5.7.3 セットの内容を取得／確認する
• 5.8 正規表現で文字列を自在に操作する - RegExpオブジェクト
• 5.8.1 正規表現の基本
• 5.8.2 RegExpオブジェクトを生成する
• 5.8.3 文字列が正規表現パターンにマッチしたかを判定する
• 5.8.4 正規表現パターンにマッチした文字列を取得する
• 5.8.5 正規表現オプションでマッチングの方法を制御する
• 5.8.6 正規表現のマッチング結果をまとめて取得する
• 5.8.7 正規表現で文字列を置き換える
• 5.8.8 正規表現で文字列を分割する
• 5.8.9 例：正規表現による検索
• 5.9 その他のオブジェクト
• 5.9.1 JavaScriptでよく利用する機能を提供する - Globalオブジェクト
• 5.9.2 オブジェクト⇔JSON 文字列を相互に変換する - JSONオブジェクト
• 5.9.3 シンボルを作成する - Symbolオブジェクト
• Chapter 6 繰り返し利用するコードを1ヵ所にまとめる - 関数
• 6.1 関数の基本
• 6.1.1 ユーザー定義関数が必要な理由
• 6.1.2 ユーザー定義関数の基本
• 6.1.3 関数名
• 6.1.4 仮引数と実引数
• 6.1.5 戻り値
• 6.2 関数を定義するための3 種の記法
• 6.2.1 Functionコンストラクター経由で定義する
• 6.2.2 関数リテラルで定義する
• 6.2.3 アロー関数で定義する
• 6.2.4 関数定義の際の注意点
• 6.3 変数はどの場所から参照できるか - スコープ
• 6.3.1 スコープの基本
• 6.3.2 仮変数のスコープ
• 6.3.3 スコープから見たvar／let 命令
• 6.3.4 スコープに関わるその他の注意点
• 6.4 引数のさまざまな記法
• 6.4.1 JavaScriptは引数の数をチェックしない
• 6.4.2 引数の既定値を設定する
• 6.4.3 可変長引数の関数を定義する
• 6.4.4 スプレッド構文による引数の展開
• 6.4.5 名前付き引数でコードを読みやすくする
• 6.5 関数呼び出しと戻り値
• 6.5.1 複数の戻り値を返したい
• 6.5.2 関数自身を再帰的に呼び出す - 再帰関数
• 6.5.3 関数の引数も関数 - 高階関数
• 6.5.4 「使い捨ての関数」は匿名関数で
• 6.6 高度な関数のテーマ
• 6.6.1 テンプレート文字列をアプリ仕様にカスタマイズする - タグ付きテンプレート文字列
• 6.6.2 変数はどのような順番で解決されるか - スコープチェーン
• 6.6.3 その振る舞いオブジェクトの如し - クロージャ
• Chapter 7 JavaScriptらしいオブジェクトの用法を理解する - Objectオブジェクト
• 7.1 オブジェクトを生成する
• 7.1.1 オブジェクトをリテラルで表現する
• 7.1.2 コンストラクター経由でオブジェクトを生成する - new 演算子
• 7.1.3 より詳しい設定付きでオブジェクトを生成する
• 7.2 オブジェクトの雛型「プロトタイプ」を理解する
• 7.2.1 プロトタイプの基本
• 7.2.2 プロトタイプチェーンの挙動を確認する
• 7.2.3 プロパティを追加／更新／削除した場合の挙動
• 7.3 すべてのオブジェクトの雛型 - Objectオブジェクト
• 7.3.1 オブジェクトをマージする
• 7.3.2 補足：オブジェクトを複製する
• 7.3.3 プロパティを操作する
• 7.3.4 不変オブジェクトを定義す
• Chapter 8 大規模開発でも通用する書き方を身につける - オブジェクト指向構文
• 8.1 クラスの基本
• 8.1.1 最もシンプルなクラスを定義する
• 8.1.2 クラスに属する情報を準備する - プロパティ
• 8.1.3 クラスに属する処理を準備する - メソッド
• 8.1.4 クラスを初期化する - コンストラクター
• 8.1.5 静的プロパティ／静的メソッドを定義する
• 8.1.6 文脈によって中身が変化する変数 - thisキーワード
• 8.1.7 既存のクラスにメソッドを追加する
• 8.2 利用者に見せたくない機能を隠蔽する - カプセル化
• 8.2.1 カプセル化とは？
• 8.2.2 プライベートメンバーの実装
• 8.2.3 ゲッター／セッター
• 8.2.4 補足：不変クラスを定義する
• 8.3 既存のクラスを拡張する - 継承
• 8.3.1 継承の基本
• 8.3.2 基底クラスのメソッド／コンストラクターを上書きする
• 8.3.3 基底クラスのメソッドを呼び出す - superキーワード
• 8.3.4 継承以外のクラス再利用の手段 - 委譲
• 8.3.5 補足：ミックスイン
• 8.3.6 オブジェクトの型を判定する
• 8.4 アプリを機能単位にまとめる - モジュール
• 8.4.1 モジュールを定義する
• 8.4.2 モジュールを利用する
• 8.4.3 import 命令のさまざまな記法
• 8.4.4 export 命令のさまざまな記法
• 8.5 オブジェクト指向構文の高度なテーマ
• 8.5.1 列挙可能なオブジェクトを定義する - イテレーター
• 8.5.2 列挙可能なオブジェクトをよりかんたんに実装する - ジェネレーター
• 8.5.3 オブジェクトを基本型に変換する
• 8.5.4 オブジェクトの基本的な動作をカスタマイズする - Proxyオブジェクト
• Chapter 9 HTMLやXMLの文書を操作する - DOM（Document Object Model）
• 9.1 DOMの基本を押さえる
• 9.1.1 マークアップ言語を操作する標準のしくみ「DOM」
• 9.1.2 文書ツリーとノード
• 9.2 クライアントサイドJavaScriptの前提知識
• 9.2.1 要素ノードを取得する
• 9.2.2 文書ツリー間を行き来する - ノードウォーキング
• 9.2.3 イベントをトリガーにして処理を実行する - イベントドリブンモデル
• 9.3 属性値やテキストを取得／設定する
• 9.3.1 属性値を取得する
• 9.3.2 属性値を設定する
• 9.3.3 属性値を削除する
• 9.3.4 要素のプロパティを取得／設定する
• 9.3.5 JavaScriptからスタイルを操作する
• 9.3.6 テキストを取得／設定する
• 9.4 フォーム要素にアクセスする
• 9.4.1 入力ボックス／選択ボックスの値を取得する
• 9.4.2 チェックボックスの値を取得する
• 9.4.3 ラジオボタンの値を取得する
• 9.4.4 ラジオボタン／チェックボックスの値を設定する
• 9.4.5 複数選択できるリストボックスの値を取得する
• 9.4.6 アップロードされたファイルの情報を取得する
• 9.5 ノードを追加／置換／削除する
• 9.5.1 innerHTMLプロパティとどのように使い分けるか
• 9.5.2 ページに新たなコンテンツを追加する
• 9.5.3 既存のノードを置換／削除する
• 9.5.4 HTMLCollection／NodeListを繰り返し処理する場合の注意点
• 9.6 より高度なイベント処理
• 9.6.1 イベントリスナーを削除する
• 9.6.2 イベントに関わる情報を取得する - イベントオブジェクト
• 9.6.3 イベント処理をキャンセルする
• 9.6.4 イベントの動作オプションを指定する
• 9.6.5 イベントリスナーに任意の追加情報を引き渡す
• Chapter 10 クライアントサイドJavaScript開発を極める
• 10.1 ブラウザーオブジェクトで知っておきたい基本機能
• 10.1.1 ブラウザーオブジェクトの階層構造
• 10.1.2 ブラウザーオブジェクトにアクセスするには
• 10.1.3 確認ダイアログを表示する - confirmメソッド
• 10.1.4 タイマー機能を実装する - setInterval／setTimeoutメソッド
• 10.1.5 ウィンドウサイズ／位置などの情報を取得する
• 10.1.6 コンテンツのスクロール位置を設定／取得する - scrollXxxxxメソッド
• 10.1.7 表示ページのアドレス情報を取得／操作する - locationオブジェクト
• 10.1.8 履歴に沿ってページを前後に移動する - historyオブジェクト
• 10.1.9 JavaScriptによる操作をブラウザーの履歴に残す - pushStateメソッド
• 10.2 デバッグ情報を出力する - consoleオブジェクト
• 10.2.1 コンソールにログを出力する
• 10.2.2 知っておくと便利なログメソッド
• 10.3 ユーザーデータを保存する - Storageオブジェクト
• 10.3.1 ストレージにデータを保存／取得する
• 10.3.2 既存のデータを削除する
• 10.3.3 ストレージからすべてのデータを取り出す
• 10.3.4 ストレージにオブジェクトを保存／取得する
• 10.3.5 ストレージの変更を監視する
• 10.4 非同期通信の基本を理解する - Fetch API
• 10.4.1 SPAとは？
• 10.4.2 Fetch APIの基本
• 10.4.3 リクエスト時にデータを送信する
• 10.4.4 異なるオリジンにアクセスする
• 10.4.5 補足：クロスドキュメントメッセージングによるクロスオリジン通信
• 10.5 非同期処理を手軽に処理する - Promiseオブジェクト
• 10.5.1 Promiseオブジェクトの基本を押さえる
• 10.5.1 2非同期処理を連結する
• 10.5.3 複数の非同期処理を並行して実行する
• 10.5.4 Promiseの処理を同期的に記述する
• 10.5.5 非同期処理を伴う反復処理を実装する
• 10.6 バックグラウンドでJavaScriptのコードを実行する - Web Worker
• 10.6.1 ワーカーを実装する
• 10.6.2 ワーカーを起動する
• Chapter 11 現場で避けて通れない応用知識
• 11.1 コマンドラインからJavaScriptコードを実行する - Node.js
• 11.1.1 Node.jsのインストール
• 11.1.2 JavaScriptファイルの実行
• 11.1.3 ライブラリをインストールする
• 11.1.4 ライブラリの復元
• 11.2 アプリのテストを自動化する - Jest
• 11.2.1 テストコードの基本
• 11.2.2 実行コマンドの準備
• 11.2.3 単体テストの実行
• 11.2.4 テスト実行時の役立つオプション
• 11.3 フロントエンドアプリの開発環境をすばやく立ち上げる - Vite
• 11.3.1 Viteの特徴
• 11.3.2 Viteの基本
• 11.3.3 本番環境向けのビルドを実施する
• 11.3.4 JavaScript 以外のリソースにも対応
• 11.4 JavaScriptの「べからず」なコードを検出する - ESLint
• 11.4.1 ESLintの基本
• 11.4.2 リアルタイムに解析結果を確認する
• 11.4.3 ESLintルールのカスタマイズ
• 11.5 ドキュメンテーションコメントでコードの内容をわかりやすくする - JSDoc
• 11.5.1 ドキュメンテーションコメントの記述ルール
• 11.5.2 ドキュメントの生成
• Column
• VSCodeの便利な拡張機能（1） - Trailing Spaces
• VSCodeの便利な拡張機能（2） - Regex Previewer
• 本書の読み進め方 - 著者からのメッセージ
• ブラウザー環境でJavaScriptのコードを実行する - paiza.IO
• VSCodeの便利な拡張機能（3） - JavaScript (ES6) code snippets
• VSCodeの便利な拡張機能（4） - IntelliSense for CSS class names in HTML
• よく見かけるエラーとその対処法
• VSCodeの便利な拡張機能（5） - Code Spell Checker
• VSCodeの便利な拡張機能（6） - Todo Tree
• 知っておきたい！JavaScriptの関連キーワード（1） - altJS
• 知っておきたい！JavaScriptの関連キーワード（2） - TypeScript
• ECMAScript期待の機能
• VSCodeの便利な拡張機能（7） - Bookmarks
• 知っておきたい！JavaScriptの関連キーワード（3） - WebAssembly
• 知っておきたい！JavaScriptの関連キーワード（4） - コンポーネント指向
• VSCodeの便利な拡張機能（8） - SFTP
• 知っておきたい！JavaScriptの関連キーワード（5） - Web Components
• 知っておきたい！JavaScriptの関連キーワード（6） - importmaps
• <script>要素の知っておきたい属性（1） - async属性
• <script>要素の知っておきたい属性（2） - integrity属性
• VSCodeの便利な拡張機能（9） - 拡張テーマ
• <script>要素の知っておきたい属性（3） - integrity属性の作り方
• <script>要素の知っておきたい属性（4） - crossorigin／referrerpolicy属性
• 本書を読み終えた後に

正誤表

FAQ

現在、FAQはありません。

ダウンロード

お問い合わせ

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

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