STEP0：事前準備

• Googleアカウント
• パソコン（Windows / Mac）
• インターネット環境

※ スマートフォンのみでは作業できません。

STEP1：AIでラフ構成を作る

まずは「どんなサイトか」をAIに考えてもらいます。
この時点では 日本語／英語どちらでもOK です。

やること

1. Google Stitch を開く
2. 以下のプロンプトを入力
3. ラフデザインを1案出す

プロンプト例（そのまま使えます）

Create a simple website design for a nail salon.
The purpose is a temporary or test website.
Include:
- Hero section
- Service list
- Basic contact section
Design should be simple and clean.
  

※ 1案出れば成功です。やり直す必要はありません。

STEP2：HTMLを生成する

STEP1で作った構成をもとに、HTMLコードを生成します。

やること

1. Google AI Studio を開く
2. 以下のプロンプトを入力
3. HTMLファイルを生成・ダウンロード

プロンプト例

Create a single-page static HTML website
based on the following structure.
Use simple HTML and CSS.
Do not use frameworks.
Output full HTML code.
  

※ zipや複数HTMLが出てもOKです。後で整理します。

STEP3：最低限の調整（画像差し替え）

ここでは 決められた1行だけ を編集します。

使うもの

• Visual Studio Code（無料）
• 生成されたHTMLファイル

編集していい場所（例）

※ 不安な場合は、編集前にファイルをコピーしてください。

STEP4：Cloudflareで公開する

最後に、作ったHTMLファイルをアップロードして公開します。

やること

1. Cloudflare Pages を開く
2. 「Upload and deploy」を選択
3. HTMLファイル一式をドラッグ＆ドロップ
4. Deploy を押す

数秒でURLが発行されます。
これで仮サイト公開は完了です。