Claude CodeのVS Code拡張にFocus viewが来た！ツールログを畳んで会話に集中する設定

👀 結論から

Claude Code の VS Code 拡張に Focus view という表示モードが追加されました！

これはツール実行のログを折りたたんで、AI との会話そのものだけを大きく表示してくれる機能です。

長いセッションだとログが縦にどんどん伸びて、肝心の「今どんな話をしていたか」が埋もれてしまうんですよね…

Focus view を入れてからは、その埋もれる感じがかなり減りました(^o^)/

ふだん Claude Code を使っていると、ファイルを読んだり grep したりするたびにツールの実行ログが差し込まれます。

一つひとつは短いのですが、10 個、20 個と積み重なると、スクロールしても自分の指示と AI の返答を探すのに時間がかかるんです。

Focus view はこのログ部分を最初から畳んだ状態で見せてくれます。

「木を見る」表示と「森を見る」表示を切り替えられるようになった、という感覚が近いかもしれません(・∀・)

私はふだん、AI に長めのタスクを一気に投げるスタイルで使っています。

そうすると 1 セッションで数十回ツールが走るので、これまでは会話を追うのがちょっと大変でした。

Focus view にしてからは、まず「今どこまで進んだか」を会話ベースでざっと把握して、あやしいところだけログを開いて中身を確認する、という流れに変わりました。

この順番になっただけで、レビューのテンポが体感でだいぶ上がった気がします！

特に、あとから「あれ、さっきの指示なんて書いたっけ」と見返すときの探しやすさは想像以上でした(｀・ω・´)

同じ 8 月のアップデートで、サンドボックス周りにも面白い設定が入りました。

資格情報ファイルに mode: "mask" を指定すると、実際の値を渡さないまま外部 API を呼べるようになるんです。

トークンや API キーを AI のセッションに直接さらさずに済むので、うっかりログに残る心配がひとつ減ります。

セキュリティまわりは「便利さと引き換えに気をつけること」が増えがちですが、こういう地道な仕組みが標準で入ってくるのはありがたいです🙏

私が実際に一番助かったのは、社内APIのトークンをAI越しに叩く場面です。

以前は .env の値を直接読み込ませて外部APIを呼ばせていたので、会話ログのどこかにトークンの断片が残っていないか、あとから毎回不安になっていました。

mask を設定してからは、Claude Code側にはトークンそのものが渡らず、実行環境の中でだけ実際の値に置き換わる仕組みになっているので、会話履歴を人に見せるときの心理的なハードルがだいぶ下がりました(^o^)/

最初ハマったのが、既存の資格情報ファイルの書式をそのまま mode: "mask" に変えただけでは反映されず、値の参照方法をコマンド実行側でも環境変数として読ませる形に揃える必要があった点です。

ドキュメントを読み直しながら1つずつ設定を合わせていったら、無事に狙い通り動くようになりました。

一度設定してしまえば、あとは新しいAPIキーを追加するたびに同じ形式でファイルに追記するだけで済むので、最初の1回だけ丁寧にやる価値がある設定だと感じています。

いいことばかり書きましたが、気になる点もあります。

Focus view はログを畳む分、「AI が今まさに何をしているか」のリアルタイム感は少し薄くなります。

走っている処理をじっと見ていたいタイプの人には、逆に物足りないかもしれません。

私の場合は、動いている最中は通常表示、レビューのときは Focus view、と気分で切り替えて落ち着きました。

このあたりは好みが分かれそうなので、まずは両方さわってみるのがいいと思います。

パパ系Webエンジニア〜愛用ガジェット一覧 🛍️

AI開発・執筆に使っている作業デスク環境を楽天ROOMにまとめています ✨ デスク周りの参考にどうぞ 🙌

Focus view は派手な新機能ではないのですが、毎日の使い心地をさりげなく良くしてくれるタイプのアップデートでした！

「AI に任せる量が増えるほど、画面をどう整理するか」が意外と大事になってきた気がします。

気になった方は、VS Code 拡張を最新にして一度試してみてください🙌