「ココナラでLP制作代行を出品したいけど、サンプル作るの大変そう…」 「Web制作未経験でも、本当に売れるレベルが作れる？」 「Photoshop持ってない・コーディングできない、それでも始められるの？」
もしそう思っているなら、この記事は完全にあなたのためのものです。
筆者は北海道で建設業をやっている40代の現場マン（非エンジニア）。HTMLもCSSも、Photoshopも一切触れません。それでも、AIアシスタント Claude Code に指示しただけで、半日で 7パターンのLPサンプル を作って公開URLにアップしました。
実際に公開したのがこちらです：
👉 https://yamatochill-ai.com/lp-demo/
私が触ったのは「これいいね」「もう少し派手に」って言うだけ。それで7本できました。
この記事はこんな方向け
- ココナラLP制作代行を始めたい人
- AIで副業をスタートしたい40代
- 「自分にできる気がしない」を「やってみる」に変えたい人
- どこから手をつければいいかわからない非エンジニア
※ 本記事は Claude Code（筆者が使用中のAIアシスタント）が筆者の実体験を元に執筆しています。
🎙 この記事に登場するキャラ
- 社長 — 筆者本人（北海道・建設業41歳・YouTube副業3年目）
- 策 — Claude Code（参謀AI・Mac側で実装担当）
- 凛 — Claude.ai（秘書AI・スマホ側で戦略担当）
社長：「半日で7本…まだ信じられん。なに、これ。」
凛：「私と策が役割分担したから動けたのよ。社長は『これいい』『次行こう』って言うだけだったでしょ？」
策：「ハードルは将弘さんが想像していたより、ずっと低かったですよ。AIに任せられる工程が予想以上にあった」
📌 目次（クリックでジャンプ）
1. 【問題提起】LP制作代行のスタートラインで詰む人へ
ココナラやランサーズで「LP制作代行」サンプルを並べてる人たちは、Web歴10年以上の現役Web制作者ばかり。Photoshop も Figma も使いこなして、コーディングも当たり前にできる。
新規参入する非エンジニアが、いきなり戦える相場じゃないと感じる人、多いと思います。
1-1. 普通のスタートラインで必要なもの
| 必要なもの | コスト・時間 |
|---|---|
| Photoshop / Figma 習得 | 月額数千円 + 操作習得3ヶ月 |
| HTML / CSS の学習 | 半年〜 |
| サーバー知識（FTP・ドメイン等） | 別途学習 |
| サンプルLPを4本用意 | 1本2〜3日 × 4本 = 8〜12日 |
→ ここで力尽きる人がほとんど。
1-2. 私のスタートラインはこれだけ
- Mac 1台（M5 MacBook Air）
- Claude Pro / Claude Code（月20ドル）
- 既存のレンタルサーバー（ConoHa WING）
→ それだけで、半日で7本作れた。デザインも、コーディングも、サーバーも、自分で触ったところはほぼゼロ。
凛：「将弘さん、自分で『一番むずかしい』って思っていたのが『簡単』だったわけ。逆に何が大変だった？」
社長：「うーん、強いて言うなら、何を作るかを決める時間？方向性の判断はやっぱ自分で」
2. 【AI導入で変わった】Claude Code が変えたこと
2-1. 制作スピードのリアル比較
| 工程 | 従来（独学コーディング） | Claude Code |
|---|---|---|
| LP1本のHTML/CSS構造 | 1〜2日 | 30分 |
| 画像5枚生成 | 数時間（写真探し・編集） | 5分（ChatGPT Image 2 API） |
| サーバーアップロード | 30分（FTP操作習得込み） | 自動（Pythonスクリプト） |
| 計（1本） | 2〜3日 | 約1時間 |
| 計（7本） | 14〜21日 | 半日（4〜5時間） |
20倍くらい速い。「速いから始められる」って、本当にあるんだなと思いました。
2-2. 私がやったこと、やらなかったこと
やったこと： – 「こんなテイストの業種向けLPを」と方向性を伝える – 出来上がりを画面で見て「もう少し派手に」「色を温かく」と修正指示 – 「OK、次行こう」と承認
やらなかったこと： – HTML / CSSを1文字も書いていない – Photoshop / Figma を1秒も触っていない – SFTPコマンドを打っていない – デザイン参考のURLを探し回っていない
凛：「将弘さんの作業時間、ほぼ『見て返事する』だけだったよね」
策：「正確には、最初の1本目だけは将弘さんと一緒にデザインの方向性を試行錯誤しました。あとはほぼ私の自走です。それで充分良いものが7本できた」
3. 【実演】公開した7スタイル
各スタイルは、別の業種・別の客層を想定しています。「お好みのテイストでお選びください」という出品スタイルにする予定。
Style A：高級・ダーク・シリアス
業種：食品EC・高級店・老舗 深い紺と金色のアクセント。職人の技と産地直送の信頼感を伝える、シックな世界観。
Style B：ポップ・親しみ・元気
業種：オンラインスクール・教育・SaaS 白×コーラル×イエロー。明るく親しみやすく、初心者の不安をほぐして行動に導くデザイン。
Style C：ミニマル・洗練・モノトーン
業種：クリエイター・士業・コンサル 黒×白×グレーで余白を活かす、上質な静けさ。作品や言葉の力を最大化するベース。
Style D：フェミニン・暖色・上品
業種：サロン・エステ・ブライダル アイボリー×ローズ×ブラウン。柔らかな日差しのような温度感で、女性の心地よさを演出。
Style E：派手・訴求型・スマホ最適化
業種：美容クリニック・医療・痩身 ピンク×ゴールド×ブラック。緊急性訴求・大きな数字・スティッキー底CTA。”とにかくCV取りたい”系の業種に特化したベース。
Style F：ナチュラル・スマホ縦長
業種：D2C食品・サブスク・オーガニック グリーン×アイボリー×オレンジ。スマホで「上→下」物語型の閲覧前提でレイアウト設計。
Style G：神秘的・スピリチュアル
業種：ライフコーチ・占い・カウンセリング 紫×ゴールド。深い物語と感情に訴えるストーリー型LP。”買い手の心の奥に届ける”系の業種向け。
全LPの一覧はこちら
👉 https://yamatochill-ai.com/lp-demo/
社長：「7本並べて見ると、結構壮観や。同じ人が作ったって思えん」
凛：「むしろ将弘さんが作ったって思われてないと思う（笑）」
4. 【プロセス】半日で7本作るまでの全工程
ステップ別に時間配分を晒します。
Step 1：戦略フェーズ（凛・スマホ側 / 30分）
ココナラのLP制作代行市場をリサーチ。どんなテイストが必要か、どんな業種が出品されているか、競合の価格帯と差別化ポイントを仮説立て。
→ 「4スタイル × 3スタイルで計7パターン作る」と決定。
Step 2：HTML骨格制作（策・Mac側 / 各15〜20分 × 7）
Claude Code に「Style A: 高級・ダーク系の食品EC LPを作って」と1行指示。 → 完成したHTMLを画面で確認 → 「OK」で次へ。
途中、競合のスクリーンショット（スマホ画面）を見せて「派手さ・モバイル最適化」が今のトレンドだと指摘。Style E〜Gは大胆に方針変更しました。
Step 3：画像生成（OpenAI Image API / 各2〜3分 × 35枚）
ChatGPT Image 2 (gpt-image-2) で hero+ストーリー+商品画像5枚 × 7LP = 35枚。
コスト：35枚で約170円。1枚5円換算。安すぎて笑う。
社長：「30円台！？ しかもこの解像度。10年前なら10万円コースやで」
Step 4：SFTP公開（自動 / 5分）
事前に作ったPythonスクリプトで /lp-demo/ 配下に一括アップロード。
35枚の画像（合計約50MB）+ 8つのHTMLファイルを、5分で全部ConoHaにアップ。
Step 5：OGP・SNS設定（自動 / 5分）
各LPに OGP / Twitter Card を自動注入するスクリプトを実行。SNS共有時に画像つきで綺麗に表示される。
これも事前にPythonスクリプト化済みだったので、コマンド1発で完了。
詳細な手順は、こちらの記事に書いています：
👉 【2026年最新】ClaudeでLP制作代行を始める方法｜40代非エンジニアが爆速で副業収入を作る7ステップ
5. 【まとめ】ど素人の俺が、半日で学んだ3つのこと
① AIに頼ることは「楽すること」ではない
指示の質と判断の質を上げる時間に変わるだけ。考えて、選んで、修正指示する量はむしろ増えた。 ただ作業の中身が「コードを書く」から「方向性を決める」にシフトした。これは、社長業のような感覚に近いです。
② 完璧を待たない
1本目が完成したとき「いきなり納品できそう」って思いましたが、競合スクショを見比べて方向性をピボットしました。「とりあえず公開」が大事。買いたい人がいるか、まず試す。
③ 稼げるかは、別問題
正直、ココナラLP制作代行の市場は競争激しいです。「7本作った」だけで売れるとは思っていません。でも「実演できる」は強い武器。新規参入時に「言葉だけ」じゃなくて「現物」を見せられるのは大きい。
策：「この記事を書いている時点で、ココナラ出品はまだ準備中です。出品結果は別記事でレポートします」
凛：「結果が伴わなくても、それも含めて全部記録するのがブログの強みやで。失敗も実演」
社長：「種まき経営や。1年は稼げない前提で組む」
まとめ：あなたも”半日で7本”の世界に来れます
「自分には無理」と思っていたところに、Claude Codeという味方を1人入れただけで、ここまでできる。
- AIスクール代も、Photoshop代も、HTMLの本も要りません
- 必要なのは、Claude Pro の月20ドルと、手を動かしてみる勇気だけ
- 失敗しても、ローカルで作って消すだけ。リスクほぼゼロ
「やってみよう」が動かせる人だけ、この扉を開けます。
次にやること
- ココナラに出品ページ作成（明日）
- X (Twitter) で告知
- ブログに「制作代行依頼受付」フォーム追加
ココナラLP制作代行に興味ある方は、まず 【2026年最新】ClaudeでLP制作代行を始める方法 を先に読んでおくと、この記事の工程をもっと深く再現できます。
次に読むべき記事
- 👉 【2026年最新】ClaudeでLP制作代行を始める方法｜40代非エンジニアが爆速で副業収入を作る7ステップ — 本記事のベースとなる方法論記事
- 👉 【40代副業マインド】1年は稼げない前提で組む「種まき経営」 — 副業の継続マインド
- 👉 【体験記】ChatGPT Image 2 をAPIで動かしたら1枚38円でブログ画像が作れた — 画像生成の実装
PR / アフィリエイトリンク
PR / アフィリエイトリンク
[CTA_CLAUDE_REFERRAL]
