第1章 JavaScriptとJavaの違い
1.1 JavaScript と Java の違い
1.2 プロトタイプベースとは
1.3 本章のまとめ
第2章 学習の準備
2.1 学習の準備
2.2 Eclipseでの作業プロジェクトの準備
2.3 第1章のプロトタイプベースを検証してみよう
2.4 本章のまとめ
第3章 変数とスコープ
3.1 スコープの定義と重要性
3.2 グローバルスコープとローカルスコープ
_3.2.1 スコープの基本を確認するプログラム
3.3 var の挙動と関数スコープによる問題点
_3.3.1 varで宣言された変数がifブロックを無視するプログラム
3.4 let と constのブロックスコープによる解決
_3.4.1 letとconstのブロックスコープを確認するプログラム
3.5 スコープチェーン
3.6 現代の JavaScript で使う演算子と構文
_3.6.1 厳密な等価演算子(=== と !==)
_3.6.2 テンプレートリテラル
3.7 本章のまとめ
第4章 関数
4.1 関数とは
_4.1.1 関数をつかうメリット
4.2 function
_4.2.1 引数と戻り値を使った関数のプログラム
4.3 無名関数
_4.3.1 引数と戻り値を使った無名関数と関数式のプログラム
4.4 アロー関数
_4.4.1 前項の無名関数をアロー関数で表現したプログラム
4.5 高階関数と配列操作
_4.5.1 高階関数とコールバック関数を実行するプログラム
4.6 本章のまとめ
第5章 配列の操作
5.1 配列の基本操作
_5.1.1 forEach による全件処理
5.2 配列の検索とフィルタリング
_5.2.1 find と findIndex
_5.2.2 filter(復習)
_5.2.3 some と every
5.3 配列の変換と集計
_5.3.1 map(復習)
_5.3.2 reduce
5.4 その他の便利な配列操作
_5.4.1 スプレッド構文(…)
_5.4.2 分割代入
_5.4.3 slice と splice
5.5 本章のまとめ
第6章 オブジェクトとJSON
6.1 オブジェクトとオブジェクトリテラル
_6.1.1 オブジェクトとオブジェクトリテラルを確認するプログラム
6.2 JSONの基本構文と特徴
6.3 JSONのパースと文字列化
_6.3.1 JSON形式の変換操作を行うプログラム
6.4 オブジェクトのその他の便利な機能
6.5 本章のまとめ
第7章 プロトタイプからクラスへ
7.1 コンストラクタ関数
_7.1.1 コンストラクタ関数を用いたプログラム
7.2 プロトタイプとプロトタイプチェーン
7.3 クラス構文
_7.3.1 クラス構文を用いたプログラム
7.4 クラスの継承
_7.4.1 クラスの継承を用いたプログラム
_7.4.2 instanceof 演算子
7.5 本章のまとめ
第8章 DOM操作とイベント
8.1 DOMとは
8.2 モダンなDOM操作
_8.2.1 querySelector と querySelectorAll
_8.2.2 要素の取得と操作のプログラム
8.3 要素の内容とスタイルの変更
_8.3.1 textContent と innerHTML
_8.3.2 classList(add, remove, toggle)
_8.3.3 要素の内容とスタイルを変更するプログラム
8.4 イベント処理
_8.4.1 addEventListener の使い方
_8.4.2 イベントオブジェクトと preventDefault
_8.4.3 イベント処理のプログラム
8.5 動的な要素の追加と削除
_8.5.1 createElement, appendChild, removeChild
_8.5.2 動的リストを作成するプログラム
8.6 スクリプトの実行タイミング
_8.6.1 defer属性とDOMContentLoadedイベント
_8.6.2 defer属性を使ったプログラム
8.7 本章のまとめ
第9章 非同期処理
9.1 非同期処理とは
9.2 シングルスレッドとイベントループ
9.3 setTimeout 命令
_9.3.1 setTimeout命令を実行するプログラム
9.4 コールバック関数とコールバック地獄
_9.4.1 コールバック地獄の例を実行するプログラム
9.5 本章のまとめ
第10章 PromiseとAsync/Await
10.1 Promiseとは
_10.1.1 Promiseオブジェクトを作るプログラム
_10.1.2 Promiseとメソッドチェーンでコールバック地獄を解消するプログラム
10.2 async / await による直感的な記述
_10.2.1 async/awaitを使用したプログラム
10.3 try-catch-finally によるエラーハンドリング
10.4 本章のまとめ
第11章 Ajax通信とFetch API
11.1 Ajaxとは
11.2 Web APIとは
11.3 XMLHttpRequest とは
11.4 Fetch API とは
_11.4.1 Fetch APIを使用したプログラム
11.5 本章のまとめ
第12章 書籍検索・表示アプリ
12.1 当演習の概要
12.2 基本構造の準備
12.3 Fetch APIによるデータ取得の実装
12.4 クラスによるデータ管理とUI反映
12.5 検索機能の実装と全体の結合
12.6 本章のまとめ
第13章 サーバーサイドとのJSON連携
13.1 JavaサーブレットでのJSON返却
_13.1.1 サーブレットでJSONを返却する方法
_13.1.2 Jacksonライブラリの導入
_13.1.3 Jacksonライブラリの使用
_13.1.4 サーブレットのサンプルコード
13.2 フロントエンドでのデータ受信
_13.2.1 Fetch APIでサーブレットと通信
_13.2.2 受信データの表示
13.3 実践演習: TODO管理アプリ
_13.3.1 サーバーサイド側の実装
_13.3.2 フロントエンド側の実装
13.4 本章のまとめ
