🎉 2026-05-05 追記：実演サンプル7パターン公開中！
本記事の方法を実際に使ってLPサンプル7パターンを作成・公開しました。
👉 サンプル一覧を見る ／ 👉 制作工程の実演レポートを読む
「ココナラでLP制作の案件を受けたいけど、コーディングできない…」 「Web制作スクール通うほどの時間も金もない」 「AIで爆速制作できるって聞いたけど、本当に売れるレベルになる？」
もしそう思っているなら、この記事は完全にあなたのためのものです。
筆者は北海道で建設業をやっている40代の現場マン（非エンジニア）。HTMLもCSSも書けません。でも Claude Code（AI）を使えば、ココナラで売れるレベルのLP（ランディングページ）を1〜2時間で制作できる時代になりました。
本記事では、ClaudeでLP制作代行を副業化する7ステップと、実際にココナラで出品する流れを解説します。
この記事はこんな方向け
- コーディング未経験だけどWeb制作で稼ぎたい方
- ココナラ・クラウドワークス・ランサーズで副業を始めたい方
- 40代・非エンジニアで実務スキルゼロから副業収入を作りたい方
- 既存の副業（ブログ・YouTube）に+αの収入源が欲しい方
※ 本記事は Claude Code（筆者が使用中のAIアシスタント）が筆者の実体験を元に執筆しています。
🎙 この記事に登場する3キャラ
- 社長 — 筆者本人（北海道・建設業41歳・副業挑戦中）
- 策 — Claude Code（参謀AI・LP制作の主力）
- 凛 — Claude.ai（秘書AI・営業文章サポート姉御）
社長：「LP制作って、昔はWeb制作スクール3ヶ月＋実務経験半年みたいなハードルやった。今はAIに丸投げで爆速」
凛：「コーディングできなくてもLP作れる時代よ。それを副業として売る側に回らない手はない」
策：「Claude Code は HTML/CSS の生成は朝飯前。さらに画像生成（ChatGPT Image 2）と組み合わせれば、写真素材の用意も含めて1〜2時間で1本完成します」
📌 目次（クリックでジャンプ）
1. LP制作代行とは（30秒で分かる）
1-1. LPって何？
LP（ランディングページ）とは、1ページ完結の縦長な販売ページのこと。具体例：
- 商品販売ページ（化粧品・健康食品・教材等）
- セミナー申込ページ
- スマホアプリの紹介ページ
- ブログ運営者のメルマガ登録ページ
通常のWebサイト（複数ページ）と違い、1ページで完結 → コンバージョンを狙う設計。
1-2. LP制作の市場規模・単価
LP制作代行の単価相場（ココナラ等）：
| 種類 | 単価相場 |
|---|---|
| シンプルLP（テキスト＋画像） | 2〜5万円 |
| アニメーション付き | 5〜15万円 |
| ECサイト連携・カート機能付き | 15〜30万円 |
| 高単価（金融・士業・医療等） | 30〜100万円 |
1〜2時間で1本制作できれば、時給換算1〜5万円の世界。副業初心者でも月10万円超えが視野に入ります。
1-3. なぜ今が参入チャンス？
理由3つ：
- ChatGPT登場後、需要が爆増（中小企業・個人事業主が「自社LP欲しい」と動き始めた）
- AI（Claude）で制作スピード10倍になった
- コーディングスクール卒業者の供給は変わらないので、需給ギャップが拡大中
40代でAI使いこなせる側に回れば、先行者利益を取れる稀なジャンルです。
2. なぜ「Claude Code でLP制作」が爆速なのか
2-1. HTML・CSS・画像配置を全部1コマンドで
Claude Code に指示する例：
化粧品ECサイトのLP作って。
- ヘッダー：商品名「ZEN BEAUTY」
- メインビジュアル：抹茶イメージ
- 商品特徴3つ：自然由来・低刺激・日本製
- お客様の声：3名分のダミーテキスト
- CTAボタン：「今すぐ購入」緑背景
- フッター：会社情報・特商法表記
すべてHTML+CSSで1ファイル完結で。
→ 5〜10分で完成HTMLファイルが生成。index.html をブラウザで開けばすぐプレビュー。
2-2. 画像素材も AI 生成（ChatGPT Image 2）
LPに必要な画像は ChatGPT Image 2 で生成：
- ヒーローバナー（1920×800）
- 商品イメージ画像
- お客様の声アバター
- 装飾アイコン・パターン
フリー素材サイトに通う時間ゼロ。詳細はChatGPT Image 2 × Claude Code でブログの顔を1日で全刷新した話で。
2-3. デザイン修正もチャットで一発
クライアントから「ボタンの色を青に」「文字を大きく」と修正依頼が来ても、Claude Code に日本語で言うだけで5秒で反映。
デザインソフト操作スキル不要。これが爆速の正体です。
3. LP制作代行に必要なツール（合計月3,000円）
3-1. 必須ツール一覧
| ツール | 月額 | 用途 |
|---|---|---|
| Claude Pro（Claude Code含む） | 約3,000円 | HTML/CSS生成・全工程の主軸 |
| ChatGPT Plus | 約3,000円 | 画像生成（Image 2）・営業文章 |
| テキストエディタ（VS Code等） | 0円 | コード確認・微調整 |
| ブラウザ（Chrome等） | 0円 | プレビュー・動作確認 |
| ココナラアカウント | 0円 | 出品プラットフォーム |
月6,000円程度で全部揃います。LP1本受注で初月から黒字。
3-2. あると便利なツール
| ツール | 月額 | 用途 |
|---|---|---|
| 自分のサーバー | 660円〜 | 制作したLPを納品前にプレビュー公開 |
| Canva Pro | 1,500円 | 画像微調整 |
| Figma | 無料〜 | デザインカンプ作成（クライアント提案用） |
筆者のおすすめサーバーは ConoHa WING vs エックスサーバー比較で詳述。
PR / アフィリエイトリンク
4. 【完全版】LP制作代行・受注から納品までの7ステップ
4-1. STEP1：ココナラでアカウント作成＋出品準備
ココナラ（公式）でアカウント作成（無料）。
出品ページ作成のポイント： – カテゴリ：「IT・プログラミング > ホームページ作成 > LP制作」 – タイトル：「AI活用でスピード納品！シンプルLP1ページ制作します」 – 価格設定：初心者は29,800円〜（実績ゼロでも提示しやすいライン） – 納期：3日〜1週間（AI使えば実質2〜3日で納品可能） – ポートフォリオ：サンプルLP3〜5本を事前に作成して掲載
4-2. STEP2：サンプルLP3本作成（事前準備）
実績ゼロで出品しても受注しにくいので、架空のクライアント向けサンプルLPを3本作って自分のサーバーにアップ。
サンプル例： 1. 化粧品EC（女性向け・パステル系） 2. コンサル系（ビジネス向け・ネイビー系） 3. オンライン講座（教育系・ポップ系）
各LPはClaude Code に指示するだけで、1本1〜2時間で完成。
4-3. STEP3：受注・要件ヒアリング
クライアントから問い合わせが来たら、必須ヒアリング項目：
- 業界・商品サービス
- ターゲット顧客（年齢・性別・職業）
- 訴求ポイント3つ
- 希望デザインのイメージ（参考LP）
- 文字原稿の支給有無
- 写真素材の支給有無
- 納期・予算
このヒアリングだけ Claude に整理してもらうとヒアリングシートができます。
4-4. STEP4：Claude Code でLP生成
ヒアリング内容をそのまま Claude Code に投げ込む：
以下の要件でLP作って：
- 業界：オンライン英会話スクール
- ターゲット：30代会社員（女性）
- 訴求：1日10分・スキマ時間・成果保証
- カラー：ティール系・モダン
- セクション：ヘッダー・特徴3つ・お客様の声3名・料金プラン2つ・FAQ5問・CTAボタン・フッター
HTMLとCSS別ファイル、レスポンシブ対応で。
→ 10〜30分でLP完成。ブラウザで動作確認。
4-5. STEP5：画像生成・差し替え（ChatGPT Image 2）
Claude が用意したダミー画像を、ChatGPT Image 2 で本番画像に差し替え。
オンライン英会話スクールのヒーロー画像を作って。
30代女性が自宅でPC使ってる、明るい雰囲気、モダン、1920×800
3〜5分で1枚生成。LP全体に必要な5〜8枚も1時間以内で揃います。
4-6. STEP6：クライアントレビュー＋微調整
完成したLPをクライアントに提示。修正依頼を受けたら：
ボタンを青から緑に変更して。
お客様の声セクションを上から3番目に移動して。
ヒーロー画像をもう少し明るくして。
→ Claude Code が5〜10秒で修正。
4-7. STEP7：納品（ZIPファイル＋設置サポート）
納品物：
- HTMLファイル（index.html）
- CSSファイル（style.css）
- 画像ファイル一式（images/）
- 設置手順書（クライアントが自分でアップロードする場合）
追加オプション： – WordPressへの設置代行（+5,000円） – レンタルサーバー設置代行（+1万円） – 1ヶ月の修正サポート（+5,000円）
これらでさらに単価アップ可能。
PR / アフィリエイトリンク
PR / アフィリエイトリンク
5. 営業・集客の3つの方法
5-1. ① ココナラ・クラウドワークス出品（基本）
最初の3〜5件はココナラで安価出品（29,800円〜）。実績とレビューを貯める。
10件超えたらクラウドワークス・ランサーズにも展開。
5-2. ② 自分のブログから集客
「LP制作代行始めました」という記事を書いて、サンプルLP3本のリンクを貼る。
ブログ読者からの直接受注はココナラ手数料（22%）が無料。利益率最大化。
5-3. ③ X（旧Twitter）での実績発信
「今日Claude でLP1本作った」「クライアントから〇〇万円の受注」みたいな進捗発信を続けると、3〜6ヶ月でフォロワーから問い合わせが来始めます。
X発信のポイント： – 数字・期間・ジャンルで具体的に – 完成LPのスクショを必ず添付 – 月次まとめ「今月の制作実績◯本」
6. 落とし穴と対処法
6-1. 落とし穴①：Claude生成のコードが古い書き方
たまに古いHTML（table layout等）を生成することがあります。
対処法：プロンプトに「最新のHTML5・CSS3・レスポンシブ対応で」と明記。
6-2. 落とし穴②：商標・著作権侵害
ロゴ画像・ブランドカラーを勝手に使うと著作権トラブル。
対処法： – ロゴはクライアントから支給を受ける – ブランドカラーは配色だけ参考にし、独自アレンジ – フリー素材はUnsplash・Pexels等の商用OK素材から
6-3. 落とし穴③：納品後の追加修正で時間が溶ける
「ここも変えて」「あれも追加で」と無限修正で時間単価が下がる。
対処法： – 出品ページに「修正は2回まで」と明記 – 3回目以降は追加料金を提示 – 大幅変更は新規発注扱い
6-4. 落とし穴④：単価競争に巻き込まれる
ココナラには1万円以下のLP制作出品者もいて、単価競争になりがち。
対処法： – AI×建設業40代という独自ポジションを出品ページで強調（建設業×AI副業の最強コンビ参照） – 業界特化（金融・医療・士業等の高単価ジャンル）に絞る – オプションで単価アップ（WordPress化・修正期間等）
6-5. 落とし穴⑤：請求書発行・税務処理
副業収入が増えてくると確定申告必須。
対処法：収益化前に開業届を出して、freee会計で自動仕訳。詳細はClaude Code × マネフォで開業届5分で。
凛：「LP制作のスキルが身についたら、ITフリーランス案件専門サービスでハイレートな案件取りに行くのもアリ。月単価70万円〜のリモート案件多数あるよ」
7. よくある質問（FAQ）
Q1. HTMLもCSSも全く分からないけど大丈夫？
A：大丈夫。Claude Code に「日本語で指示するだけ」で完成HTMLが出ます。コードを「読む」必要すらなし、プレビューだけ確認でOK。
Q2. デザインセンスがないけど大丈夫？
A：大丈夫。プロンプトに「モダン」「シンプル」「高級感」等のキーワードを入れれば、Claude がデザインセンスを補ってくれます。
Q3. クライアントとのトラブルが心配
A：ココナラのトラブル仲介を活用。事前に細かくヒアリング＋修正回数を明記でほぼ防げます。
Q4. AI生成だとバレたら問題？
A：問題なし。むしろ「AI活用でスピード納品」を強みとして売る方が今の時代の正解。隠す必要なし。
Q5. 月いくらくらい稼げる？
A：初月10万円超えは十分可能。実績つけば月50万円超えも視野に入る。LP制作代行は時給換算が高いジャンル。
8. 📌 LP制作代行で月数万円超えたら、税務の準備を
LP制作代行で月数万円超えが見えてきたら、収益化前に開業届を出すのが最強コスパ。会計ソフトはfreee会計が確定申告まで自動でラク：
LP制作の実績を発信するブログを始めたい方は：ConoHa WING vs エックスサーバー比較も参考に。
⚠ 正直なところ：最初の1〜2件は時間がかかります
記事タイトルでは「爆速」と書きましたが、それは制作プロセス自体の話です。最初は、サンプル制作・出品文の作成・営業文・初回ヒアリングなどに時間がかかります。「Claude Code導入してすぐ受注3件」みたいなことは、私自身もまだ達成していません。
等身大に言うと：1〜2ヶ月は実績作りの種まき期間と思ってください。月10万円超えはあくまで「軌道に乗ってから」の話です。コツコツ感は必要ですが、Photoshopやコーディングで詰むより遥かに前に進める手法、というのが現実的な評価です。
9. まとめ｜「コーディングできなくてもLP制作で稼げる時代」
長くなりましたが、伝えたかったのは一つだけ。
Claude Code を使えば、コーディングできなくても LP制作代行で月数万円〜数十万円稼げます。
- ✅ 月3,000円のClaude Pro で始められる
- ✅ 1本1〜2時間で完成
- ✅ ココナラで初月から受注可能
- ✅ 40代・非エンジニアの独自ポジションを作れる
- ✅ 既存副業（ブログ・YouTube）の収入源に+αできる
最初の1ステップ：Claude Code とは？完全ガイドを読んで Claude Code を導入 → サンプルLP1本作ってみる、です。
次に読むべき記事
- Claude Code とは？完全ガイド（基礎編）
- 副業・家事・趣味。Claude Code で今日からできる10のこと（活用法10選）
- ChatGPT Image 2 × Claude Code でブログの顔を1日で全刷新した話（画像生成）
- 13ヶ月で6チャンネル挫折した40代建設業が、Claude Code で副業を産業革命した話（著者体験談）
- マネーフォワード開業届で5分で開業（収益化前の準備）
社長：「HTMLが書けない俺がLP制作で稼げるって、5年前なら笑われてた。今は普通の話**」
凛：「Web制作スクールに30万払う前に、Claude Pro 月3,000円で始めなさいって、本当にそれよ」
策：「コーディングは AI に任せて、人間は提案・営業・最終判断に集中。これがAI時代のフリーランス像です」
※ 本記事は Claude Code（筆者が使用中のAIアシスタント）自身が執筆しています。 ※ 本記事にはアフィリエイトリンクが含まれます。記事内容は2026年4月時点の筆者の調査に基づいています。各サービス・案件単価は最新情報をご確認ください。
