LovableのUndoとブランチ運用｜壊さずに大胆に試すコツ

Lovableは1メッセージごとに状態が保存されており、いつでも前のバージョンに戻せます。これを前提に「とにかく試す → ダメなら戻す」のサイクルを高速で回しましょう。

Undoの使いどころ#

• デザイン変更が破綻した
• 依存追加で動かなくなった
• リファクタで挙動が変わった

ブランチを切るべき場面#

• 大規模リファクタ
• 認証導入など影響範囲が広い変更
• デザイン全面刷新の比較検討

実例ケーススタディ：本番リリース直前のバグを30秒で戻す#

1. 症状：『フォームの送信ボタンが効かなくなった』とユーザー報告
2. 対応：本番ブランチで Undo を1回押し、直前の安定版に戻す（修正は別ブランチで再現＆検証）
3. 別ブランチで原因（Zodスキーマの必須項目追加）を特定→修正→マージ
4. 結果：ユーザー影響時間は約3分。手元の修正試行はブランチ内で隔離されたため本番に影響なし

つまずきポイント集#

• 症状：Undoを連打して履歴がぐちゃぐちゃに → 対処：迷ったら一度Branchを切って『退避用ブランチ』にしてから戻す
• 症状：Undoしたつもりが部分的にしか戻っていない → 対処：マイグレーション済みDBスキーマはUndoでは戻らない。明示的な逆マイグレーションが必要
• 症状：ブランチが増えすぎて管理不能 → 対処：1機能1ブランチ＋週次でアーカイブ
• 症状：修正→Undo→修正→Undo... の無限ループ → 対処：2回失敗したら『プロンプトを書き直す』を強制ルールに

よくある質問（検索意図別）#

[実装手順] Q. ブランチを切る具体的な手順は？

右上の『…』メニュー→『New Branch』→ブランチ名（例: feat/payment-ui）を入力すると、独立したプレビューURLが自動発行されます。戻したいときはブランチ切替メニューでmainを選択するだけ。

[トラブル解決] Q. Undo直後にプレビューが真っ白になる

ブラウザキャッシュ起因が大半。Cmd+Shift+R（WindowsはCtrl+F5）でハードリロード→それでも直らなければチャットで『直前の安定版に戻して』ともう一度Undoを指示してください。