プログラマーへの登竜門（HTML5プロフェッショナル認定資格レベル１合格体験談）

<h1>はじめに</h1>
これからWEB関連の資格を取りたいけど実際、何をすればいいのかわからない！
もしくは、これからプログラマーになりたいけど何か手頃な資格勉強ない？
この記事はそんな方向けに向けた、WEB資格に関する実践的なアプローチ方法を自身の体験を踏まえ話していきたいと思います。

<h1>HTML5プロフェッショナル認定資格を取ろう！！</h1>
まず結論からいうと、HTML5プロフェッショナル認定資格がおすすめだと提言します。
一応HTML5プロフェッショナル認定資格の事を説明すると、特定非営利活動法人（NPO）エルピーアイジャパン（LPI-Japan）によって実施されている、HTML5を活用したWebページやWebアプリケーションなどのデザインや設計、構築に関する体系だった知識とスキルを備えたHTML5の専門家を中立の立場で公平・厳正に認定する資格です。
詳しくは<a href="https://html5exam.jp/">こちらの公式サイト</a>をご覧ください。

<h2>なぜHTML5プロフェッショナル認定資格を薦めるのか</h2>
私がこの資格を進める理由として、大きく分けて以下の３つの理由があります。<h3><ol><li>ITエンジニアやWebエンジニアの客観的な証明になる</li><li>インプット・アウトプット双方の対策が可能な言語の試験</li><li>プログラミング言語を理解する基礎知識になる</li></ol></h3>それでは、早速１つ１つ解説していきましょう。

<h4>ITエンジニアやWebエンジニアの客観的な証明になる</h4>
HTML5プロフェッショナル認定資格は、そもそもWEB系の資格としてかなりの定評のある資格として有名です。WEB系で代表的な資格として、<a href="https://www.sikaku.gr.jp/web/wc/">Webクリエイター能力認定試験</a>、<a href="https://www.webdesign.gr.jp/">ウェブデザイン技能検定</a>、そして<a href="https://html5exam.jp/">HTML5プロフェッショナル認定資格</a>があります。
その中で、HTML5プロフェッショナル認定資格はHTML5、CSS3及びJavaScriptを主体とした資格であり、WEBページのコーディング力を図る資格でもあります。そのため、WEBページのコーディングスキルを客観的に証明する資格として有効な資格となりえます。

<h4>インプット・アウトプット双方の対策が可能な言語の試験</h4>
IT系の資格（特に言語系）は基本的に正しくプログラムを動かせるかを聞くものが多いです。それらの専門用語を理解するために、専門書（オンライン教材）を読み込み知識をインプットする必要があります。
しかし、実際に試験対策をやってみると分かるのですが、いかんせんインプットでの試験対策は非常に非効率的です。（概念を聞く問題はその限りではありませんが…）
何となく頭では分かっていても、実際に手を動かすとなると中々思い通りにいかない事がプログラマーには多々あります。それゆえ、IT系の資格はそのシチュエーションを想定したような問題が多数出てきます。
そのため、IT系の資格には<b>インプットだけはなく、アウトプットを行う必要があります。つまり、学習した知識を実際に手を動かして、どのように動作するか体感的に理解する必要があります。</b>
その中で、HTML（CSS）はPythonやRubyなどといったプログラミング言語とは異なり、環境構築をあまり考慮せず、ローカルPC上に直接表現可能な言語ーーつまりアウトプット・インプットの対策が最も行いやすい言語となります。

<h4>プログラミングを理解する基礎知識になる</h4>
これは本格的にプログラマーになると分かる感覚なのですが、プログラミングは１つのプログラミング言語をある程度理解すると、他のプログラミング言語も理解できるようになります。これはどういう事かというと、プログラミング言語は多少の差異はあれこそ、基本的なコードの性質は一部共通であり、いざ他のプログラミング言語をやる時「このコードなんかやった事がある」という感触を持てます。
HTML（CSS）はマークアップ言語と厳密にはプログラミング言語ではないのですが、HTMLのセクション要素やCSSの詳細度などは、（pythonでおける）関数や条件文などに通じたりします。そのため、HTML（CSS）プログラミングを理解する上でとっかかりやすい、基礎知識になります。

<h2>HTML5プロフェッショナル認定資格とはどのような試験?</h2>
今回、私が受験したのはHTML5プロフェッショナル認定資格レベル１なので、HTML5プロフェッショナル認定資格レベル１について話します。試験内容を話すとざっとこんな感じです。

<h5>試験名</h5>HTML5プロフェッショナル認定試験 レベル1（HTML5 Professional Certification Level.1）
<h5>受験料</h5>15000円
<h5>望まれるスキルレベル</h5>
●HTML5を使ってWebコンテンツを制作することができる。
●ユーザ体験を考慮したWebコンテンツを設計・制作できる。
●スマートフォンや組み込み機器など、ブラウザが利用可能な様々なデバイスに対応したコンテンツを制作できる。
●HTML5で何ができるか、どういった技術を使うべきかの広範囲の基礎知識を有する。
<h5>問題数及び合格点</h5>
全60問（合格点70%以上）
<h5>出題範囲</h5><ol><lh>1.Webの基礎知識</lh><li> HTTP, HTTPSプロトコル</li></li><li>HTMLの書式</li><li>Web関連技術の概要</li></ol><ol><lh>2.CSS</lh><li> スタイルシートの基本</li></li><li>CSSデザイン</li><li>カスケード（優先順位）</li></ol><ol><lh>3.要素</lh><li>要素と属性の意味（セマンティクス）</li></li><li>メディア要素</li><li>インタラクティブ要素</li></ol><ol><lh>4.レスポンシブWebデザイン</lh><li>マルチデバイス対応ページの作成</li></li><li>メディアクエリ</li><li>スマートフォンサイト最適化</li></ol>

<h1>試験対策について</h1>
前置きが長くなりました。
ここで、私が実践した実際の試験対策について語ろうと思います。
私はHTML5プロフェッショナル認定資格レベル１に合格するため、試験対策では以下の教材・機器を使いました。<h3><ol><li>オンライン教材（ping-t）</li><li>参考書</li><li>アウトプット機器（Visual Studio Code）</li></ol></h3>

それでは、こちらも１つ１つ解説していきましょう。

<h4>オンライン教材（ping-t）</h4>
オンライン上で使用したインプット教材は、<a href="https://ping-t.com/">ping-t</a>を使用しました。こちらのサイトはHTML5プロフェッショナル認定資格を運営している団体、LPI-JAPANが公式に認めている教材サイトです。HTML5プロフェッショナル認定資格は勿論の事、ネットワーク関連資格であるCCNAやサーバサイドで扱うLPICなどの問題を取り扱っております。（私の場合はネットワーク関連の資格CCNA取得のために使用していました）
私はこのサイトを活用し、模擬試験の正答率が9割近くなるまで対策を行いました。

<h4>参考書</h4>オンライン教材と並列して、<a href="https://img.hmv.co.jp/image/jacket/800/92/8/9/069.jpg">HTML教科書 HTML5プロフェッショナル認定試験 レベル2 スピードマスター問題集 Ver2.0対応</a>をインプット教材として扱いました。
ping-tのサイト問題集は選択式の問題集なため、回答がパターン化され内容をよく理解しないで進めているんじゃないかと危惧し、購入しました。こちらはサブテキストとしてping-tでカバーしきれなかった問題を回収する目的で進めている感じでした。

<h4>アウトプット機材（Visual Studio Code）</h4>
上記の2点はインプット教材のため、最後はその学習内容を実際に表現するためローカルPC上にアウトプットするように心がけました。メモ帳に書いて実践するのはひどくナンセンスだと感じたため、私はエディタでVisual Studio Codeを使用しました。こちらはエディタのため、HTMLの要素の配置関係やCSSのカスケードをエディタ側で識別してくれるため、かなり楽に編集が可能となり、アウトプットの試験対策に最適でした。

<h1>ちなみに結果は</h1>
結論を申し上げると、無事合格しました。
初めは私もオンラインサイト（参考書）で学んだHTML（CSS）内容をノートに書き留めてインプットしていましたが、やはり設問内容が少し応用になるとかなり困惑する場面が多々ありました。そのため後半では極力、エディタで表現するように心がけていくようにしました。
そして、次の目標はHTML5プロフェッショナル認定資格の上位資格、HTML5プロフェッショナル認定資格レベル2（HTML5 Professional Certification Level.2）を目標にしています。

<h1>WEBページは最もアウトプットしやすい言語</h1>
WEBページはPythonやRubyといったプログラミング言語とは異なり、簡単にそのWEBページの結果をローカルPC上に表現する事が可能です。
お気づきの人もいるかもしれませんが、実はこの記事もHTML5の形式に従って記述しています。WEBページが使えるとこういったちょっとした場面でとても役立ちます。

<h1>最後に</h1>
ここまで、お読み下さりありがとうございます。この記事が、これからエンジニアに向けて挑戦する方の力になれば幸いです。