これはTOFU BASEの表示確認用デモ記事です。

AIと一緒にサイトを編集するときに起きやすい問題のひとつが、「どのコードが最新版なのか分からなくなること」です。これを避けるには、編集前後の基準をひとつに固定します。

編集前に最新版を読む

過去の会話やローカルの記憶だけで変更を始めず、まずGitHub上の最新コードを確認します。別の端末や別のAIが先に変更していても、ここを確認すれば食い違いを減らせます。

変更は小さな単位に分ける

デザイン、記事機能、管理画面などを一度に大きく変えるより、目的ごとに差分を分けます。問題が出たときに原因を追いやすくなるためです。

自動デプロイと組み合わせる

mainブランチへの変更がそのまま本番へ反映される構成なら、GitHubを中心に運用を統一できます。管理画面から変更するときも、最終的には同じ正本へ戻す設計にします。

ルールもリポジトリに残す

見た目の方向性、触ってはいけない設定、公開フローなどは、コードだけでは分かりません。AGENTS.mdやREADMEのような場所に運用ルールを残しておくと、次に編集するAIも同じ前提から始められます。

AIは実行役、正本は別にする

AI自体を正本にせず、GitHubやNotionなど用途に合った保存先を正本にすることで、チャットが変わっても作業を継続しやすくなります。