1. はじめに
Web制作で副業を始めたいと思っても、 「何から学べばいいの？」「どうやって案件を取るの？」と迷ってしまう人が多いです。
この記事では、私の経験をもとに40代、未経験からでも副業Web制作で稼げるようになるまでのロードマップを紹介します。
✅ 学習の流れが明確になる！
✅ どのタイミングで案件を取りに行くべきか分かる！
✅ 最短で月5万円を稼ぐためのステップが分かる！
副業としてWeb制作を始めるなら、以下の流れで進めていきましょう！
2. Web制作副業のロードマップ（全体像）
💡 ステップ①：スキルを習得（1〜3ヶ月）
✅ HTML / CSS の基礎を学ぶ
✅ JavaScript で動きをつける
✅ WordPressの基礎を理解する
✅ 模写コーディングで実践力をつける
💡 ステップ②：ポートフォリオを作成（1ヶ月）
✅ 自作のWebサイトを制作（HTML/CSS or WordPress）
✅ クライアントに見せられる「実績」を作る
✅ 思い切ってレンタルサーバーを契約してポートフォリオをアップする！
💡 ステップ③：案件獲得準備（1ヶ月）
✅ ココナラ・ランサーズ・クラウドワークスに登録
✅ 自分のサービスを出品する（ココナラ推奨）
✅ 提案文のテンプレートを作成
💡 ステップ④：最初の案件を獲得（1〜2ヶ月）
✅ ココナラで低単価でもOK！まずは受注
✅ 1件受注できたら、実績を増やしていく
✅ レビューを集めて信頼性を向上
💡 ステップ⑤：単価を上げていく（継続）
✅ WordPress案件で単価アップを狙う
✅ 直接契約の案件に挑戦
✅ SNSやブログでの発信も視野に入れる
3. 各ステップの詳細
ステップ①：スキルを習得（1〜3ヶ月）
副業Web制作を始めるには、最低限のスキルが必要です。
✅ HTML / CSS の学習
- Progate（課金して学習するのがコスパ最強）
- ドットインストール
- 「1冊ですべて身につくHTML & CSSとWebデザイン入門講座」
Progate
Progateはサブスクで契約できるので、課金してHTML/CSSを1ヶ月以内で学習してしまう！
可能であればJavaScriptの基礎まで学習を終えられるとかなりコスパがいいです！
ドットインストール
ドットインストールも無料コンテンツもあり、有益な学習サイトです。
が、私個人的には学習動画が2〜3分毎に細切れになっているので、わずらわしさを感じました。
こちらもサブスクプランが用意されています。
書籍
書籍はいつでもすぐに学習することができて便利です。細かく解説してくれているものも多く、見返すのも容易です。
しかし、書籍に関しては注意点があります。それは「発刊された時期」です。プログラミング言語の進化は早いです。
htmlやcssさえ大型のアップデートが行われることがあり、小さなアップデートはちょこちょこ行われています。
つまり、書籍によっては情報が古い可能性があります。書籍を購入する際には発刊日が新しい物をオススメします。
✅ JavaScriptの基礎を学ぶ
- 基本的な動作（ボタンのクリックなど）を理解する
- ドットインストールor 書籍で学習（Progateは有料）
JavaScriptは要点だけをつかめれば大丈夫です。
この短期間で完全に習得するのは不可能です。JavaScriptを学習する理由はサイトにスライダーやクリックイベントなどの動きをつけるためです。
そして、これらの動きのコードはコピペで対応できることがほとんどなのです。
✅ WordPressの基礎を学ぶ
- WordPressは2024年4月時点で日本のCMSのシェアが83％以上です
それだけ、web制作では必要とされるスキルです。 - WordPressのテーマの仕組みを理解する
オリジナルテーマが作れるようになれば制作単価もアップ、案件も獲得しやすくなります。
✅ 写経・模写コーディングで実践力をつける
- Codejumpで実際のWebサイトを写経・模写してスキルを磨く
最初はコードを書くことに慣れるために写経（見て丸写し）でいいです。
写経・模写にはCodejumpというサイトが便利です。Codejumpは「作って学ぶコーディング学習サイト」をコンセプトに、入門編から上級編まで様々なタイプのデモサイトで模写ができるようにデザインが用意されいてます。
また、ソースコードも用意されているので写経にも活用できます！
まずは入門編で現在の実力を確認してみてください。
写経、模写の際には必ず、タイムを測りましょう。
作業時間＝お金だと思ってください。
副業にせよ、フリーランスにせよ、その案件に何時間かかったかであなたの時間単価が変わります。
10,000円の案件を10時間かかるか、1時間かかるかの差です。
1時間で完了できるスキルがあれば10件こなせます。シンプルですが、この意識が非常に大事です。
ステップ②：ポートフォリオを作成（1ヶ月）
ポートフォリオがないと案件獲得が難しい！
✅ 架空の企業サイトを作成（HTML/CSS or WordPress）
✅ 後に必要になるので、できることならレンタルサーバーを契約して、ポートフォリオサイトをアップする！
✅ ポートフォリオは自分の強みをアピールできるレイアウトにする！
ステップ③：案件獲得準備（1ヶ月）
副業で案件を取るための準備を進めましょう。
✅ ココナラに登録（初心者向け）
✅ ランサーズ・クラウドワークスにも登録
✅ プロフィールをしっかり作り込む
✅ 提案文のテンプレートを作成しておく
案件獲得についての詳しい記事はこちら
ステップ④：最初の案件を獲得（1〜2ヶ月）
✅ ココナラで低価格でもいいのでまず受注
まずはココナラでいいのですが、ランサーズ、クラウドワークも登録しておいてください。
そしてデザインありのコーディング案件に応募しまくります！！
実績が無いので、まずは１件取れるまでは、「最低価格で提案」してください。
✅ 提案文に「初心者です」「未経験です」の文言は不要！むしろNG！！
提案文に「初心者なので、、、」とか「未経験なので、、、」とかくと高確率で受かりません。
当然です。相手はお金を払って仕事を依頼するのです。
初心者、未経験をアピールする人は「失敗したときは初心者、未経験だからさ、、、」と捉えかねません。初心者、未経験でもプロとして案件交渉に挑んでください！
✅ 実績を積み、評価を獲得する
実績を積んでいくと、ココナラなら「販売実績」という数値が増えていきます。
クライアントはこの数値をもとに誰に依頼するかを選別します。
ポイント！
- 最初は価格を下げて実績作りに専念
- 販売実績が増えると信頼度アップ
ステップ⑤：単価を上げていく（継続）
✅ WordPressのカスタマイズ案件を狙う（単価アップ）
✅ WordPressのサイト作成案件で単価を前回の２倍で提案してみる
✅ ブログやSNSで情報発信する（仕事につながる可能性がある）
4. まとめ
💡 Web制作副業のロードマップまとめ！
✅ スキル習得 → ポートフォリオ作成 → 案件獲得準備 → 最初の案件 → 単価アップ
✅ ProgateやCodejumpを活用し、実践的なスキルを身につける
✅ ココナラからスタートし、経験を積みながら単価を上げていく
副業としてWeb制作を始めるには、明確なロードマップに沿って進めることが成功の鍵！
焦らず、一歩ずつ着実に進んでいきましょう！🚀
コメント