Learning Roadmap

2週間で、LPを
「自分で作れる」ように。

1枚目は一緒に作りながら、作り方そのものをお伝えします。
2枚目・3枚目は、ご自身の手で。

1枚目このLPを一緒に完成・公開（〜2週間）

2枚目ご自身で初稿 → 添削（11月中）

3枚目ほぼ自走。困ったときだけ質問

Tools

使う道具（すべて無料）

生成AI

ChatGPT・Claudeなど。文章から HTML を作ってもらう「下書き係」です。

VS Code

HTMLを開いて少し直すためのメモ帳。プレビューもできます。

Cloudflare Pages

フォルダをドラッグするだけで公開。○○.pages.dev のURLが無料で使えます。

プロLINE

LPのボタンの行き先。友だち追加URLとQRを貼るだけです。

Roadmap

2週間の進め方（例）

ご都合に合わせて前後します。やり取りはすべてメッセージで行います。

Week 1

1枚目を一緒に作りながら、仕組みを知る

Day 1
道具の準備と「はじめての公開」Cloudflareのアカウントを作り、1行だけのページを公開してみます。最初に「公開できた」を体験するのが一番の近道です。あなた：アカウント作成
Day 2
LPの「型」を知るこのデモの12ブロック（ファーストビュー→お悩み→解決→動画→理由→人→声→料金→流れ→情報→Q&A→申し込み）を、なぜこの順番なのか一緒に確認します。
Day 3
HTMLの読み方全部覚える必要はありません。「どこが見出しで、どこが文章か」がわかれば十分です。コード内に日本語の説明を書いておきます。
Day 4-5
文章・写真を差し替えるご用意いただくライティングと写真を、ご自身の手で入れ替えてみます。色やフォントは1か所（:root）で変えられます。あなた：原稿・写真のご用意
Day 6-7
動画とプロLINEをつなぐリール動画の埋め込み方（ファイル直置き／YouTube）と、LINEボタン・QRの差し替え。スマホでの見え方をチェックします。

Week 2

生成AIを使って、ひとりで作れる状態へ

Day 8
生成AIへの頼み方「どう頼めば、崩れないHTMLが返ってくるか」。下のテンプレートを一緒に育てます。
Day 9-10
AIで1ブロック作って、つなげる例：キャンペーン告知のブロックをAIに作らせて、このLPに追加。うまくいかないときの直し方もお伝えします。あなた：実際に手を動かす
Day 11
公開・Instagramに設置本番公開して、プロフィールリンクに設定。アクセス数の見方（Cloudflare Web Analytics）もご案内します。
Day 12-14
2枚目の初稿を、ご自身でこのLPをコピーして別メニュー・別サロン用に作り替えます。完成したら添削してお返しします。あなた：2枚目の初稿

Files

LPの中身は、たった4種類

salon-lp/ ├── index.html ← ページ本体（文章はここ） ├── guide.html ← このページ └── assets/ ├── style.css ← 色・フォント・レイアウト ├── main.js ← ふわっと表示・下の固定ボタン └── 写真 / 動画 ← salon.jpg など

2枚目を作るときは、このフォルダを丸ごとコピーして、index.html の文章と写真を入れ替えるだけ。デザインの土台はそのまま使い回せます。

Prompt

生成AIへの頼み方（テンプレート例）

あなたはWeb制作者です。添付の index.html と style.css は、サロンのLPです。このデザイン（色・フォント・余白）を変えずに、「お悩み」ブロックのすぐ後に、次の内容のブロックを1つ追加してください。・見出し：11月限定キャンペーン・本文：（ここにご自身の文章）・ボタン：LINE_URL へのリンク条件： 1. 既存のクラス名（.inner / .sec-title など）を使うこと 2. 追加するHTMLと、追加するCSSだけを返すこと 3. スマホ（幅390px）で崩れないこと

ポイントは「全部作って」ではなく「ここに、これを1つ足して」と小さく頼むこと。1枚目の制作中に、実際のやり取りで使える形に仕上げます。

Publish

公開は3ステップ

CloudflareにログインWorkers & Pages →「作成」→「Pages」を選びます。
フォルダをドラッグsalon-lp フォルダをそのまま画面に落とします。
URLが発行される○○.pages.dev のURLをInstagramのプロフィールへ。

修正したら、もう一度ドラッグするだけで上書き更新されます。

Support

サポートの範囲

伴走期間: ご契約から約2週間（1枚目の完成・公開まで）
やり取り: メッセージで。原則24時間以内に返信します
質問対応: 着手後1か月は、2枚目・3枚目づくりの質問もお受けします
修正: 1枚目は、ご納得いただけるまで回数制限なく修正します

← さとう式リンパケアLP（デモ）へ戻る

2週間で、LPを「自分で作れる」ように。