本文へスキップ
ウェブエンジニア問題集

BOOK / 全28章

JavaScript入門 — 非同期処理からDOMまで

変数・関数・非同期処理からDOM操作・Web APIまで、JavaScriptの基礎を実務目線で整理する入門書です。チートシート的に必要な章だけ拾い読みしても、1章から通して読んでも使えます。

28

章

387分

読了目安

0円

すべて無料

目次(全28章)

  1. 01
    変数宣言とスコープ — var・let・constの違いと使い分け
    約11分
  2. 02
    JavaScriptのデータ型と型変換 — プリミティブ・typeof・オブジェクトの違い
    約16分
  3. 03
    演算子と式 — 等価比較・短絡評価・オプショナルチェーン
    約10分
  4. 04
    制御構文 — if・switch・for・whileの実務パターン
    約15分
  5. 05
    関数とアロー関数 — 定義方法・this・デフォルト引数
    約13分
  6. 06
    オブジェクト操作 — プロパティアクセスとObjectの静的メソッド執筆中
    約4分
  7. 07
    【配列メソッド早見表】やりたいことから選ぶチートシート
    約16分
  8. 配列メソッド 1
    配列の変換メソッド — map・filter・reduce・forEach
    約16分
  9. 配列メソッド 2
    配列の検索・判定メソッド — find・some・every
    約7分
  10. 配列メソッド 3
    配列のコピー・結合メソッド — slice・concat・浅いコピー
    約9分
  11. 配列メソッド 4
    配列の破壊的メソッド — sort・splice・push と非破壊の代替
    約16分
  12. 配列メソッド 5
    配列の初期化・平坦化メソッド — Array.from・fill・flat・flatMap
    約12分
  13. 08
    文字列操作・正規表現チートシート — replace・split・sliceの実践ガイド
    約25分
  14. 09
    分割代入とスプレッド構文 — 配列・オブジェクト・引数を横断するイディオム
    約14分
  15. 10
    プロトタイプとclass構文 — 継承モデルの仕組みを理解する執筆中
    約1分
  16. 11
    thisの正体 — 呼び出しパターンごとの挙動を整理する
    約13分
  17. 12
    クロージャ — スコープチェーンとデータの隠蔽
    約10分
  18. 13
    非同期処理の基本 — コールバック・Promise・async/await
    約18分
  19. 14
    エラーハンドリング — try/catch/finally・カスタムエラー・非同期のエラー
    約18分
  20. 15
    モジュールシステム — import/exportとCommonJSの違い
    約14分
  21. 16
    DOM操作の基本 — 要素取得・イベント・preventDefault
    約29分
  22. 17
    Map・Set・WeakRef — コレクションの使いどころ
    約19分
  23. 18
    イテレータとジェネレータ — for...ofの裏側を知る
    約16分
  24. 19
    ProxyとReflect — メタプログラミング入門執筆中
    約1分
  25. 20
    知っておきたいWeb API — fetch・Storage・IntersectionObserver
    約23分
  26. 21
    数値の扱いと計算 — toFixed・四捨五入・0.1+0.2問題・Mathの実践ガイド
    約16分
  27. 22
    日付と時刻の操作 — Dateの生成・フォーマット・差分計算と月0始まりの罠
    約12分
  28. 23
    JSONの基礎と実践 — stringify・parseの引数、ディープコピー、よくある落とし穴
    約13分

この本で学べること

JavaScriptはWebブラウザで動作するプログラミング言語で、フロントエンドからバックエンドまでWeb開発のあらゆる場面で使われています。本書では、変数宣言(var/let/const)やスコープの基礎から、関数・オブジェクト・配列の操作、非同期処理(Promise/async-await)、DOM操作、Web APIまでを23章にわたって体系的に解説します。実務で必要になる知識を「なぜそうなるのか」まで掘り下げて整理しているので、初学者はもちろん、曖昧だった基礎を固め直したい経験者にも最適です。

なぜ学ぶべきか

JavaScriptはフロントエンド開発の必須言語であり、React・Vue・Next.jsなどのフレームワークもすべてJavaScriptの上に成り立っています。Node.jsによるバックエンド開発、ElectronによるデスクトップアプリなどJavaScriptの活用範囲は年々広がっており、1つの言語を深く理解することでWeb開発全体の生産性が大きく向上します。求人市場でも需要が最も高い言語の一つです。

前提知識

プログラミング未経験でも読み進められますが、HTMLの基本(タグの意味、ページの構造)を知っていると学習がスムーズです。

学習トピック

変数・スコープ・データ型

var/let/constの違い、ブロックスコープと関数スコープ、プリミティブ型と参照型、型変換の仕組みを基礎から学びます。

関数・クロージャ・this

関数宣言とアロー関数の違い、クロージャの仕組み、thisの束縛ルールなど、JavaScript特有の挙動を理解します。

オブジェクト・配列・分割代入

オブジェクトと配列の操作メソッド、スプレッド構文、分割代入、プロトタイプチェーンまでを実践的に学びます。

非同期処理(Promise / async-await)

コールバック、Promise、async/awaitの3つのパターンを段階的に理解し、実務で頻出する非同期処理を自信を持って書けるようになります。

DOM操作・Web API

ブラウザのDOM操作、イベント処理、Fetch API、LocalStorageなど、ブラウザ環境で使えるAPIを学びます。

モジュール・エラーハンドリング

ESModulesによるコード分割、try-catchによるエラー処理、デバッグのコツを身につけます。

こんな方におすすめ

  • プログラミングをこれから始める方
  • HTML/CSSは書けるがJavaScriptは苦手な方
  • ReactやVue.jsに進む前に基礎を固めたい方
  • JavaScriptの曖昧な理解を整理し直したい経験者

よくある質問

JavaScript初心者でも読めますか?
はい。プログラミング未経験者を想定して、変数や関数などの基礎概念から順番に解説しています。各章は独立しているため、わからない部分があれば飛ばして後から戻ることもできます。
TypeScriptとJavaScriptのどちらを先に学ぶべきですか?
まずJavaScriptの基礎を固めることをおすすめします。TypeScriptはJavaScriptに型を追加した言語なので、JavaScriptの仕組み(スコープ、非同期処理、プロトタイプなど)を理解していないとTypeScript固有の機能も十分に活かせません。
この本だけでWebアプリを作れるようになりますか?
本書でJavaScriptの基礎力は身につきますが、実際のアプリ開発にはReactやNext.jsなどのフレームワーク、HTML/CSS、そしてバックエンドの知識も必要です。本書を土台として、次のステップに進みやすくなります。
クイズと教科書はどう使い分ければいいですか?
まずクイズで自分の理解度をチェックし、間違えた問題や曖昧だったテーマを教科書で深掘りするのが効率的です。教科書を一通り読んでからクイズで腕試しする使い方もおすすめです。