まずは、こちらのページを見てみてください。

https://naginanasaki.github.io/sample_homepage/

このサイトは、全部AIで制作しています。

もちろんコードは一行も書いていません。

AIに要望を伝えて、質問に答えて、それだけで完成しました。

この教材を読めば、ここまで出来るようになります。

しかも、ただ自分のサイトを作れるだけではありません。

この流れを覚えれば、整体院、美容室、士業、コンサル、個人サービスなどのホームページ制作にも応用できます。

つまり、AIを使ったホームページ制作を「自分の商品」として持てるようになります。

特典1 | 七咲式AIホームページ受注スキル
特典2 | 七咲式サンプル設計図
特典3 | 七咲式完成品チェックスキル

これらを使うことで、AIで商品レベルのホームページを作れるようになります。

大事なのは、AIに何を聞くか

……と言っても、

「AIにホームページを作ってと頼めば終わり」

という話ではありません。

正直、そこまで甘くはないです。

AIはたしかに優秀です。

文章も出してくれます。
構成も考えてくれます。
デザインの方向性も出してくれます。
ノーコードツールを使えば、実際に公開できるページまで作れます。

でも、AIに雑に頼むと、雑なサイトができます。

よくあるのが、こういう頼み方です。

整体院のホームページを作って
美容室のLPを作って
コンサルのサービスサイトを作って
おしゃれなサイトにして

この頼み方でも、AIは何かしら作ってくれます。

でも、だいたいこうなります。

どこかで見たような構成
誰に向けたサイトかわからない
文章はきれいだけど刺さらない
問い合わせボタンまでの流れが弱い
見た目はそれっぽいけど、売れる感じがしない

つまり、AIでホームページを作ること自体は簡単になりました。

でも、「仕事として出せるホームページ」にするには、別のコツが必要です。

大事なのは、AIに何を聞くかです

AIホームページ制作で差がつくのは、ツール操作ではありません。

差がつくのは、AIへの聞き方です。

たとえば、同じ整体院のサイトでも、

産後の腰痛に悩む女性向けなのか
デスクワーク疲れの会社員向けなのか
スポーツ障害に悩む学生向けなのか

これだけで、サイトの見せ方はまったく変わります。

ファーストビューも変わります。
見出しも変わります。
載せる実績も変わります。
CTAの言葉も変わります。

だから、AIに最初に投げるべきなのは、「ホームページを作って」ではありません。

最初にやるべきなのは、

AIが売れるサイトを作れるように、材料を整理すること

です。

では、具体的になにをすればいいの？

ここで登場するのが購入者特典の

七咲式AIホームページ受注スキル

です。

このスキルは、AIにホームページ制作のヒアリングから設計までを任せるためのスキルです。

ChatGPT Image 2026年6月20日 11_19_02.png

このスキルをCodexやClaudeCodeに読み込ませたあと、ユーザーは質問に答えるだけで、ターゲット、構成、コピー、デザイン方針、制作指示までまとまった「Web制作設計図」を作れます。

その設計図をCodexやClaude Codeに渡すことで、実際のWebページ制作まで進められます。

イメージはこうです。

七咲式AIホームページ受注スキルをCodexやClaudeに読み込ませる
AIがユーザーに質問する
ユーザーが質問に答える
AIが回答を整理する
ターゲット、構成、コピー、デザイン方針をまとめる
CodexやClaude Codeに渡せるWeb制作設計図を出す
その設計図をもとに、実際のWebページを構築する

つまり、このスキルの役割は、

「いきなりサイトを作ること」

ではありません。

まず、

売れるホームページを作るための設計図を作ること

です。

ここが重要です。

AIにいきなり制作させると、見た目はそれっぽくても、誰に何を伝えたいのかがぼやけます。

でも、先に設計図があれば変わります。

誰に向けたサイトなのか
何に悩んでいる人へ届けるのか
サイトを見た人に何をしてほしいのか
競合ではなく選ばれる理由は何か
どんな順番で伝えれば申し込みやすいのか
どんなトーンのデザインにすべきか

こうした情報を整理したうえで制作に入れるので、AIの出力が一気に安定します。

七咲式スキルが質問する内容

たとえば、七咲式スキルではこのような質問をします。

このサイトを見た人に、最終的にどんな行動をしてほしいですか？問い合わせですか？ LINE登録ですか？予約ですか？資料請求ですか？購入ですか？

その人は申し込む直前に、何を不安に感じていますか？

競合ではなく、あなたを選ぶ理由を3つ挙げるなら何ですか？

このサイトを見た人に、誤解されたくないことは何ですか？

価格以外で勝てるポイントは何ですか？

普通にAIへ頼むと、こういう深掘りは省略されがちです。

でも、実際にホームページ制作で大事なのは、この質問です。

質問の質が上がると、設計図の質が上がります。

設計図の質が上がると、完成するサイトの質も上がります。

七咲式スキルが出す設計図

質問に答えると、最終的に以下のようなWeb制作設計図を出します。

七咲式Web制作設計図
1. 事業概要
2. ターゲット
3. ターゲットの悩み
4. ターゲットが欲しい未来
5. サービスの強み
6. 競合との差別化
7. 最終CTA
8. サイト全体の構成
9. ファーストビュー案
10. 各セクションの見出し
11. 各セクションの本文方針
12. デザイン方針
13. 必要な画像・素材
14. スマホ表示で注意する点
15. Codex / Claude Codeに渡す制作指示

ここまでまとまっていると、次の工程がかなり楽になります。

あとは、この設計図をCodexやClaude Codeに渡して、

「この設計図をもとにWebページを作ってください」

と依頼すれば、制作に進めます。

実際に渡す制作指示のイメージ

七咲式スキルでは、最後にこのような制作指示まで出せるようにします。

以下の七咲式Web制作設計図をもとに、レスポンシブ対応の1ページWebサイトを制作してください。必ず含めるセクション：・ファーストビュー・課題提起・サービス紹介・選ばれる理由・料金・FAQ ・CTA デザイン方針：・信頼感がある・スマホで読みやすい・余白を広めに取る・CTAボタンを目立たせる・派手すぎず、事業内容に合うトーンにする注意点：・架空の実績を作らない・誇大表現を使わない・問い合わせ導線をわかりやすくする・スマホ表示を優先する

ここまで作ってからWeb制作AIに渡すので、ただの思いつきで作るよりも、はるかに完成度が上がります。

この教材では、記事本文で制作の考え方を学び、購入者特典の七咲式スキルで実際の設計図作成まで進められるようにします。

こういう流れで作ります

この教材では、次の流れでホームページ制作を進めます。

ヒアリングする
AIに事業内容を整理させる
サイト構成を作る
ファーストビューを作る
各セクションの文章を作る
デザイン指示を作る
ノーコードツールで形にする
納品前チェックをする

難しいことをしているように見えるかもしれません。

でも、実際はテンプレに沿って進めるだけです。

AIに何を聞くか。
どの順番で聞くか。
出てきた答えをどう使うか。

この順番さえわかれば、未経験でもかなり再現しやすくなります。

この記事は、こんな人に向いています

AIを使って副業を始めたい
ホームページ制作に興味がある
コードを書かずにサイトを作りたい
STUDIO、Wix、Framer、WordPressなどを使ってみたい
クライアントワークに使えるテンプレがほしい
提案文や見積もりの型までほしい
自分のサービスサイトをAIで作りたい
「AIで何か稼ぎたい」けど、何から始めればいいかわからない

逆に、

何も考えずにワンクリックで稼ぎたい
クライアント対応は一切したくない
AIに全部丸投げしたい

という人には向いていません。

AIは便利ですが、魔法ではありません。

ただし、正しい順番で使えば、未経験者の武器になります。

有料部分で渡すもの

特典1 | 七咲式AIホームページ受注スキル（Codex/Claude Code用スキル）

先述の、AIにホームページ制作のヒアリングから設計までを任せるためのスキルです。

このスキルを導入し、質問に答えていくと、自然と「売れるホームページの設計図」が出来上がるはずです。

特典2 | 七咲式サンプル設計図

七咲式AIホームページ受注スキルを実際に使ったサンプルの設計図です。実際にどのような設計図ができるのか確かめることができます。

特典3 | 七咲式完成品チェックスキル (Codex/Claude Codeスキル)

ホームページが完成した段階で、品質のチェックを行うスキルです。最終段階でもう一度チェックを行うことで、「売れるホームページ」の品質を上げます。

価格について正直に話します

ここまで読んでくれた方に、価格について正直に話します。

この記事の本来の価格は、9,980円でもおかしくありません。

なぜなら、この記事で渡しているのは、ただの読み物ではないからです。

ホームページ制作の考え方だけではなく、

七咲式AIホームページ受注スキル
七咲式サンプル設計図
七咲式完成品チェックスキル

まで含めています。

つまり、この記事を読んで終わりではなく、

「設計図を作る」
「その設計図からWebページを作る」
「完成品をチェックする」

ところまで使えるようにしています。

もし、これを外注や講座として受けようとしたら、9,980円どころでは済まないと思います。

ホームページ制作のヒアリング方法。
サイト構成の作り方。
ファーストビューの考え方。
AIへの指示の出し方。
完成品のチェック方法。
CodexやClaude Codeに渡すための設計図。

これらを自分で調べて、試して、失敗して、ようやく形にするにはかなり時間がかかります。

この教材は、その遠回りを減らすために作っています。

ただ、最初から高い価格にはしません。

理由はシンプルで、まずは実際に使ってくれる人を増やしたいからです。

この教材は、読んで終わりの商品ではありません。

購入者の方に実際に使ってもらい、

「この質問がよかった」
「この設計図が使いやすかった」
「ここはもっと詳しくしてほしい」
「この業種の例も欲しい」

という反応を見ながら、追記して育てていく予定です。

だから、公開初期の価格がいちばん安くなります。

今が最安値です。

まずは1本、AIでホームページを作ってみる。

その1本が作れれば、次は応用できます。

そして応用できれば、自分の商品として提案できます。

この教材は、その最初の1本を作るための入口です。

本編の内容