概要

穴埋め問題 120 問でJavaScript の基礎を体系的に定着させる

想定読者

JavaScript の基本文法をひと通り学んだが、自力でコードを書く力が身についているか不安な学習者。DOM・非同期・Node.js まで一気通貫で確認したい人。

こんな人には向いていない

• すでに業務で JavaScript を日常的に書いており、実装パターンや設計判断の知識を広げたい中級者以上には、問題のカバー範囲が基礎寄りすぎる
• フレームワーク(React / Vue 等)の実践的な使い方を学びたい人には本書の射程外となる
• まったくのプログラミング未経験者には、前提となる変数・型・条件分岐の概念説明が薄い章もあるため、別の入門書を先に読むことを推奨

読了後にできるようになること

• 基本文法・計算処理・関数・制御フローを穴埋め問題で自己採点しながら確認できる
• 文字列操作と正規表現パターンを問題演習で身につけられる
• 配列とオブジェクトの操作手順を反復練習によって定着させられる
• DOM 操作とユーザーインターフェイス処理の基礎的な手順を書ける
• Promise / async-await を使った非同期処理と AJAX の基本的な実装パターンを理解できる
• Node.js でのサーバーサイド処理の概要を、ブラウザ側との対比で把握できる

本書のキー概念(章解説)

• JavaScriptの実行方法と問題の取り組み方 — 環境セットアップと本書の使い方を確認する導入章
• 第 1 章 基本文法と計算処理
• 第 2 章 関数と制御フロー
• 第 3 章 文字列と正規表現
• 第 4 章 データ構造：配列とオブジェクト
• 第 5 章 ブラウザー環境
• 第 6 章 DOMの利用 — 実務で頻出する DOM 操作の基礎が集中している章
• 第 7 章 ユーザーインターフェイスの処理
• 第 8 章 非同期処理とAJAX — Promise / fetch の基礎を問題形式で確認できる
• 第 9 章 Node.jsでのサーバーサイド処理

ハイライト

• 資格試験が存在しない分野の学習において、穴埋め式という形式が「理解しているつもり」を排除する有効な手段として挙げられており、本書が 120 問・適切な難易度・携帯性の観点から選ばれた例として紹介されている。(学習方法論の観点から穴埋め形式の実用性が語られており、本書の形式的な特徴を第三者視点で示す記述)
• 簡単な穴埋めもありますが、ひねった問題や難問もあり、初心者の基本学習から熟練者の力試しまで、楽しいクイズ形式で進められます。解答には詳細な解説があるので、基礎固めからハイレベルな仕組みまでしっかりと習得できます。(本書が単純な穴埋めに留まらず、難問まで含む難易度幅の広さを示す出版社説明文)

外部からの言及

• 資格試験のない技術分野を効率的に学ぶ文脈で、穴埋め式という形式自体が「理解しているつもり」を排除できると評価された上で本書が具体例として挙げられている。問題数 120・難易度の幅・携帯性が選定理由として言及されており、自己学習の方法論を探している層が参照する書籍として位置づけられている(qiita)

編集メモ

Qiita 言及 1 件 / 累計 likes 4。楽天ランキング情報なし。外部シグナルは限定的であり、補完的選択肢と判定

読む前に押さえておきたいこと

• HTMLとCSSの基本的な読み書きができること(要素・属性・セレクタの概念)
• 変数・型・条件分岐・ループという基本的なプログラミング概念をいずれかの言語で一度でも学んだ経験

学習のコツ

• Chapter 0 で動作環境を整えてから各章を順に進むのが基本だが、すでに基本文法に自信がある場合は Chapter 4 以降のデータ構造・DOM 操作から先に取り組み、不明点が出たら前の章に戻る使い方も有効
• 穴埋め問題は「見ながら埋める」のではなく、解答を隠した状態で手書きまたはエディタに入力してから答え合わせをするとインプット偏重を防げる
• Chapter 8(非同期処理・AJAX)は Promise と async/await が混在する構成になっているため、まず Promise の then チェーンを理解してから async/await に進むと混乱が少ない
• 「JavaScriptミニ知識」コラムは本文の補足であり、初読時は問題を解くことを優先して、2 周目で参照する使い方が知識の定着を助ける