資格道場
HTML5プロフェッショナル認定試験レベル2の勉強法とおすすめ参考書【独学合格ガイド】
HTML5プロフェッショナル認定試験レベル2（HTML5 Lv2）は、JavaScriptとブラウザAPIを用いた動的Webアプリケーションの開発スキルを証明する民間資格です。LPI-Japanが実施し、Webフロントエンドエンジニアとしての実装力を客観的に示せます。レベル1の静的マークアップ（HTML/CSS）から一段進み、JavaScriptのコード読解・API活用が中心となるため、難易度は大きく上がります。
- HTML5レベル2の試験概要（Ver2.5）と出題範囲
- 独学で合格するための勉強法
- おすすめ参考書・問題集
- 学習スケジュールの目安
試験概要
HTML5プロフェッショナル認定試験レベル2は、LPI-Japan（特定非営利活動法人エルピーアイジャパン）が実施する認定試験で、現行のバージョンはVer2.5です。レベル1がHTML5マークアップ・CSS・レスポンシブデザインなど静的なWeb制作を対象とするのに対し、レベル2はJavaScript・ブラウザAPI・グラフィックス・通信・セキュリティといった動的Webアプリ開発の実装力を問います。
| 試験名 | HTML5プロフェッショナル認定試験 レベル2（Ver2.5） |
|---|---|
| 実施方式 | CBT方式（全国のピアソンVUEテストセンターで随時実施） |
| 出題形式 | 選択式・記述式（約40〜45問・約80分） |
| 合格率 | 非公表 |
| 受験料 | 16,500円（税込） |
| 受験資格 | 受験は誰でも可。ただしレベル2認定にはレベル1認定が前提 |
| 有意性（認定有効期間） | 認定日から5年 |
レベル2の試験そのものは誰でも受験できますが、レベル2として認定されるにはレベル1の認定が必要です。レベル1未認定のままレベル2試験に合格した場合は「レベル2試験合格」の扱いにとどまり、レベル1認定を取得した時点で正式にレベル2認定となります。まだレベル1を取得していない方は、先にレベル1合格を目指しましょう。
出題範囲（Ver2.5）
レベル2は大きく5つの領域から出題されます。いずれもJavaScriptのコードを読み、その動作や結果を答える問題が中心です。単なる用語暗記では太刀打ちできず、実際にコードを書いて動作を理解しているかが問われます。
出題分野
- JavaScript（ES6以降）：変数スコープ、クロージャ、プロトタイプ、this、アロー関数、Promise / async-await、モジュール、分割代入、スプレッド構文など言語仕様全般
- ブラウザAPI（DOM・イベント・Window・History）：DOM操作（querySelector・要素生成）、イベント（addEventListener・伝播・委譲）、Windowオブジェクト、History API、Location など
- グラフィックス・メディア：Canvas（2D描画）、SVG、video/audio、WebGLの基礎など
- ストレージ・通信：Web Storage（localStorage / sessionStorage）、IndexedDB、Cookie、fetch / XMLHttpRequest、WebSocket、Server-Sent Events など
- デバイスアクセス・性能・セキュリティ：Geolocation、デバイスAPI、Web Workers、Service Worker、パフォーマンス、CORS・同一オリジンポリシー・XSS対策などのセキュリティ
レベル2は「次のコードの実行結果は？」「このコードの問題点は？」といった実コードを読ませる設問が多数を占めます。クロージャ・this・非同期処理（Promise/async-await）・イベント伝播など、つまずきやすいテーマは必ず手を動かして確認しましょう。
おすすめ勉強法【3ステップ】
1JavaScriptの言語仕様を固める（3〜4週間）
レベル2の土台はJavaScript（ES6以降）です。まずは変数スコープ・クロージャ・プロトタイプ・this・アロー関数・Promise/async-awaitといった言語仕様を、参考書とともに必ずブラウザのコンソールやエディタで動かしながら理解しましょう。特にクロージャと非同期処理は出題頻度が高く、コードを読んで実行結果を即答できるレベルが目標です。
2ブラウザAPIを実装して体得する（3〜4週間）
DOM操作・イベント・Canvas・ストレージ・通信（fetch / WebSocket）などのブラウザAPIは、小さなサンプルを自分で作って動かすのが最も効率的です。「ボタンを押すと要素を追加する」「localStorageにデータを保存して再表示する」「fetchでJSONを取得して描画する」など、ミニアプリを作ると記憶に定着します。
HTML5プロフェッショナル認定試験レベル2 の問題を解く →
3過去問・一問一答でコード読解力を磨く（2〜3週間）
仕上げは問題演習です。レベル2はコードの実行結果や不具合を問う設問が多いため、一問一答や模擬問題でコードを読むスピードと正確性を鍛えます。間違えた問題は「なぜその結果になるのか」を必ずコードで再現して確認しましょう。CORS・XSSなどセキュリティ分野は概念の正確な理解が得点に直結します。
学習スケジュールの目安
JavaScript初学者の場合（約3ヶ月・120〜150時間）
| 期間 | 内容 | 1日の目安 |
|---|---|---|
| 1〜4週目 | JavaScript言語仕様（ES6）を写経しながら習得 | 1.5〜2時間 |
| 5〜8週目 | ブラウザAPI（DOM・Canvas・ストレージ・通信）の実装演習 | 1.5時間 |
| 9〜12週目 | 過去問・一問一答でコード読解・セキュリティ補強 | 1〜1.5時間 |
JavaScript経験者の場合（約2ヶ月・80時間前後）
| 期間 | 内容 | 1日の目安 |
|---|---|---|
| 1〜2週目 | ES6新機能・非同期処理の整理（苦手分野中心） | 1時間 |
| 3〜5週目 | ブラウザAPIの仕様確認・サンプル実装 | 1時間 |
| 6〜8週目 | 過去問演習・セキュリティ/性能分野の補強 | 1時間 |
おすすめ参考書・問題集
合格者が選ぶTOP3を、用途別（教科書／問題集／過去問）に紹介します。書影・著者・出版社情報付きで詳しく確認できます。
分野別学習戦略【優先度・所要時間・つまずきポイント】
レベル2はJavaScript言語仕様が全分野の土台です。ここが固まらないとAPIもセキュリティも理解できません。下表の優先度と時間配分を目安に、コード読解力を最大化しましょう。
| 分野 | 優先度 | 配分時間 | つまずきポイント |
|---|---|---|---|
| JavaScript（ES6以降） | ★★★★★ | 35〜50時間 | クロージャ・this・プロトタイプの挙動が直感に反する。非同期処理（Promise / async-await）の実行順序を読み違えやすい |
| ブラウザAPI（DOM・イベント・Window・History） | ★★★★☆ | 20〜30時間 | イベントの伝播（キャプチャ/バブリング）・委譲の理解不足。DOM API名の混同（querySelector / getElementById等） |
| Canvas・グラフィックス・メディア | ★★★☆☆ | 10〜15時間 | Canvas 2Dコンテキストの座標系・描画順序。SVGとCanvasの使い分け |
| ストレージ・通信 | ★★★★☆ | 15〜20時間 | localStorage / sessionStorage / Cookie / IndexedDB の用途と永続性の違い。fetch の Promise チェーンと WebSocket のイベント |
| デバイス・性能・セキュリティ | ★★★★☆ | 10〜20時間 | 同一オリジンポリシー・CORS・XSSの概念混同。Web Workers / Service Worker の役割違い |
レベル2はあらゆる分野でJavaScriptのコードが登場します。言語仕様（特にクロージャ・this・非同期処理）を最優先で固め、その土台の上にAPI・通信・セキュリティを積み上げるのが最短ルートです。
JavaScript（ES6以降）— 手を動かして挙動を確認
クロージャ・this・プロトタイプチェーン・アロー関数・Promise/async-await・分割代入・スプレッド構文などを、必ずコンソールで実行して結果を確認。「このコードは何を出力するか」を即答できることが目標です。
ブラウザAPI — DOMとイベントを実装で覚える
DOM操作（要素の取得・生成・削除）とイベント（addEventListener・伝播・イベント委譲）は、小さなサンプルを作って体得。Window/History APIはSPAのページ遷移と絡めて理解すると定着します。
ストレージ・通信 — 永続性と用途の違いを整理
localStorage（永続）/ sessionStorage（タブ単位）/ Cookie（サーバ送信）/ IndexedDB（大容量・構造化）の違いを表で整理。fetch のPromiseチェーン、WebSocket の双方向通信、SSE の一方向通信を区別しましょう。
セキュリティ — 概念を正確に
同一オリジンポリシー・CORS・XSS・CSRF の仕組みと対策を正確に理解。CORSは「なぜブロックされ、どう許可するか」、XSSは「入力のエスケープ」など、実装と結びつけて覚えると確実です。
直前期チェックリスト【2週間前・1週間前・前日】
レベル2はCBT通年実施のため受験日は自分で設定できますが、直前2週間の過ごし方で合否が変わります。下記チェックリストで「やり忘れ」を防止しましょう。
📋 試験2週間前まで
- クロージャ・this・非同期処理（Promise/async-await）のコードを即読解できる
- DOM操作・イベント伝播・イベント委譲のサンプルを自力で書ける
- localStorage / sessionStorage / Cookie / IndexedDB の違いを説明できる
- fetch・WebSocket・SSE の使い分けが整理できている
- 同一オリジンポリシー・CORS・XSS の対策を説明できる
📋 試験1週間前
- 過去問・模擬問題を複数回解き、コード読解問題で安定して正答できる
- 苦手分野（多くはthis・非同期・CORS）のテキストを再読
- Canvas 2Dの基本メソッド・SVG の基本を再確認
- CBT予約日時・ピアソンVUE会場・所要時間を再確認
- 本人確認書類（運転免許証等2点が必要な場合あり）を準備
📋 試験前日
- 朝の起床時間で生活リズムを整える
- 頻出API名・メソッド名を軽く流し読みのみ
- 新しい範囲には手を出さない（自信喪失防止）
- 持ち物最終チェック（本人確認書類）— CBTは私物持込不可
- 十分な睡眠を確保
❌ 新しい難問・模試への挑戦（点数が悪いとメンタル低下）
❌ 深夜までの詰込み（当日の集中力低下）
❌ 未学習APIの新規暗記（混乱の元）
✅ やるなら「知っている仕様・メソッドの再確認」のみ
本試験当日の戦略【時間配分・解答順・見直し】
レベル2はCBT方式で約40〜45問を約80分。1問あたり約2分弱。コード読解問題に時間を取られやすいため、時間配分が重要です。
⏰ タイムスケジュール
| タイミング | 行動 |
|---|---|
| 受験30分前 | ピアソンVUE会場に到着・本人確認・私物をロッカーへ |
| 受験直前 | 着席・操作チュートリアル（フラグ・見直し機能を確認） |
| 試験 約80分 | 約40〜45問（選択式・記述式） |
| 終了直後 | 画面で合否・スコア表示 |
📝 推奨解答順序
| 順序 | 対象・解法 | 狙い |
|---|---|---|
| ① | 用語・仕様の知識問題（短文設問） | スピード解答で得点を確保・精神安定 |
| ② | 短いコード読解問題 | 確実に実行結果を読み取る |
| ③ | 長文コード・複合API・記述式 | 最後にじっくり取り組む |
| ④ | 見直し・フラグ問題再検討 | 「自信なし」とフラグした問題を優先 |
🎯 見直しの優先順位
- 未解答の問題（CBTは未解答=0点。最低でも勘で選択）
- 「自信なし」とフラグを付けた問題（読み直しで正答に変わることが多い）
- 非同期処理・クロージャ・thisを扱うコード読解（読み違いが起きやすい）
- CORS・XSS などセキュリティの概念問題（早合点に注意）
❌ 1問に時間をかけすぎない → フラグを付けて飛ばす
❌ コードを流し読みで判断しない（変数の代入・スコープを丁寧に追う）
✅ 選択肢は消去法で絞る
✅ 非同期処理は実行順序を1行ずつ追う
✅ CBT終了ボタンは慎重に — 押すと提出確定で見直し不可
まとめ
HTML5プロフェッショナル認定試験レベル2は、JavaScriptとブラウザAPIによる動的Web開発力を証明する資格です。ポイントは：
- JavaScript（ES6以降）の言語仕様を最優先で固める
- ブラウザAPIは小さなサンプルを作って体得する
- コード読解問題が多いため、必ず手を動かして学習する
- 受験料は16,500円・CBTで随時受験可能・合格率は非公表
- レベル2認定にはレベル1認定が前提
関連IT資格
HTML5レベル2合格後、あるいは並行して学ぶと相乗効果が高いIT資格を紹介します。
- HTML5プロフェッショナル認定試験 レベル1 - HTML/CSS/レスポンシブの静的Web制作を認定。レベル2認定の前提資格
- ITパスポート試験 - IT全般の基礎を体系的に学べる国家資格。Web開発の周辺知識を補完できる
- 基本情報技術者試験（FE） - アルゴリズム・プログラミング・DBまで踏み込むIT技術者の登竜門
- G検定（ジェネラリスト検定） - AI・ディープラーニングの基礎知識を認定。生成AI時代の必須スキル
HTML5プロフェッショナル認定試験レベル2 一問一答 →