【合格体験記】「HTML5プロフェッショナル認定試験Lv1（ver2.5）」オンライン試験で合格！

つい先程、「HTML5プロフェッショナル認定試験Lv1（ver2.5）」に合格しました。
というわけで、この試験に向けて取り組んだことや、実際の試験内容をある程度解説していきます。

○こんな方にオススメ
・HTML5プロフェッショナル認定試験Lv1を受験予定
・ver2.5の変更点について知りたい
・オンライン試験はどんな感じなのか知りたい

こちらの記事もオススメ！

おすすめ記事「webコーダー」は、web業界における事務職みたいな感じです

この記事を読む

※関連記事は最後にまとめて紹介します

筆者のスキル・情報

ぱっかん
30歳（受験時）
html/cssをメインとするweb制作者

フリーランスだったり制作会社だったりで普段からwebコーディング業務に打ち込んでいます。
だから本試験は諸に「得意分野」だったわけですが、実際に勉強してみると、「htmlの事2割程度しか知らなかったんだな」と思い知らされました。

HTML5プロフェッショナル認定試験Lv1とは？

HTML5プロフェッショナル認定とは、HTML5、CSS3、JavaScriptなど最新のマークアップに関する技術力と知識を、公平かつ厳正に、中立的な立場で認定する認定制度です。
引用：試験概要｜Web資格なら「HTML5プロフェッショナル認定試験」公式サイト

HTML5はもちろん、cssやAPI、HTTPに関するあらゆる問題が出題されます。
実際に取得することで、htmlマークアップスキルの高さをアピールできます。

出題範囲などは公式をご覧ください↓
HTML5プロフェッショナル認定試験レベル1 出題範囲（Ver2.5）｜試験概要｜Web資格なら「HTML5プロフェッショナル認定試験」公式サイト

60問出題され、合格点は7割です。（合格点は「公式には公開されてない」といろんなメディアに書いてありますが、試験後のスコアレポートに普通に書いてあります。秘密保持のポリシーに違反する可能性がある為伏せているものと思われます）

バージョン2.5は何が違うのか？

2022年2月から、バージョンが2.0から2.5に上がりました。
実際の差分は公式で公開されています。

公式ドキュメント▼
html5_lv1_ver25.pdf

一部「アプリケーションキャッシュ（キャッシュマニフェスト）の削除」など具体的に添削された箇所がありますが、変更箇所のほとんどが「出題範囲のカテゴライズ変更」といった感じで、ver2.0の参考書でも問題なく合格できると思います。（後述するPing-Tでは、キャッシュマニフェストについてもバッチリ取り扱っていますが、ここは捨ててOK）

というか本試験については、参考書とかも2017年製等の古いのものが多く、調べていく上で「非推奨」になった情報も多く解説されたままの状況です。（公式のサンプル問題ですら廃止された問題が存在します）

例えばkeygen要素とかmenuitems要素とか、参考書で解説されていても、恐らくほぼ間違いなく出題されないと思います。（当然実務では使わない）

というわけで「ver2.5に関する心配」は全くしなくて大丈夫です！

筆者の受験対策（勉強内容）

購入（登録）した有料コンテンツ

いろんな人が「Ping-tのみで受かった」って言ってるけど、そもそもPing-Tって何よ？という人はこちら▼

Ping-Tとは: 400問以上のhtml5プロフェッショナル試験に関する問題を収録しているwebサービス。
各ジャンルごとに出題させたり、実際の模擬試験に近い形式で問題を解けます。
解説内容も参考書バリに濃厚。
また、自動で苦手問題等をカテゴライズしてくれるので、学習の効率もかなり良くオススメ。

Ping-Tは本当に便利で、スキマ時間でスマホで解いたりしてました。

実際の対策の流れは以下の通り。

20日後くらいを目処に試験予約
まず「HTML5プロフェッショナル認定試験レベル1 対策テキスト＆問題集　Ver2.0対応版」を1日かけて軽く流し読み（4時間くらい）
全体像を把握したところで、細かくテキストエディタでメモを取りながら読み込む（15時間くらい）
Ping-tの有料コンテンツを購入。模擬試験を受けたり、練習問題を解きまくる（20時間くらい）
公式のサンプル問題にチャレンジ
もう一度「HTML5プロフェッショナル認定試験レベル1 対策テキスト＆問題集　Ver2.0対応版」を読み直す（Ping-Tに慣れすぎて意外と抜け落ちてる点が多かった）
Ping-Tの合格体験記を読む（←コレ大事。勉強初日にやれば良かった）
引き続きスキマ時間にPing-Tや参考書を読んで試験を迎える

まず、「問題」については、練習か本試験かに関わらず、僕は以下のコンテンツを解いてきたことになります。

本試験
Ping-T
参考書に付いてる軽い問題集
公式のサンプル問題

これらを難易度順に並べ直すと以下の通りです。

公式のサンプル問題（一番難しい）
参考書に付いてる軽い問題集
Ping-T
本試験（一番簡単）

地味に「本試験」が一番簡単だったので、どの練習問題を解いても力は付くと思います。

逆に「公式のサンプル問題」が一番難しかったですね。
だから公式サンプルを見て自信を無くさないでください。

例えば出題形式が「～を3つ選びなさい」か「全て選びなさい」という違いだと、難易度がかなり変わってくると思います。

そして僕が解いてきた練習問題はどれも「3つ選びなさい」という形式だったので、変に消去法が使えてしまい、実践ではもっと難しいんじゃないのかと勘ぐっていました。（サンプル問題だけは“全て選びなさい”が非常に多い。しかも一部“全て正解だった”というイジワルもある）
しかし本試験はほぼ全部「○つ選びなさい」だったので、消去法が使えて楽勝でした。

オススメの学習法は、とりあえず「参考書読み込み」と「Ping-T解きまくる」です。

Ping-Tは便利で楽しいです。
ちゃんと消去法を使わないよう注意して解けば、しっかり力は付きます。

後は実際にエディタを使ってマークアップしていくのも有効です。
Code Pen等のサービスを使って、タグやcssの動きを見て覚えると、当然ながら身につきます。