Claude Code の Checkpoints と /rewind：AI の誤りをコードごと巻き戻す

意識せずに積まれるチェックポイント

保存コマンドは存在しません。送ったメッセージがそのまま戻れる地点になり、その行にどのファイルが変わったまで併記されます。

1. 1

   これから取り消すことになるセッションを始める

   動画は /clear から始まり、続けて1本の長いプロンプトを入力します。React のボタンコンポーネントを作り、作業を複数ステップに分割し、各ステップの終わりに承認を求め、進捗を button.tsx に書き続ける、という指示です。この時点ではまだ何も保存されておらず、ステータス行は 0 tokens。それでもこのメッセージを送ることが、1つ目のチェックポイントの生成になります。

   

2. 2

   Step 1 が終わり、ToDo にチェックが入る

   Claude は button.tsx に型定義、props インターフェース、forwardRef ラッパーを書いて1つ目の ToDo を消し線にし、承認を求めて停止します。ここが綺麗な区切りで、後で rewind が戻すのもこの状態です。

   

3. 3

   承認メッセージも次のチェックポイントになる

   step 1 complete. continue. と入力することは2つのことを同時にします。次ステップの承認と、別の戻し地点の記録です。チェックポイントは Claude の編集ではなく自分のメッセージに紐付くので、介入するほど着地点は増えます。

   

rewind 一覧を開く

Esc を2回、または /rewind。セッション全体が、自分が送ったメッセージのリストとして現れます。

1. 4

   後悔したターン

   Step 2 Complete は variantStyles と sizeStyles を Tailwind のユーティリティクラスで実装したと報告し、VS Code には bg-blue-600 のような文字列が並んでいます。このプロジェクトは Tailwind を使いません。作業が無駄になったのではなく、方向が違うだけ。まさにチェックポイントの出番です。

   

2. 5

   Esc を2回で Rewind を開く

   入力欄が空の状態で Esc を2回押すと Rewind パネルが開きます。/rewind と同じ画面です。見出しは Restore the code and/or conversation to the point before...、その下にこのセッションで送ったメッセージが1行ずつ並び、button.tsx +45 -0 のように変更ファイルと行数が添えられます。/clear も No code changes として表示されます。Enter で進み、Esc で抜けると何も変わりません。

   

3. 6

   最後によかったメッセージへマーカーを合わせる

   マーカーを step 1 complete. continue.、つまり Tailwind の作業が始まる前に送った1本へ移動して Enter を押します。あるメッセージの前へ戻すということは、その後の全てが巻き戻るということです。再現したい行ではなく、当時まだ健全だった行を選びます。

   

何を取り戻すか決める

コードだけ、会話だけ、その両方。確認画面は、適用前に diff の行数を見せてくれます。

1. 7

   復元範囲を選ぶ：コード、会話、あるいは両方

   確認画面は選んだメッセージの本文と経過（1m ago など）を表示し、The conversation will be forked. と告げ、The code will be restored in button.tsx +1 -47 という具体的なファイル操作まで印字します。その下に 1. Restore code and conversation、2. Restore conversation、3. Restore code の3択。さらに注意書きが残ります。Rewinding does not affect files edited manually or via bash。

   

2. 8

   セッションは Step 1 に戻っている

   確定すると、transcript は Tailwind の作業より前の位置で終わります。画面には Step 1 Complete、承認への問いは未回答、元のプロンプトは入力欄に戻ってきています。1 を選んだため、ディスク上のファイルもチェックポイント時の状態へ戻っています。

   

3. 9

   戻ってきたプロンプトを打ち直さず編集する

   巻き戻したメッセージは編集可能な入力として戻ってくるため、説明を繰り返す代わりに指示を書き換えられます。ここでは同じ承認文へ please use only vanilla css を挿入しています。undo は rewind がやり、新しい方向はここで与えます。

   

4. 10

   送信してセッションを続行させる

   書き換えたプロンプトは分岐した地点から実行されます。Claude Code は esc to interrupt の表示とともに作業を続け、ToDo は巻き戻し前と同じもの。捨てた分岐を新しいターンに引き継ぐものはありません。

   

巻き戻したあと

プロンプトは編集可能な形で入力欄に戻り、タイムラインは新しいチェックポイントを携えて再び開きます。

1. 11

   望みどおりに作り直された Step 2

   Step 2 Complete は baseStyles、variantStyles、sizeStyles、disabledStyles をプレーンなスタイルオブジェクトとして列挙し、Vanilla CSS via inline styles (CSSProperties) と明記します。同じステップの別実装を、Claude が書いたコードを手で1行も直さずに得ています。

   

2. 12

   要約ではなくファイルを見る

   VS Code 側の button.tsx は react から CSSProperties を import し、border、borderRadius、cursor、transition を持つ baseStyles オブジェクトを開いています。これがファイル単位で復元された証拠で、Tailwind のクラス文字列は transcript から隠れたのではなく、実際に消えています。

   

3. 13

   もう一度 Rewind を開いて新しい時間軸を見る

   一覧を再び開くと、現在のセッションはこう並びます。最初のビルド用プロンプトが button.tsx +45 -0、続いて書き換えた vanilla CSS の1本が button.tsx +71 -1、その下に (current)。巻き戻した分岐は戻し地点として出なくなりました。気に入ったチェックポイントを見つけたら Git のコミットに残すべき理由がここにあります。

   

さらに深く