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

山口 彩花
山口 彩花
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ヶ月)

  1. 公式テキストを通読(HTML5プロフェッショナル認定試験 対策テキスト&問題集)
  2. MDN Web DocsでHTML5/CSS3の仕様を確認
  3. 実際にコードを書く — 知識だけでなく手を動かすのが大事
  4. 模擬問題で仕上げ(正答率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検定を取得。現在はフリーランスとしてブランディングデザインとイラスト制作を手がけています。

@SOHOで仕事を探してみませんか?

手数料0%・登録無料のクラウドソーシング。フリーランスの方も企業の方も、今すぐ始められます。

関連記事

カテゴリから探す

クラウドソーシング入門

クラウドソーシング入門

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

職種別ガイド

職種別ガイド

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

副業・在宅ワーク

副業・在宅ワーク

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

フリーランス

フリーランス

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

お金・税金

お金・税金

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

比較・ランキング

比較・ランキング

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

最新トレンド

最新トレンド

市場動向・法改正・AIなど最新情報

発注者向けガイド

発注者向けガイド

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

転職・キャリア

転職・キャリア

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

看護師

看護師

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

薬剤師

薬剤師

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

保険

保険

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

採用・求人

採用・求人

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

オフィス・ワークスペース

オフィス・ワークスペース

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

法律・士業

法律・士業

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

シニア・50代

シニア・50代

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

セキュリティ

セキュリティ

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

金融・フィンテック

金融・フィンテック

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

経営・ビジネス

経営・ビジネス

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

ガジェット・機材

ガジェット・機材

フリーランスに役立つPC・デバイス・周辺機器

子育て×働き方

子育て×働き方

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