HTML5プロフェッショナル認定資格とは｜副業で活きる価値と取り方

Q: Q. 単価アップのために、人間中心設計（HCD）などの資格は取得すべきでしょうか？

はい、非常に有効な手段です。資格取得の過程でUI/UXの理論を体系的に学べるだけで なく、専門知識を客観的に証明できるため、高単価なUXリサーチ案件や、プロダクト戦 略から関わる上流工程の案件を獲得する際の強力な武器となります。

2026年2月14日

山口彩花

この記事のポイント

✓HTML5プロフェッショナル認定資格の全体像を実務目線で解説
✓Level.1とLevel.2の違い
✓難易度・合格率・受験料

HTML5プロフェッショナル認定資格を調べているあなたは、おそらく「この資格は取る価値があるのか」「Web制作の副業に本当に効くのか」を判断したい段階だと思う。

結論から言うと、Web制作のコーディング副業を狙うなら、まずLevel.1を取る価値は十分にある。第三者機関が認めたHTML5/CSS3の基礎スキル証明になり、案件応募時の信頼と単価交渉の材料になるからだ。ただしLevel.2まで一気に取る必要は必ずしもない。この記事では、資格の中身・難易度・費用と、副業でどう活きるかを実務目線で整理する。

HTML5プロフェッショナル認定資格とは｜Level.1とLevel.2の違い

HTML5プロフェッショナル認定資格は、LPI-Japan（特定非営利活動法人エルピーアイジャパン）が実施する、HTML5・CSS3・JavaScriptの技術力を認定するベンダーニュートラルな民間資格だ。名称は「HTML5」だが、CSS3やレスポンシブ、通信技術まで含む「モダンなWeb標準技術」全般を問う点が特徴になる。

レベル	出題範囲	対象者	受験料（税込）
Level.1	HTML5/CSS3マークアップ、レスポンシブ、マルチメディア	Web制作初級〜中級	16,500円
Level.2	JavaScript、WebAPI、動的コンテンツ、通信	Webアプリ開発者	16,500円

ざっくり言えば、Level.1はHTML/CSSのコーディングスキル、Level.2はJavaScriptのプログラミングスキルを問う。デザインカンプをHTMLに落とし込むコーディング副業が中心ならLevel.1から、Webアプリ開発まで広げたいならLevel.2まで、という順番で考えると迷わない。

Level.1で問われる知識

Level.1の出題範囲は実務に直結する内容ばかりで、丸暗記より「実際に書いた経験」が効く。

HTML5のセマンティクス（article、section、nav等の正しい使い方）
CSS3のレイアウト（Flexbox、Grid）
レスポンシブWebデザイン
マルチメディア（video、audio、canvas）
Web関連の通信技術の基礎

特にセマンティクスHTMLとレスポンシブデザインは、Webデザインの案件で毎回使う知識だ。ここが曖昧なままだと、見た目は動いても保守しづらいコードになりやすい。

運営者の視点：資格そのものより「証明として使えるか」で価値が決まる

@SOHOで在宅ワーク・業務委託の案件と受注者を見ていると、Web制作系の募集で効いているのは「資格名の権威」そのものよりも、その資格を通じて示せる基礎の確かさだと感じる。発注者が不安なのは、依頼したコーダーがセマンティクスやレスポンシブの基本を外していないか、という一点であることが多い。HTML5プロフェッショナル認定資格は、その不安を先回りで埋める材料として機能しやすい。プロフィールに資格だけを並べるより、資格で学んだ内容が反映されたポートフォリオと併記されている応募のほうが、話が前に進みやすい傾向がある。

もう一つ、@SOHOは手数料0で発注者と受注者が直接やり取りできる仕組みなので、両者の距離が近く、認識のズレが早い段階で表に出やすい。だからこそ、基礎スキルの裏付けと丁寧なコミュニケーションが揃っている人ほど、初回の依頼から継続につながりやすいと感じる。なお、資格の有無に関わらず、身元がはっきりしない相手や、着手前に高額な前払いを求めてくる募集には注意してほしい。信頼できる相手と誠実に取引を重ねることが、副業を安定させる近道になる。

副業でこの資格が効くシーン

1. コーディング案件の受注率アップ

案件に応募するとき、プロフィールに「HTML5プロフェッショナル認定 Level.1」と書いてあると、クライアントの安心感が違う。デザイナーがカンプを作り、コーダーがHTMLに落とし込む案件は常に需要がある。この受注率を上げるのに、資格は地味だけど確実に効く。

2. 単価交渉の材料になる

「HTML/CSSできます」と「HTML5プロフェッショナル認定Level.1保有」では、クライアントの受け取り方が変わる。後者は第三者機関が認めたスキルだからだ。自己申告と客観的証明の差は、初対面の相手ほど大きく効く。

3. コーディングの品質が上がる

資格の学習を通じて、セマンティクスの正しい使い方やアクセシビリティの基礎を体系的に学べる。これは実務の品質に直結する。正しいHTMLを書けるコーダーは、意外と少ない。

Web制作の副業案件と単価の目安

案件タイプ	単価目安	必要スキル
LPコーディング（1ページ）	2万〜5万円	HTML/CSS
企業サイト（5〜10ページ）	10万〜30万円	HTML/CSS/JS
WordPressテーマカスタマイズ	5万〜15万円	HTML/CSS/PHP
レスポンシブ対応	3万〜10万円	CSS/レスポンシブ

単価はあくまで市場でよく見る目安で、案件の規模や修正回数、クライアントとの関係で上下する。Level.1を持っていれば、上の表のいずれの案件にも自信を持って応募できる土台になる。

Level.2まで取るべきか？

Level.2はJavaScriptの深い知識が問われる。WebSocket、Web Workers、Canvas APIなど。副業でWebアプリケーション開発（React、Vue.js等）を受けたいなら取る価値がある。

ただ、コーディング案件が中心ならLevel.1で十分。Level.2の学習時間を、Reactなどのフレームワーク学習に充てた方が、副業の幅は広がるケースも多い。自分が狙う案件の方向から逆算して決めるのがいい。

試験の出題形式と難易度・合格率の実態

受験前に、試験の形式と難易度を客観的に把握しておきたい。周囲のWeb制作副業者を見てきた限り、「資格名だけで簡単そう」と思って臨んだ結果、不合格になり受験料16,500円を無駄にした人が一定数いる。事前準備の重要性を理解する意味でも、試験の実態を整理する。

試験形式は次の通りだ。CBT方式（Computer Based Testing）で、ピアソンVUEの全国試験会場で随時受験可能。試験時間は90分、問題数は約60問、出題形式は多肢選択（単一選択・複数選択・記述）の組み合わせ。合格基準は得点率約65〜70%（試験回によって変動あり）。受験申込はオンラインで24時間可能で、最短で翌週の試験日が選べる柔軟性が特徴だ。

合格率は公式には非公開だが、業界関係者の情報を総合すると、Level.1で60〜70%程度、Level.2で40〜50%程度と推定される。「IT資格としては高い合格率」だが、これは「準備した受験者の合格率」であり、独学で十分準備せずに受けた場合の体感的な合格率はもっと下がる。出題範囲はHTML5・CSS3・レスポンシブデザイン・マルチメディア・通信技術・APIなど広範に渡り、丸暗記では太刀打ちできない。実際にコードを書いた経験があることが、合格の前提になる。

IT分野のスキル標準を整備する独立行政法人情報処理推進機構（IPA）も、体系的なスキルの可視化と継続的な学習の重要性を示している。

ITスキル標準（ITSS）等の枠組みは、IT人材が保有する知識・スキルを客観的に可視化し、キャリア形成や人材育成の指標として活用することを目的としている。

出典: 情報処理推進機構（IPA）

合格戦略としては、まず公式テキストを2周通読、次に過去問または模擬問題集を3周以上、最後に弱点分野を重点復習という王道アプローチが効く。さらに、CodePenやStackBlitzなどのオンラインエディタで実際にコードを書きながら学ぶ習慣が、本番での「あの構文どう書くんだっけ」を防ぐ。学習時間の目安はWeb制作実務経験1年以上の人で40〜60時間、未経験者なら100時間程度を確保したい。試験対策と並行して、自分のポートフォリオサイトをHTML5・CSS3で1サイト制作しておくと、合格と実務の両面で投資効果が大きい。

学習ロードマップ

Level.1取得まで（学習期間：1〜2ヶ月）

公式テキストを通読（HTML5プロフェッショナル認定試験対策テキスト&問題集）
MDN Web DocsでHTML5/CSS3の仕様を確認
実際にコードを書く。知識だけでなく手を動かすのが大事
模擬問題で仕上げ（正答率80%以上が目安）

独学のコツ

ポイントは知らなかったHTML要素やCSS属性を見つけたら、すぐにCodePenで試すこと。読むだけでは定着しない。毎日30分でも、手を動かす時間を積み重ねるほうが、まとめて詰め込むより合格に近づく。

相性の良い資格との組み合わせ

Web制作の副業を本格的にやるなら、関連資格の組み合わせが効果的だ。

資格	組み合わせ効果
Webクリエイター能力認定	Web制作の総合力証明
Illustratorクリエイター	デザイン+コーディングの一気通貫
Photoshopクリエイター	画像加工もできるコーダーに
色彩検定	配色提案ができるWebコーダー
SEO検定	SEOを意識したコーディング

副業のステップアップ戦略

Level.1を取得して、コーディング副業で実績を積んだら、次のステップも考えよう。

ステップ	内容	目安収入
Step 1	Level.1取得 → LPコーディング	月3万〜8万円
Step 2	WordPress習得 → サイト構築	月8万〜15万円
Step 3	Level.2取得 → Webアプリ開発	月15万〜25万円
Step 4	React/Vue習得 → SPA開発	月20万〜40万円

Level.1はあくまでスタートライン。そこからWebデザインのスキルを広げていくことで、副業の収入は着実に伸びる。

副業案件獲得後のクライアント対応で差をつける実務スキル

資格取得とコーディングスキルだけでは、副業で安定して稼ぎ続けることはできない。実は、案件獲得後の「クライアント対応スキル」こそが、リピート率と紹介率を決定づける最重要要素だ。

第一に「初回ヒアリングの質」。クライアントから「LP1枚作ってほしい、予算5万円」と相談された時、即座に見積もるのではなく、「目的は集客か、商品販売か」「想定ターゲットは誰か」「既存の素材（ロゴ・写真・ブランドカラー）は揃っているか」など、丁寧なヒアリングを実施する。これにより後の修正回数が激減し、結果としてクライアント満足度が高まる。第二に「進捗報告の頻度と粒度」。週1回以上の定期進捗報告（メール等で5分で読める形式）が信頼関係の基盤になる。「今週やったこと・来週やる予定・現在の懸念点」の3点セットで報告すると、安心して任せてもらえる関係になる。第三に「修正対応の境界線」。契約時に修正回数の上限を明記しておき、無制限の修正要求を防ぐ。同時に、契約範囲内の修正には迅速に対応する姿勢でリピート率を高める。

中小企業庁のフリーランス・業務委託取引に関する情報でも、契約条件の明確化と適正な取引の重要性が示されている。

業務委託契約におけるトラブル防止には、業務範囲・報酬・納期・修正対応の上限等を契約段階で明確化し、双方が合意したうえで取引を進めることが重要とされている。

出典: 中小企業庁

実務的な進め方として、案件着手前に「業務範囲・納期・修正回数・報酬・支払い条件」をまとめた1ページの確認書を送り、クライアントの明示的同意を得ておく。これだけで「言った言わない」のトラブルを大きく減らせる。さらに納品時には「動作確認手順書」「修正方法の簡易マニュアル」「今後の運用に関する推奨事項」をセットで提供すると、追加保守契約や次回案件の獲得につながりやすい。技術スキルとコミュニケーションスキルの両輪を磨くことが、副業成功の方程式になる。

Web制作副業の確定申告と税務処理の実務

Web制作の副業で毎月まとまった収入を稼げるようになると、税務処理が必須になる。確定申告を放置すると、後から追徴課税や延滞税で思わぬ負担が生じるリスクがある。適切な知識があれば防げる事故だ。

副業Web制作で押さえるべき税務ポイントを整理する。第一に「申告義務の判定」。本業給与所得とは別に、副業の所得（売上−経費）が年間20万円を超える場合は所得税の確定申告が必要になる。20万円以下でも住民税の申告は別途必要だ。第二に「経費計上できる主要項目」。PC・モニター・周辺機器、デザインソフトのサブスク費用、ドメイン代・サーバー代、書籍・オンライン講座、業務用ソフトウェア、自宅家賃の業務按分、通信費、取引先との打合せ交通費など。第三に「青色申告のメリット」。開業届と青色申告承認申請書を税務署に提出すれば、要件を満たすことで青色申告特別控除が使え、節税につながる。

国税庁も、副業所得の申告義務と青色申告制度について明示している。

給与所得者で、給与所得・退職所得以外の所得金額の合計額が20万円を超える場合は、所得税の確定申告が必要となる。事業所得として申告する場合、青色申告制度の活用により特別控除等の特典を受けることができる。

出典: 国税庁

実務的な進め方として、副業を始めた時点で開業届と青色申告承認申請書を税務署に提出し、会計ソフトを導入して毎月の売上・経費を継続的に記帳しておく。手数料0%で直接取引できる@SOHOのようなプラットフォームで売上を伸ばしつつ、青色申告と適切な経費計上で課税所得を最適化する。この両輪が、副業を無理なく続けるための土台になる。