未経験からのWeb制作フリーランス独立ロードマップ——1年計画

Web制作フリーランスとして独立するための1年間の月別マイルストーン。学習→ポートフォリオ→初案件→独立の流れを具体的に示します。WordPress vs Reactの選択指針も解説。

Side-Shift編集部·
フリーランスWeb制作独立WordPressReactロードマップ

なぜWeb制作フリーランスが初心者に向いているのか

IT未経験からフリーランスへの転身として、Web制作は最も実現しやすいルートのひとつだ。理由は3つある。第一に、成果物(Webサイト)が目に見えてクライアントに提示しやすい。第二に、学習リソースが豊富で独学コストが低い。第三に、副業として小さく始めてから独立できるため、リスクが低い。

ただし「フリーランスになれば自由になれる」という幻想は危険だ。収入の不安定さ、社会保険の自己負担、確定申告の手間——これらを踏まえた上で、計画的に準備する必要がある。会社員とフリーランスの手取り差については会社員 vs フリーランス 手取り比較で詳しく解説している。

この記事では、未経験から1年でWeb制作フリーランスとして独立するための月別ロードマップを示す。

前提: WordPressかReactかを最初に決める

Web制作を学ぶ前に、どの技術スタックで進むかを決める必要がある。主な選択肢はWordPressとReact(Next.js)だ。

WordPressを選ぶべき人

  • 中小企業のホームページ制作を受けたい(市場規模が大きい)
  • コーディングより提案・デザイン・運用が好き
  • 1年以内に独立したい(WordPressの方が早く実案件に入れる)
  • 案件単価: 30〜80万円/件(サイト制作)、月額3〜10万円(保守運用)

Reactを選ぶべき人

  • Webアプリ・SaaSのフロントエンド開発をやりたい
  • プログラミングが好きで技術を深掘りしたい
  • 時間をかけてスキルを磨いてから独立したい(学習期間が長い)
  • 案件単価: 月60〜120万円(フリーランスエンジニア)

コスパの面では、未経験からの1年独立ロードマップにはWordPress(HTML/CSS/PHP基礎を加えて)の方が現実的だ。以下のロードマップはWordPressを軸に進める想定で書いている。

月別マイルストーン——1年間の学習・独立計画

1〜2ヶ月目: Web制作の基礎を固める

目標: HTML・CSSで静的Webページを作れる状態になる

  • HTML基礎(タグの種類、フォーム、テーブル、セマンティクス)
  • CSS基礎(Flexbox、Grid、レスポンシブデザイン、擬似クラス)
  • 学習リソース: Progate(HTML/CSSコース、月額1,078円)、MDN Web Docs(無料)
  • 実践: 自分のプロフィールページを作る

週5〜10時間の学習で2ヶ月あれば基礎は固まる。

3〜4ヶ月目: WordPressとデザインを習得する

目標: WordPress+Figmaでサイト制作の一通りを経験する

  • WordPress: テーマカスタマイズ、プラグイン活用、ACF(カスタムフィールド)基礎
  • Figma: ワイヤーフレーム作成、デザインカンプ作成、コンポーネント管理
  • SEO基礎: h1〜h6の使い方、メタタグ、PageSpeed Insights
  • PHP基礎: WordPressのテンプレートタグを読める・書けるレベル

マイルストーン: 架空の企業サイト(TOP・会社概要・サービス・お問い合わせの4ページ)をWordPressで構築し、GitHub・Portfolioサイトに掲載する。

5〜6ヶ月目: 副業として最初の案件を受ける

目標: 低単価でよいので実案件1〜2本をこなす

  • クラウドワークス・ランサーズでLP制作・コーディング案件に提案(単価1〜5万円)
  • 知人・友人の事業用サイトを無料〜格安で制作しポートフォリオを実例に変える
  • 実案件で得たフィードバックをもとにポートフォリオを更新する

この段階ではお金より「実績をポートフォリオに掲載できる許可」を得ることが大切だ。

7〜9ヶ月目: 単価を上げて月収20〜30万円の見通しを立てる

目標: 副業で安定的に月5〜10万円を稼ぎ、年収の見通しを立てる

  • 単価10〜30万円の案件を受けられるよう、ポートフォリオと提案文を磨く
  • 保守運用の継続案件(月3〜10万円)を複数確保する
  • 専門特化: ECサイト特化、医療系特化、採用サイト特化など、ニッチに強みを作る
  • Webデザインも合わせてできるなら、Webデザイン副業ガイドも参照する

副業収入が月20〜30万円の見込みが立ってきたら、独立の準備を始めるタイミングだ。

10〜12ヶ月目: 独立準備と法人化検討

目標: フリーランスとして独立できる状態を整える

  • 開業届の提出(税務署に提出、無料)と青色申告承認申請書の提出
  • 国民健康保険・国民年金への切り替えシミュレーション(社会保険の自己負担額を計算)
  • 3〜6ヶ月分の生活費を現金で確保する
  • 退職時期の調整: ボーナス後・雇用保険の受給資格確認
  • 請求書・契約書のテンプレートを用意する

開業届と青色申告の手順はフリーランスの開業届と青色申告で詳しく解説している。

1年後のフリーランス収入の現実的な目標

未経験から1年で独立した場合の年収の現実的な目安:

  • 1年目: 年収200〜350万円(案件獲得に時間がかかる月がある)
  • 2〜3年目: 年収400〜600万円(継続案件と紹介が増えてくる)
  • 5年目以降: 年収600万円以上(専門特化・チーム化で上を目指せる)

1年目は会社員より収入が下がる可能性がある。それでも独立する価値があるか——その答えは個人の価値観による。「自由な時間の設計」「自分で仕事を選ぶ裁量」「副業との掛け合わせで収入の天井がない」——これらを重視するなら、計画的な準備のもとで1年独立ロードマップは十分実現可能だ。

本記事の収入目安は一般的な参考値であり、実際の収入は個人のスキル・市場環境・稼働時間によって大きく異なります。独立・開業にあたっては、税理士・社会保険労務士等の専門家にご相談されることをお勧めします。

独立後の収入安定化——リピート案件と紹介ルートを作る

フリーランスとして独立した最初の1年は、案件獲得に苦労することが多い。安定した収入を作るための核心は「継続案件」と「紹介」だ。単発の制作案件だけでは毎月ゼロから案件を探す必要があり、精神的・時間的な負担が大きい。これを解決するのが、制作後の「保守運用」を提案する習慣だ。月3〜8万円でWordPressの更新対応・バックアップ・セキュリティ管理を請け負うと、毎月安定した収入になる。制作案件が3〜5社の継続案件に変われば、月15〜40万円のベースが作れる。

紹介ルートは、既存クライアントへの丁寧な対応から生まれる。「知り合いに同じようなサイトを作りたい人がいたら紹介してください」と一言添えるだけで、紹介経由の案件が増えてくる。紹介案件は提案不要で受注できるため、獲得コストがほぼゼロという大きなメリットがある。

独立前チェックリスト——この7項目を確認してから動く

独立を焦る必要はない。以下の7項目が揃ってから動くと、最初の6ヶ月を乗り越えやすくなる。

  • ☑ 生活費3〜6ヶ月分を現金で確保している
  • ☑ 副業で月20万円以上を3ヶ月連続で稼げている
  • ☑ 継続案件が最低2件ある
  • ☑ 開業届・青色申告承認申請書の手続き方法を理解している
  • ☑ 国民健康保険の月額を計算し、手取りへの影響を把握している
  • ☑ ポートフォリオサイトに実績が3件以上掲載されている
  • ☑ 請求書・契約書のテンプレートを用意している

7項目のうち5つ以上揃っていれば、独立のタイミングとして現実的だ。焦って飛び込むより、副業期間に実績と貯金を積み上げてから独立する方が長続きする。