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


この記事のポイント
- ✓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を意識したコーディング |
よくある質問
Q: HTML5プロフェッショナル認定は「古い」と言われるけど?
HTML5という名前は確かにレガシーに聞こえる。でも試験内容はCSS3やレスポンシブデザインなど、現在のWeb制作で使う技術がしっかりカバーされている。名前に惑わされないで。
Q: 実務経験なしでも取れる?
Level.1なら取れる。ただし、試験に合格しても実務で使えなければ意味がない。学習と並行して、自分のポートフォリオサイトを作ることをおすすめする。
Q: Webクリエイター能力認定試験とどっちがいい?
どちらもWeb制作系の資格だけど、HTML5プロフェッショナルの方が技術的に深い。企業のエンジニア向け。Webクリエイターはデザイン寄り。自分の副業スタイルに合わせて選ぼう。
Q: 資格の有効期限はある?
HTML5プロフェッショナル認定の有効期限は5年間。期限が切れる前に再認定試験を受ける必要がある。ただ、5年の間にWeb技術は大きく変わるから、再認定は知識のアップデートとしても有意義だ。
副業のステップアップ戦略
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デザインのスキルを広げていくことで、副業の収入は着実に伸びる。
@SOHOで資格を活かそう

この記事を書いた人
山口 彩花
デザイナー兼イラストレーター
美大卒業後、広告代理店でグラフィックデザイナーとして6年間勤務。色彩検定1級、DTP検定を取得。現在はフリーランスとしてブランディングデザインとイラスト制作を手がけています。
関連記事
カテゴリから探す

クラウドソーシング入門
クラウドソーシングの基礎知識・始め方・サイト比較

職種別ガイド
職種・スキル別の案件獲得方法と単価相場

副業・在宅ワーク
副業・在宅ワークの始め方と対象者別ガイド

フリーランス
フリーランスの独立・営業・実務ノウハウ

お金・税金
確定申告・節税・経費・ローンなどお金の知識

比較・ランキング
サービス比較・おすすめランキング

最新トレンド
市場動向・法改正・AIなど最新情報

発注者向けガイド
クラウドソーシングで外注・人材探しをする企業・個人向け

転職・キャリア
転職エージェント・転職サイト比較・キャリアチェンジ

看護師
看護師の転職・副業・フリーランス・キャリアガイド

薬剤師
薬剤師の転職・副業・キャリアパスガイド

保険
生命保険・医療保険・フリーランスの保険設計

採用・求人
無料求人掲載・採用コスト削減・人材募集の方法

オフィス・ワークスペース
バーチャルオフィス・コワーキング・レンタルオフィス

法律・士業
契約トラブル・士業独立開業・フリーランス新法

シニア・50代
シニア世代のキャリアチェンジ・副業・年金

セキュリティ
サイバーセキュリティ・脆弱性対策・情報保護

金融・フィンテック
暗号資産・決済・ブロックチェーン・金融テクノロジー

経営・ビジネス
経営戦略・ガバナンス・事業承継・知財

ガジェット・機材
フリーランスに役立つPC・デバイス・周辺機器

子育て×働き方
子育てと在宅ワークの両立・保育園・時間管理







