Web制作の副業は、HTML/CSSなどのスキルを身につけ、クラウドソーシングで小さな案件から実績を積むのが王道の始め方です。初心者はバナー1枚3,000円〜やLP1件2万円前後からスタートし、慣れてくると月5万〜30万円を目指せます。本記事では必要スキル・学習の進め方・案件の取り方・単価相場・手数料・確定申告まで、2026年6月時点の情報で順を追って解説します。
この記事の要点
- 必要スキルはHTML/CSSが土台。JavaScript・WordPressで案件の幅が広がる
- 案件はクラウドワークス・ランサーズ・ココナラなどで獲得。実績ゼロでも応募可
- 副業の所得が年20万円を超えたら確定申告が必要（2026年6月時点）
目次
- Web制作の副業とは？仕事内容と向いている人
- 必要なスキルと学習ロードマップ
- 案件の取り方（クラウドソーシング比較）
- 収入・単価の目安
- 始め方の5ステップ
- 確定申告など税金の注意点
- よくある質問（FAQ）
Web制作の副業とは？仕事内容と向いている人
Web制作の副業とは、企業や個人事業主のWebサイト・ランディングページ（LP）・バナーなどを、本業のかたわら制作して報酬を得る働き方です。在宅・スキマ時間で完結しやすく、案件によっては週1日や1日1時間からでも取り組めるものがあります。
扱う仕事は幅広く、難易度の低い順に大きく次のように分かれます。
- バナー・SNS画像制作：PhotoshopやIllustrator（または無料のCanva等）の基本操作だけで取り組め、コーディング不要。最初の実績作りに向く
- コーディング：デザインデータ（デザインカンプ）をHTML/CSSでWebページに起こす作業。Web制作副業の中心
- LP制作：1枚もので訴求する縦長ページ。デザイン＋コーディングが必要だが単価が高め
- WordPress構築・カスタマイズ：CMSを使ったサイト制作。世界のWebサイトの約3割がWordPressで作られており需要が大きい
向いているのは、コツコツ学習を続けられる人、納期を守れる人、そして「学習しただけで満足せず、実際に営業（提案）まで踏み出せる人」です。多くの初心者は学習は進めても、案件への応募・提案の段階で止まってしまいがちなので、ここを越えられるかが分かれ目になります。
必要なスキルと学習ロードマップ
Web制作の副業に必要な中核スキルは次の通りです。いきなり全部を完璧にする必要はなく、HTML/CSSから順番に積み上げます。
習得すべきスキル
- HTML / CSS：Webサイトの骨組み（HTML）と装飾・デザイン（CSS）を作る基礎言語。すべての土台
- JavaScript / jQuery：アニメーションやポップアップなど動きを加える。対応できると単価が上がる
- WordPress：更新しやすいサイトを作るCMS。案件需要が大きく、収入を伸ばす鍵
- デザインツール：Photoshop・Illustrator・Figma・Canvaなど。バナーやLP制作で使う
独学の学習ステップ（期間の目安）
独学で進める場合の一般的な流れと目安期間は次のとおりです（人により前後します）。
| ステップ | 内容 | 期間の目安 |
|---|---|---|
| 1 | Progate等でHTML/CSSの基礎に触れる | 3〜5日 |
| 2 | 書籍でHTML/CSSの基礎を固める | 7〜14日 |
| 3 | デザインカンプから模写コーディング | 20〜30日 |
| 4 | JavaScript / jQueryを学ぶ | 3〜7日 |
| 5 | WordPressの構築・カスタマイズを学ぶ | 2〜4週間 |
独学が不安ならプログラミングスクールおすすめ比較2026｜料金・転職保証・選び方も参考になります。費用を抑えたい人はプログラミング独学の始め方｜初心者のロードマップと挫折しないコツを先に読むと、つまずきポイントを避けやすくなります。
案件の取り方（クラウドソーシング比較）
初心者の案件獲得の中心はクラウドソーシングとスキルマーケットです。小規模案件が多く、実績ゼロからでも応募できます。代表的な3サービスのシステム手数料を比較します（2026年6月時点）。
| サービス | システム手数料 | 特徴・向いている人 |
|---|---|---|
| クラウドワークス | 5〜20%（報酬額により段階変動） | 案件数が多い。高額案件ほど手数料率が下がり、10万円超の案件で有利 |
| ランサーズ | 16.5%（一律） | 手数料が一律で計算しやすい。10万円以下の案件で手取りが読みやすい |
| ココナラ | 22%（一律） | 自分のスキルを”商品”として出品できる。バナー等の小口を待ち受け型で売りたい人向け |
手数料は手取りに直結します。たとえば報酬5万円の案件なら、ランサーズ（16.5%）の手取りは約4万1,750円、ココナラ（22%）は約3万9,000円、クラウドワークスは5万円の場合手数料20%で手取り約4万円といった具合です。ざっくり言えば10万円以下の案件はランサーズ、10万円超はクラウドワークス、スキル出品型はココナラが目安になります。
最初の案件を取るコツ
- ポートフォリオを用意する：架空サイトの模写・自作LPでも可。「作れる証拠」が応募の説得力になる
- 提案文を案件ごとに書き分ける：テンプレ丸投げは通りにくい。相手の要望に触れて差別化する
- 最初は単価より実績と評価：低めの案件で高評価を積み、徐々に単価を上げていく
- 納期と連絡を丁寧に：リピートや紹介につながり、営業コストを下げられる
収入・単価の目安
案件の種類・スキルレベルで単価は大きく変わります。代表的な目安は次のとおりです（実績やクライアントにより変動）。
| 案件タイプ | 単価の目安 | 難易度 |
|---|---|---|
| バナー・SNS画像 | 1枚 3,000〜10,000円 | 低（実績作り向き） |
| LPデザイン（初心者） | 1件 2万〜5万円 | 中 |
| LP（構成・提案込み） | 1件 15万〜25万円 | 中〜高 |
| 数ページの企業サイト | 5万〜20万円 | 中 |
| WordPress構築・カスタマイズ | 10万〜30万円 | 中〜高 |
| ECサイト・大規模開発 | 数十万〜100万円超 | 高 |
月収ベースでは、副業のみで取り組む場合の目安は月10万〜30万円程度。Webデザイナーとして経験を積むと月30万〜60万円、ディレクション領域まで広げると月20万〜70万円といったレンジも見られます。ただしこれは案件を継続的に獲得できた場合の目安で、初心者はまず月5万円を最初のゴールに置くと現実的です。
始め方の5ステップ
- HTML/CSSを学ぶ：まずは無料サービスや書籍で基礎を固める
- 模写コーディングで練習する：既存サイトを再現し、手を動かして定着させる
- ポートフォリオを作る：自作サイトや模写作品をまとめ、提案時に提示できるようにする
- クラウドソーシングに登録して応募する：バナーや小規模案件から実績と評価を積む
- 単価を上げ、領域を広げる：JavaScriptやWordPress対応で受注の幅と単価を伸ばす
副業の収益化全般の進め方はブログの始め方｜初心者が収益化までにやること2026の考え方も応用できます（自分のサイトを作る練習がそのままWordPressの実績にもなります）。
確定申告など税金の注意点
副業で収入が出たら、税金のルールも押さえておきましょう（以下は2026年6月時点の一般的な扱い。個別判断は税務署・税理士に確認を）。
- 所得20万円超で確定申告が必要：給与所得者の場合、副業の「所得（収入−経費）」が年20万円を超えると確定申告が必要。判定は売上ではなく経費を引いた後の所得で行う
- 20万円以下でも住民税の申告は必要：所得税の確定申告が不要でも、住民税の申告は別途必要になる点に注意
- 開業届：副業が小規模で雑所得に該当する場合は開業届は不要。帳簿・請求書などを保存し事業所得として扱う場合は提出を検討する
経費（書籍代・ツール利用料・通信費の一部など）を正しく計上すれば、課税対象を抑えられます。具体的な手続きは副業の確定申告のやり方｜20万円の壁・経費・必要書類を解説で詳しく確認してください。なお、プログラミング全般の入口を広げたい人はPython入門の学習方法｜初心者が何から始めるか完全ガイド2026もあわせてどうぞ。
よくある質問（FAQ）
Q. 未経験・初心者でもWeb制作の副業はできますか？
A. できます。バナー制作など難易度の低い案件から始め、HTML/CSSを学びながら実績を積むのが現実的です。ただし学習だけで止まらず、応募・提案まで踏み出すことが収入化の分かれ目になります。
Q. どれくらいの期間で稼げるようになりますか？
A. 学習に集中できれば数か月で最初の案件を獲得する人もいます。HTML/CSSの基礎に数週間、模写コーディングに1か月前後が目安。まずは月5万円を最初のゴールにすると続けやすいです。
Q. WordPressは必須ですか？
A. 必須ではありませんが、対応できると受注の幅と単価が大きく広がります。世界のWebサイトの約3割がWordPress製で需要が大きいため、HTML/CSSの次に学ぶ価値が高いスキルです。
Q. 会社にバレずに副業できますか？
A. 勤務先の就業規則をまず確認してください。住民税の納付方法（普通徴収の選択など）も関係します。判断に迷う場合は税理士や自治体に相談しましょう。
Q. クラウドソーシングとスキルマーケットはどう使い分ける？
A. クラウドソーシング（クラウドワークス・ランサーズ）は発注された案件に応募する形式、ココナラなどのスキルマーケットは自分のスキルを出品して待つ形式です。最初は応募型で実績を作り、慣れたら出品型も併用すると安定しやすくなります。
まとめ
Web制作の副業は、HTML/CSSの基礎 → 模写で練習 → ポートフォリオ → クラウドソーシングで応募 → 単価アップという流れで、未経験からでも始められます。まずは月5万円を目標に、小さな案件で実績と評価を積み上げましょう。WordPressやJavaScriptに対応できるようになれば、月10万〜30万円も現実的な射程に入ります。
本記事の単価・手数料・税制は2026年6月8日時点の情報です。手数料率や制度は変わる可能性があるため、各サービス・国税庁などの公式情報で最新の内容を確認してください。
最終更新日: 2026-06-08
コメントを残す