カフェのホームページ制作
架空のカフェのサイト制作を、要件整理から公開まで進める。
これは架空の利用例です。 Shoebillの導入・GitHub接続が済んだ状態を想定しています。ファイルの作成・更新・削除ではChatGPTから提示される内容と保存先を確認し、許可してから実行します。
こんな場面で
カフェからホームページ制作を依頼された。営業時間・メニュー・アクセスの掲載が必要だけれど、写真や原稿はまだ揃っていない。
今回のゴール： カフェ「木漏れ日」のホームページを制作して公開する。
使い始めから終了までの流れ
1. 要件を整理
Topic開始 カフェHP制作。ゴールを「営業時間・メニュー・アクセスを掲載した3ページのサイト公開」とし、必要な資料、担当、作業順を整理する。作成案に許可を出したら「要件整理を始めよう」と伝える。
2. 構成を決める
「トップ・メニュー・アクセスの各ページに何を載せる？」と相談。決定した構成と、店主へ確認すべき事項を整理して記録する。
3. 作業の途中で保存
画像の用意が必要になったところで Topic中断 カフェHP制作。完了事項、作成中のページ、必要な写真、次の作業を保存する。
4. 別チャットで制作再開
画像を用意した日に Topic再開 カフェHP制作。保存内容から再開方針を確認し、許可や開始指示の後でコーディングや確認作業を進める。
5. 追加依頼に対応
店主から「テイクアウト案内も載せてほしい」と言われたら Topic修正 カフェHP制作。ページ追加の影響と修正案を確認して許可する。
6. 公開後に整理
完成して確認が済んだら Topic終了 カフェHP制作。サイト構成、採用した方針、残しておくべき情報を確認し、Archiveへの保存成功後にTopicを整理する。
ポイント：毎回「どこまで終わった？」から始めない
必要な情報は現在の State.md に、重要な判断理由や経緯は Log.md に保存できる。新しいチャットで再開するときは、まず現在状態を読み、理由が必要なところだけ記録を参照する。Shoebill自体がサイトを自動公開するわけではないので、コード編集やデプロイは利用可能な環境で個別に実行・確認する。