HTML5プロフェッショナル認定試験でWeb制作の副業力アップ

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

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

2026年2月14日

山口彩花

この記事のポイント

✓HTML5プロフェッショナル認定試験の取得がWeb制作の副業にどう役立つかを解説
✓Level.1とLevel.2の違い
✓副業案件の種類と単価を紹介します

Web制作の副業を始めて3年。最初はHTMLとCSSの独学だけでコーディング案件を受けていたけど、正直、自分のスキルレベルが合っているのか不安だった。

HTML5プロフェッショナル認定試験を受けたのは、自分の知識を体系的に整理したかったから。結果として、案件の幅も広がった。Web制作の副業に興味がある人に向けて、この資格のリアルな価値を書いていく。

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

LPI-Japanが実施する、HTML5・CSS3・JavaScriptの技術力を認定する試験。

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

Level.1はHTML/CSSのコーディングスキル、Level.2はJavaScriptのプログラミングスキルを問う。Web制作の副業ならLevel.1から始めるのがおすすめ。

Level.1で問われる知識

Level.1の出題範囲は実務に直結する内容ばかり。

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

特にセマンティクスHTMLとレスポンシブデザインは、Webデザインの案件で毎回使う知識だ。

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

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などのフレームワーク学習に充てた方が副業の幅は広がる。

学習ロードマップ

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

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

独学のコツ

私の場合、毎日30分ずつ勉強して6週間で合格した。ポイントは知らなかったHTML要素やCSS属性を見つけたら、すぐにCodePenで試すこと。読むだけでは定着しない。

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

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デザインのスキルを広げていくことで、副業の収入は着実に伸びる。

試験の出題形式と合格率の実態

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

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

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

経済産業省のIT人材政策でも、技術系資格の継続的なスキル証明の重要性が示されている。

IT技術者の継続的な学習とスキル証明は、急速に進化するデジタル技術への対応力を担保する上で重要であり、ベンダー資格・公的資格を含む各種認定試験の活用が、個人のキャリア形成と企業の人材育成の両面で推奨されている。出典: meti.go.jp

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

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

資格取得とコーディングスキルだけでは、副業で安定して稼ぎ続けることはできません。実は、案件獲得後の「クライアント対応スキル」こそが、リピート率と紹介率を決定づける最重要要素です。私自身、3年間の副業で50件超の案件をこなしてきた経験から、実利に直結する対応スキルを整理します。

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

中小企業庁のフリーランス取引適正化指針でも、契約条件の明確化と進捗管理の重要性が示されています。

業務委託契約におけるトラブル防止には、契約書での業務範囲・報酬・納期・修正対応の上限等の明確化、定期的な進捗報告と双方の合意プロセス整備、成果物の検収基準の事前合意等が不可欠であり、これらが取引の長期継続性を担保する基盤となる。出典: chusho.meti.go.jp

実務的な進め方として、案件着手前に「業務範囲・納期・修正回数・報酬・支払い条件」をまとめた1ページの確認書をPDFで送付し、クライアントの押印または明示的同意を得ます。これだけで「言った言わない」のトラブルを95%回避できます。さらに、納品時には「動作確認手順書」「修正方法の簡易マニュアル」「今後の運用に関する推奨事項」をセットで提供することで、追加保守契約や次回案件の獲得確率が飛躍的に上がります。技術スキルが10点満点で7点でも、コミュニケーションスキルが10点なら受注継続は確実。逆に技術10点でもコミュニケーション3点なら一発契約で終わる世界。両輪を磨くことが副業成功の方程式なんですよ。

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

Web制作の副業で月10〜30万円を稼げるようになると、税務処理が必須になります。私の知人ライターは、副業3年目で年収300万円を達成したものの、確定申告を放置して2年後に税務調査が入り、追徴課税と延滞税で約60万円を支払う羽目になりました。これは適切な知識があれば完全に防げた事故です。

副業Web制作で押さえるべき税務ポイントを整理します。第一に「申告義務の判定」。本業給与所得とは別に、副業の所得（売上−経費）が年間20万円を超える場合は所得税の確定申告が必須。20万円以下でも住民税の申告は別途必要です。第二に「経費計上できる主要項目」。PC・モニター・周辺機器（10万円未満は一括経費）、Adobe Creative Cloud（月7,000円程度）、ドメイン代・サーバー代（年1〜3万円）、書籍・オンライン講座（Udemy等）、業務用ソフトウェア、自宅家賃の業務按分（業務スペース面積比で20〜30%）、通信費（業務利用時間比）、取引先との打合せ交通費・食事代。第三に「青色申告のメリット」。開業届と青色申告承認申請書を税務署に提出すれば、青色申告特別控除最大65万円が使えます。年商300万円規模でも、青色申告で年間10〜15万円の節税効果が得られます。

国税庁の確定申告制度でも、副業所得の申告義務と節税策が明示されています。

給与所得者で、給与所得・退職所得以外の所得金額の合計額が20万円を超える場合は、所得税の確定申告が必要となる。事業所得として申告する場合、青色申告制度の活用により最大65万円の特別控除や、家族への給与の必要経費算入等の特典を受けることができる。出典: nta.go.jp

実務的な進め方として、副業を始めた時点で開業届と青色申告承認申請書を税務署に提出（無料・郵送可）、freeeまたはマネーフォワードクラウド確定申告などの会計ソフト（月額1,000円程度）を導入、毎月の売上・経費を継続的に記帳します。さらに、住民税の納付方法を「自分で納付（普通徴収）」に切り替えることで、副業収入が本業の会社にバレるリスクを最小化できます（確定申告書第二表の「住民税に関する事項」欄でチェック）。年商500万円を超えたら税理士相談（顧問料月額1〜2万円）を検討すべき水準です。手数料0%プラットフォームで売上を最大化し、青色申告と適切な経費計上で課税所得を最小化する。この両輪が、副業を会社員時代より自由で豊かな生活に変える方程式なんですよ。