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を意識したコーディング |
副業のステップアップ戦略
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デザインのスキルを広げていくことで、副業の収入は着実に伸びる。
よくある質問
Q. LP制作の案件を獲得するために、持っておくと有利な資格はありますか?
デザインスキルを直接証明する資格も重要ですが、クライアントとの円滑なやり取りを証明する「ビジネス文書検定」などは、信頼性を高める上で意外と効果的です。また、Web周りのインフラ知識を証明する「CCNA」などがあれば、サーバー関連のトラブルにも強いデザイナーとして重宝されます。
Q. 資格を活かせる副業案件はどこで探すのが効率的ですか?
大手のクラウドソーシングサイトで「資格名」で検索するほか、最近では「プロフェッショナル副業」に特化したエージェントサービスを利用するのが近道です。また、自身のSNSやブログで専門知識を発信し、直接DM等で相談を受ける体制を整えるのも有効な戦略となります。
Q. 最初に取得すべきおすすめの資格はありますか?
データの読み解き方を学ぶ「Google アナリティクス認定資格(GAIQ)」や、マーケティング全体の基礎を体系化できる「ウ ェブ解析士」がおすすめです。また、ライティングの延長線上としてSEOのルールを深 く学べる「SEO検定」も、知識の穴を埋めるのに役立ちます。
Q. 単価アップのために、人間中心設計(HCD)などの資格は取得すべきでしょうか?
はい、非常に有効な手段です。資格取得の過程でUI/UXの理論を体系的に学べるだけで なく、専門知識を客観的に証明できるため、高単価なUXリサーチ案件や、プロダクト戦 略から関わる上流工程の案件を獲得する際の強力な武器となります。
@SOHOで資格を活かして稼ぐ
取得した資格を活かせる案件や、資格取得に使える教育訓練給付金の対象講座を@SOHOで一覧できます。
@SOHOで関連情報をチェック
お仕事ガイド
年収データベース
資格ガイド

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

AIが30分を5秒に短縮!議事録音声文字起こしツールで会議後の残業をゼロにする

ブラウザだけでOK!音声議事録作成アプリでインタビューや商談を即座にテキスト化

在宅ワークを始める高齢者向けパソコン5選!文字の見やすさと操作性で比較

高齢者のパソコン選び2026!在宅ワークに必要なスペックと安く買うコツ

議事録作成文字起こしをAIで爆速化!在宅ワークの生産性を3倍に上げる最新ツール

会議中にメモを取る時代は終わり!議事録自動ツール導入で生産性を10倍高める方法

文字起こしの地獄から解放!【議事録作成ツール】で会議後の作業を5分で終わらせる裏ワザ

会議の文字起こしが数分で完了!aigijirokuの精度とフリーランスの時短術
カテゴリから探す

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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