VS CodeターミナルでClaude Codeの稼働状態アニメーションを表示する設定

先に結論だけ

VS Codeのsettings.jsonに"terminal.integrated.tabs.title": "${sequence}"を追加するだけで、Claude Codeの稼働状態アニメーションとタブ名が表示されます。ターミナルを切り替えなくても処理中かどうかが一目でわかり、複数タブの中からClaude Codeタブも簡単に見つけられます。

はじめに

問題の背景

VS CodeのターミナルでClaude Codeを使うと、デフォルトではすべてのタブ名が同じ「bash」や「zsh」の表示のままです。複数タブの中からClaude Codeを見つけられず、バックグラウンドで処理中なのか完了したのかもタブを切り替えないと確認できません。

Claude CodeはANSIエスケープシーケンス（OSC 0および2シーケンス）を使って、稼働状態アニメーションとタブ名を表示する機能を実装しています。しかしVS Codeのデフォルト設定ではこのシーケンスが無視されるため、設定変更が必要です。

想定する読者と環境

VS CodeのターミナルでClaude Code（CLI版）を使用している方を対象としています。GUIの拡張機能（VS Code Extension版）ではなく、コマンドラインからclaudeコマンドを実行する環境を想定しています。

• VS Code 1.113.0
• Claude Code 2.1.88

他のターミナルエミュレーターについて: iTerm2やWindows Terminal、macOSの標準Terminal.appなどは、デフォルトでANSIエスケープシーケンスによるタイトル変更が有効なため、本記事の設定は不要です。VS Codeのみこの機能を無効にしているため、明示的な設定が必要になります。

設定方法

1. 設定画面を開く

VS Codeで以下のキーボードショートカットを押します：

• Mac: Cmd+,（コマンドキー + カンマ）
• Windows/Linux: Ctrl+,（コントロールキー + カンマ）

設定画面がUI形式で開きます。

2. JSON形式で設定を編集

タイトルバー右の「設定（JSON）を開く」ボタンをクリックしてsettings.jsonをテキスト形式で開きます。

3. 設定を追加

settings.jsonファイルに以下の設定を追加します：

"terminal.integrated.tabs.title": "${sequence}"

既存の設定がある場合は、カンマの位置に注意してJSONの構文を正しく保ってください。

設定例（既存の設定がある場合）：

{
  "editor.fontSize": 14,
  "terminal.integrated.tabs.title": "${sequence}",
  "other.setting": true
}

4. ターミナルを開き直す

設定を保存後、ターミナルを開き直すと反映されます。

技術的な詳細

"${sequence}"はVS Codeの予約語で、プロセスが送信するエスケープシーケンスをタブタイトルに反映します。

• Claude Codeは実行時にOSC（Operating System Command）シーケンスをターミナルに送信します
• シーケンスに含まれるテキスト値が、タブのタイトルとして表示されます
• 処理中はアニメーション文字が含まれ、タイトルが動的に更新されます

動作確認

タブタイトルの変化

設定前:

• bashやzshなど、ターミナルシェルの名前がそのまま表示されます
• どのシェルでもすべて同じ名前なため、複数のタブがあると区別できません

設定後:

• Claude Codeの実行時に、タブ名が⠋ claude ...のようなテキストに変わります
• 先頭の文字がアニメーションで回転し、稼働状態を動的に表示します

アニメーションによる稼働状態確認

タブ名の先頭に⠋⠙⠹⠸⠼⠴⠦⠧⠇⠏のようなスピナーが表示されます。

• 回転中: Claude Codeが現在AIの応答を処理中
• 停止: 回答生成が完了したサイン

タブを切り替えなくても、バックグラウンドのClaude Codeが処理中か完了かを確認できます。

まとめ

"terminal.integrated.tabs.title": "${sequence}"設定を追加するだけで、Claude Codeの稼働状態アニメーションとタブ名が表示されます。

実装状況について

この設定はVS Code・Claude Codeどちらの公式ドキュメントにも記載されていませんが、双方ともすでに機能を実装しています。VS Codeの設定を1行変更するだけで有効になります。

参考

• VS Code公式ドキュメント - Terminal Appearance — ${sequence}変数の説明あり
• Claude Code公式ドキュメント - Terminal Configuration — 本記事の設定に関する記載なし（2026年3月時点）
• GitHub Issue #28983