はじめに
前回の記事ではVK Pattern Libraryで組み立てたページを追加CSSでカスタマイズする方法を解説しました。この連載を通じてHTML・CSS・JavaScript・PHP・WordPressまで一通りの技術を身につけてきました。今回は技術面から少し視点を移して、これまで学んできた知識を活かして実際のクライアント案件に挑戦するための心構えと、フリーランスとして独立するための準備ステップを解説します。第二十弾の5年間の振り返り記事でも触れましたが、「本業あってのプログラミング」というスタンスで、焦らず着実に準備を進める考え方を中心にまとめます。
1. 「まだ実力が足りない」と感じている人へ
1.1 完璧を待っていると永遠に始められない
フリーランスや副業を始めようとするとき、多くの人が「もう少しスキルが上がってから」と先延ばしにしてしまいます。しかし実際には、スキルは案件をこなす中でこそ急速に伸びます。
よくある先延ばしの思考パターン：
❌ 「もっとJavaScriptが書けるようになってから」
❌ 「WordPressをもっと使いこなせるようになってから」
❌ 「ポートフォリオをもっと充実させてから」
→ この「から」は永遠に来ない可能性が高い
✅ 実際の成長サイクル：
「今の自分でできる案件を受ける」
↓
「案件の中で壁にぶつかる」
↓
「解決するために調べて実装する」
↓
「スキルが実践的に定着する」
1.2 最初の案件に必要なスキルレベル
この連載で解説してきた内容をこなせるレベルなら、すでに初めての案件を受けられる実力があります。
| スキル | 最低限できること |
|---|---|
| HTML・CSS | レスポンシブなコーポレートサイトのコーディング |
| JavaScript | ハンバーガーメニュー・スクロールアニメーション |
| WordPress | 既存テーマのカスタマイズ・ページ追加 |
| PHP | お問い合わせフォームの送信処理 |
💡 「何でもできる人」より「これならできます」と言える人の方が仕事につながりやすいです： 最初から何でもできる必要はありません。「コーポレートサイトのWordPress化なら任せてください」というように得意分野を明確にしてそこに絞って受注を狙いましょう。
2. フリーランス前に整えるべき3つの土台
2.1 土台①：ポートフォリオサイトを完成させる
この連載でポートフォリオサイトを作成してきましたが、クライアントに見せるために以下の観点で最終的に整えておきましょう。
| 確認項目 | 内容 |
|---|---|
| 制作実績が最低3件ある | 架空の案件・模写・個人制作でも構わない |
| 各実績に「何をしたか」の説明がある | 使用技術・制作期間・こだわりポイントを明記 |
| お問い合わせフォームが機能している | 実際に連絡が来たときに受け取れる状態にする |
| スマートフォンで崩れていない | 採用担当者はスマートフォンで確認することも多い |
| 表示速度が速い | PageSpeed Insightsで70点以上が目安 |
2.2 土台②：SNSとGitHubのプロフィールを整える
クライアントや採用担当者はあなたの名前を検索します。検索結果に出てくるSNSとGitHubのプロフィールが第一印象になります。
GitHubの整え方：
✅ プロフィール画像を設定する
✅ Bio（自己紹介）に使用技術と活動内容を書く
✅ ピン留めリポジトリをポートフォリオ関連に設定する
✅ READMEに制作物のスクリーンショットを掲載する
✅ コントリビューショングラフが継続して緑になっている
X（旧Twitter）・LinkedInの整え方：
✅ 本名またはWeb制作と紐付けたアカウント名にする
✅ プロフィール文に「Web制作・WordPress・受注可能」と書く
✅ ポートフォリオサイトのURLを貼る
✅ 学習の過程や制作物をアウトプットし続ける
2.3 土台③：料金体系を事前に決めておく
料金を事前に考えておかないと、いざ見積もりを求められたときにパニックになります。最初は以下の基準を参考に考えてみましょう。
| 案件の種類 | 相場の目安 | 備考 |
|---|---|---|
| LP（ランディングページ） | 3〜10万円 | デザインあり／なしで大きく変わる |
| コーポレートサイト（5〜10ページ） | 10〜30万円 | 要件定義・デザイン込みかで変わる |
| WordPressのテーマカスタマイズ | 3〜15万円 | 既存サイトへの追加・改修 |
| ランニングメンテナンス | 月1〜3万円 | 更新代行・サーバー管理 |
⚠️ 最初は相場の下限くらいの金額から始めても構いません： 実績とレビューを積み上げることが最初の目標です。ただし「無料でやります」は自分の価値を下げるだけでなく、クライアントからも軽く見られやすくなります。最低限の報酬は必ず設定しましょう。
3. 最初の案件を獲得する方法
3.1 クラウドソーシングから始める
最初の実績を作るにはクラウドソーシングサービスが始めやすいです。
| サービス | 特徴 |
|---|---|
| クラウドワークス | 国内最大手。Web制作案件が豊富 |
| ランサーズ | デザイン・コーディング案件が多い |
| ココナラ | スキルを出品してクライアントを待つ形式 |
クラウドワークスで最初の案件を獲るコツ：
① まずプロフィールを完成させる
→ スキル・制作実績・ポートフォリオURLを記載する
② 小さな案件（1〜3万円程度）から応募する
→ 大型案件より競争率が低く受注しやすい
③ 提案文に「なぜ自分が適任か」を具体的に書く
→ 「できます」ではなく「このスキルでこういう方法で対応できます」と書く
④ 仕事が完了したらクライアントに評価をお願いする
→ 最初の数件の高評価が次の案件獲得につながる
3.2 知人・友人への声かけ
クラウドソーシングよりも信頼関係がある分、話が進みやすいのが知人・友人への声かけです。
声かけの例：
「最近Web制作を学んでいて、サイト制作の実績を作りたいと思っています。
もしホームページがほしいお知り合いがいれば紹介していただけますか？
最初は特別価格でお引き受けします。」
💡 「ホームページを持っていない個人事業主・小規模飲食店・美容室・士業」が狙い目です： 看板はあるがウェブ上に存在しない事業者はまだまだ多いです。身近な人の中でそういった方を探してみましょう。
3.3 勉強会・コミュニティへの参加
技術系の勉強会やWordPressの地域コミュニティ（WordCamp・WP Meetup）に参加することで横のつながりができ、案件の紹介につながることがあります。
4. 案件を受けるときの基本的な流れ
4.1 問い合わせから納品までの流れ
① 問い合わせを受ける・ヒアリングする
→ 目的・予算・納期・ページ数・デザインの有無などを確認する
② 要件定義書・見積書を作成して提出する
→ 何を作るか・いくらかを文書で明確にする
③ 契約を締結する
→ 口頭だけでなく書面またはメールで合意を残す
④ 制作開始・中間確認を行う
→ ワイヤーフレーム→デザイン→コーディング→確認の順で進める
→ スクリーンショットPDFでクライアントに確認を取る（前回の記事参照）
⑤ 修正対応を行う
→ 修正の範囲を最初に取り決めておく（「修正は2回まで」など）
⑥ 納品・検収をもらう
→ FTPまたは管理画面のアクセス情報をお渡しする
⑦ 代金を請求する
→ 請求書を発行して入金確認する
4.2 要件定義でとくに確認すること
案件のトラブルの多くは最初の確認不足から生まれます。以下の項目は必ず最初に確認しましょう。
| 確認項目 | 内容 |
|---|---|
| ページ数 | 何ページ制作するか（追加1ページあたりの単価も決める） |
| デザインの有無 | デザインカンプを用意してもらうか・自分でデザインするか |
| テキスト・画像の用意 | クライアントが用意するか・ライターや素材サイトを使うか |
| 修正の回数 | 何回まで修正に応じるか |
| 納期 | いつまでに完成させるか |
| 保守・管理 | 納品後の更新依頼はどう対応するか |
| 著作権の帰属 | 成果物の著作権は誰に帰属するか |
⚠️ 「なんとなく始めてしまう」が最大のリスクです： 仕様が曖昧なまま制作を始めると「イメージと違う」「ここも直してほしい」という追加要求が際限なく続くことがあります。最初の確認に時間をかけることが最終的にトラブルを防ぎます。
5. フリーランスとして長く続けるための心構え
5.1 「一人で全部やろうとしない」
フリーランスになると営業・デザイン・コーディング・進行管理・経理・税務をすべて自分でこなす必要があると思いがちです。しかし現実的には、得意な分野を深めながら苦手な部分は外部のリソースを活用する方が長続きします。
| 役割 | 自分でやる | 外部に任せる |
|---|---|---|
| コーディング | ✅ メインスキル | — |
| デザイン | できる範囲で | デザイナーと分業する |
| ライティング | 簡単なものは | ライターに依頼する |
| 経理・税務 | 記帳は自分で | 確定申告は税理士に相談 |
5.2 確定申告の準備を早めにする
フリーランスとして年間20万円以上の収入があると確定申告が必要です。
最低限準備しておくこと：
✅ 収入と経費を記録する帳簿（会計ソフト推奨）
→ freee・マネーフォワード クラウド確定申告などが使いやすい
✅ 請求書・領収書を保存する
→ デジタルでも紙でも7年間の保存が必要
✅ 開業届の提出を検討する
→ 税務署に開業届を出すと青色申告（最大65万円の控除）が使える
✅ インボイス登録の要否を確認する
→ 取引先が法人の場合は適格請求書発行事業者の登録が必要な場合がある
💡 会計ソフトは早めに使い始めましょう： 最初のうちは収入が少なくても、習慣として記帳を続けることで確定申告が一気に楽になります。
5.3 燃え尽きを防ぐための働き方
この連載の第三十四弾「ブログを長く続けるためのコツ」でも触れましたが、フリーランスも同じです。
燃え尽きを防ぐための意識：
✅ 本業あってのフリーランス副業と割り切る
✅ 受注キャパシティを超えた案件は断る勇気を持つ
✅ 月に1日は「制作から離れる日」を作る
✅ 同じ境遇のフリーランス仲間と情報交換する
✅ 案件外の学習時間を確保して技術の陳腐化を防ぐ
6. スキルアップしながら単価を上げていく
6.1 単価アップのロードマップ
ステップ1（入門期）：
コーディングのみを受注する（1〜5万円/件）
→ HTML・CSS・JavaScriptでのコーディング代行
ステップ2（初級期）：
WordPress化・テーマカスタマイズを加える（5〜15万円/件）
→ この連載の内容が活きるフェーズ
ステップ3（中級期）：
デザインから担当できるようにする（15〜40万円/件）
→ FigmaやXDでのデザインスキルを追加する
ステップ4（上級期）：
Webコンサルティングまで提供する（50万円以上/件）
→ SEO・集客・CVR改善まで提案できる
6.2 この連載で身につけた技術の強み
| 学んだ技術 | クライアントへの価値 |
|---|---|
| レスポンシブデザイン | スマートフォン対応サイトが作れる |
| アクセシビリティ対応 | 誰でも使いやすいサイトが作れる |
| GA4・Search Console | 数値で効果を説明できる |
| PHPフォーム・セキュリティ | 安全なお問い合わせ機能を実装できる |
| WordPressオリジナルテーマ | 完全オリジナルのサイトが作れる |
| パフォーマンス最適化 | 表示が速く離脱しにくいサイトが作れる |
7. 独立準備チェックリスト
📋 ポートフォリオ
✓ 制作実績が3件以上掲載されているか
✓ 各実績に使用技術・制作期間・こだわりポイントが書いてあるか
✓ お問い合わせフォームが正常に機能しているか
✓ スマートフォン表示が崩れていないか
✓ PageSpeed Insightsで70点以上か
📋 プロフィール
✓ GitHubのプロフィールと代表リポジトリが整っているか
✓ SNSのプロフィールにポートフォリオURLを掲載しているか
✓ 自分が受けられる案件の種類を明確に書いているか
📋 ビジネス準備
✓ 案件の種類ごとの料金の目安を決めているか
✓ クラウドソーシングのアカウントを作成して最初の案件を探し始めているか
✓ 会計ソフトを導入して記帳の習慣を始めているか
✓ 開業届の提出を検討したか（副業・独立を本格化する場合）
まとめ
今回はフリーランスWeb制作者として独立するための心構えと準備ステップを解説しました。ポイントをまとめると：
- 「もう少しスキルが上がってから」と待つより、今の自分でできる案件を受けながら実践で伸びる方が成長が速い
- 最初は「コーポレートサイトのWordPress化ならできます」のように得意分野を明確にして受注を狙う
- ポートフォリオ・GitHubプロフィール・SNSを整えることが最初の営業活動になる
- 料金は事前に決めておき「無料でやります」は避ける
- クラウドワークス・ランサーズでの小さな案件から実績を積み上げることが最短ルート
- 要件定義でページ数・修正回数・納期・著作権を必ず文書で確認しておく
- 本業あってのフリーランス副業と割り切って燃え尽きを防ぐ
- 会計ソフトを早めに導入して記帳の習慣をつけておく
この連載もここで大きな区切りを迎えます。HTML・CSSの基礎からWordPressオリジナルテーマ開発・PHPのセキュリティ対策・フリーランスの準備まで、長い道のりをともに歩んでいただきありがとうございました。学んだ技術を活かして、ぜひ一歩踏み出してみてください。次の記事も引き続き実践的なテーマをお届けします。お楽しみに！
コメント