チャットと改良

プロジェクトチャットインターフェース

FloopFloop のすべてのプロジェクトには、AI アシスタントとの会話に似た組み込みのチャットインターフェースがあります。これは、デプロイ後にプロジェクトを操作・改善するための主要な手段です。

チャットにはすべてのメッセージのタイムライン — 最初のプロンプト、AI の応答、送信したフォローアッププロンプト — が表示されます。また、デプロイの進行状況もインラインで表示されるため、ビルドをリアルタイムで確認できます。

フォローアッププロンプトの送信

プロジェクトを変更するには、チャット下部の入力欄にメッセージを入力して Enter を押します。メッセージには、変更・追加・修正したい内容を記述してください。例えば：

• "ヘッダーにダークモード切り替えボタンを追加してください"
• "メインカラーを青に変更してください"
• "フッターにお問い合わせフォームを追加してください"
• "モバイルのレイアウトを修正してください — サイドバーがコンテンツに重なっています"
• "ダッシュボードに月次売上を表示するグラフを追加してください"

フォローアッププロンプトを送信するたびに新しいデプロイがトリガーされます。FloopFloop はプロジェクトの関連部分を再生成し、自動的に再デプロイします。

デプロイ中のメッセージのキュー

プロジェクトが現在デプロイ中であっても、メッセージを送信できます。メッセージはキューに追加され、現在のデプロイが完了すると自動的に処理されます。つまり、待つ必要はありません — アイデアをどんどん送信し続けてください。

キュー管理の詳細については、メッセージキューの記事をご覧ください。

効果的なプロンプトのヒント

• 具体的に— "もっと良くして"ではなく、変更したい内容を正確に伝えてください。
• 一度に一つの変更 — 一度にすべてを変更しようとするよりも、小さく焦点を絞ったプロンプトの方が良い結果をもたらします。
• 既存の要素を参照する— "ヘッダー"、"料金表"、"登録フォーム"など、プロジェクトの特定の部分に言及してください。
• 結果を説明する — 実装方法よりも、結果としてどのように見えるべきかに焦点を当ててください。