Claude Codeで1日で
LPを公開する

Claude Codeを使えば、準備から公開までを1日でやり切ることは十分に可能です。ただし「1日で完成させる」には、その日の使い方をあらかじめ決めておくことが欠かせません。 この記事では、朝から夜までの時間割に沿って、迷わず公開までたどり着くための進め方を紹介します。

全体の時間割は次のとおりです。無理のない範囲で区切りを設けることで、「気づいたら夜、まだ完成していない」という状況を避けられます。

1. 1

   09:00｜目的と構成を決める

   誰に何を伝え、どんな行動をしてほしいのかを言語化する

2. 2

   10:30｜素材を集める

   文章・画像・連絡先を1つのフォルダにまとめる

3. 3

   13:00｜Claude Codeで制作する

   構成を渡し、LPの土台を一気に生成してもらう

4. 4

   15:00｜デザインを整える

   余白・文字サイズ・配色を対話しながら調整する

5. 5

   17:00｜スマホ表示を確認する

   スマホ・PCでの見え方と文言を人の目でチェック

6. 6

   19:00｜公開（デプロイ）する

   ホスティングにアップして公開URLを確認する

最初の1〜2時間で、ページの土台となる「目的」と「構成」を固めます。ここが曖昧なまま制作に入ると、午後に何度も作り直すことになり、1日では終わりません。まずは次の3点を言葉にしましょう。

この3点が決まったら、LPの「並び順（構成）」を作ります。構成づくりもClaude Codeに相談できます。たたき台を出してもらい、それを直す進め方にすると、午前のうちに骨子が固まります。

次の条件でLP（ランディングページ）の構成案を作ってください。

・サービス: 個人向けオンライン英会話
・ターゲット: 仕事で英語が必要になった30代会社員
・一番の強み: 平日の朝と夜、15分から受けられる
・してほしい行動: 無料体験レッスンの申し込み

上から順に読むと自然に申し込みたくなるよう、
各セクションの見出しと、そこに書く内容の要点を
箇条書きで提案してください。

構成が固まったら、そこに入れる素材を集めます。1日で公開できるかどうかは、実はここで決まると言っても過言ではありません。制作の途中で写真や文章を探し始めると、時間がいくらあっても足りなくなります。午前のうちに、必要なものを1つのフォルダにまとめておきましょう。

午後はいよいよ制作です。午前に固めた構成と集めた素材を、まとめてClaude Codeに渡し、LPの土台を一気に作ってもらいます。最初から細部を完璧に指示する必要はありません。まず全体を形にし、そこから対話で整えていくのが、1日で仕上げる進め方です。

LP（ランディングページ）を1枚作ってください。
スマホでもPCでも見やすいレスポンシブ対応にしてください。

【サービス】個人向けオンライン英会話「あさよる英会話」
【ゴール】無料体験レッスンの申し込み

【構成（上から順に）】
1. ヒーロー: キャッチコピーと申し込みボタン
2. 悩みへの共感: 忙しくて英語学習が続かない
3. 3つの特徴: 朝夜15分 / 講師を選べる / 続けやすい料金
4. 料金プラン
5. お客様の声（3件）
6. よくある質問
7. 申し込みフォームへの導線

配色は白基調で落ち着いた印象にし、
文章は用意したテキストをもとに、
未記入の部分は自然な仮の文章で埋めてください。

土台ができたら、ブラウザで表示を確認しながら、気になる部分を1つずつ伝えて直していきます。「ヒーローの文字をもっと大きく」「特徴のアイコンを追加して」のように、感覚的な指示でも調整できます。一度に多くを頼まず、小さく直して確認するリズムが、結果的にいちばん速く進みます。

土台の次は、見た目を整える工程です。1日で仕上げるなら、凝った装飾を足すより「引き算」を意識するのが正解です。要素を減らし、余白を広げるだけで、ぐっと洗練された印象になります。次の観点でClaude Codeに調整を依頼しましょう。

全体のデザインを次の方針で整えてください。

・セクション間の余白をもう少し広げて、ゆったり見せる
・色は白・濃いグレー・アクセントの青の3色に絞る
・見出しの文字をひとまわり大きく、本文の行間を広げる
・申し込みボタンは目立つ色にして、押したくなる見た目に

派手にしすぎず、信頼感のある落ち着いた雰囲気を保ってください。

見た目が整ったら、公開前の確認です。ここで見落としがちなのが「スマホでの見え方」。LPを読む人の多くはスマートフォンからアクセスします。PCできれいに見えても、スマホでは文字が詰まっていたり、ボタンが押しにくかったりすることがあります。必ず両方でチェックしましょう。

• スマホで見て、文字が小さすぎたり詰まっていないか
• 見出しやボタンが画面からはみ出していないか
• 申し込みボタン・リンクが実際に反応するか
• 画像が崩れず、正しく表示されているか
• 誤字・脱字や、言葉の重複がないか
• PCでもスマホでも、上から下まで自然に読み進められるか

最後は、作ったLPをインターネット上に公開する「デプロイ」です。手順化されているので、はじめてでも1つずつ進めれば問題ありません。無料のホスティングサービスを使えば、費用をかけずに公開URLを取得できます。

1. 1

   ① 公開先を用意する

   無料で使えるホスティングサービスのアカウントを作る

2. 2

   ② LPをアップロードする

   Claude Codeの案内に沿って、作ったファイルを公開先へ送る

3. 3

   ③ 公開URLを確認する

   発行されたURLを開き、実際の見え方をチェックする

4. 4

   ④ 独自ドメインを割り当てる

   必要なら独自ドメインを設定する（任意・後からでも可）

公開できたら、その日の目標は達成です。URLをスマホでも開き、問題なく表示されることを確認しておきましょう。公開後の文言修正やデザイン変更も、引き続きClaude Codeに依頼して反映できます。

1日でLPを公開する最大のコツは、完璧を目指さないことです。目的を1つに絞り、素材を先に集め、まず全体を形にしてから細部を整える。この順番を守れば、朝に手をつけたLPを夜には公開できます。 細かな改善は、公開したあとにいくらでもできます。まずは今日1枚、世に出すことを目標にしてみてください。