VS CodeでCopilot Chatの位置を左側に戻す方法

こんにちは、全力開発部の @konoka-iori です。

みなさん、GitHub Copilot使っていますか。 私はもはやこれなしで開発できないほど活用しています。

さて、先日我らがVS Codeにアップデートがありました。

Visual Studio Code October 2024 -

Learn what is new in the Visual Studio Code October 2024 Release (1.95)

このアップデートでは、Copilot Chatが右側のSecondary Side Barにお引越ししたようです。 詳細

個人的には、Copilot Chatは左側のPrimary Side Bar（「エクスプローラー」や「ソース管理」などがあるパネル）に表示されている方が使いやすかったので、右側に移動されると少し不便に感じました。

Copilot Chatを左側に戻す方法を調べてみたものの、日本語での情報があまりなかったので備忘録を兼ねて記事にします。 私と同じように、Copilot Chatは左側に戻したいという方はぜひ参考にしてみてください。

Copilot Chatを左側に戻す方法

実は超簡単です。

まず、VS Codeを開いて、Secondary Side Barを開きます。

すると、Secondary Side BarにCopilot Chatが表示されます。

更新した直後の状態では、赤枠で囲っている部分のようにアイコンがSecondary Side Barの上部に表示されているのではないでしょうか。

この2つのアイコンは実はドラッグアンドドロップで移動できます。

Copilot ChatのアイコンをドラッグしてPrimary Side Barに配置すると、以前のようにCopilot Chatが左側に表示されます。

ついでにCopilot Editsのアイコンも左側に配置したい場合は、こちらも同じ要領でPrimary Side Barに移動しておけばOKです。

参考情報

先ほどご紹介した手順は、このIssueに書かれていた方法を参考にしています。

私はこちらのIssueで解決しました。

Why did you move this copilot out of the normal left column navigation bar? · Issue #2109 · microsoft/vscode-copilot-release - GitHub

Copilot Chat Extension Version: VS Code Version: OS Version: Logs: Steps to Reproduce: Update your plugin Hooray, the copilot chat takes more space now on the right side of VS code.

蛇足

最近、VS CodeはCopilotとの連携・統合が活発に進んでいますね。

AI統合エディターとしては Cursor が現状一歩リードしていますが、VS Codeもそれに負けじと頑張っているようです。

Copilotをはじめとした生成AIは引き続き有効活用していきたいですね。

これがあるのとないのとでは、開発効率や開発体験が全然違いますから。