ターミナルの代わりにOpenCodeをGUIのサイドバーとして使うためのVisual Studio Code拡張機能を作った

Reddit r/LocalLLaMA / 2026/4/16

💬 オピニオンDeveloper Stack & InfrastructureSignals & Early TrendsTools & Practical Usage

要点

  • 開発者が、ネイティブのWebviewパネルを使ってOpenCodeをエディタのサイドバーに直接埋め込むオープンソースのVS Code拡張機能を公開し、ターミナルやブラウザタブの必要をなくした。
  • この拡張機能はデフォルトでlocalhost:4096上にOpenCodeサーバーを自動起動するか、ユーザーが指定した既存サーバーに接続でき、サイドバーを開いたときに自動起動することも可能。
  • 現在アクティブなVS Codeのワークスペースフォルダーに紐づいたOpenCodeセッションを起動し、同一プロジェクト内でファイルを切り替えてもセッションを維持する。
  • 拡張機能には、新規セッション作成、更新、ローカルサーバーの再起動、設定の構成といったコマンドが含まれており、VS Code 1.96.0+とOpenCode CLIが必要(必要に応じてカスタムPATH設定経由)。
Built a Visual Studio Code extension to use OpenCode as a GUI sidebar instead of the terminal

みなさんこんにちは、

私は、OpenCodeをサイドバーにネイティブパネルとして直接取り込むVS Code拡張機能を作りました。この拡張機能は、OpenCode DesktopアプリのUI要素をそのまま正確に使います。ターミナルは不要で、ブラウザのタブも不要です。アクティビティバーに常駐するだけで、簡単に使えます。

できること:

  • VS Codeのwebviewサイドバー内でOpenCodeセッションを実行
  • 開いているワークスペースフォルダを自動的に使用
  • サイドバーを開いたときにローカルのOpenCodeサーバーを自動起動可能
  • 同じプロジェクト内でファイルを切り替えてもセッションを維持
  • 新規セッション、更新、サーバー再起動、設定のコマンドを用意

仕組み:

この拡張機能はOpenCodeのサーバーAPIに接続します。デフォルトでは、何も起動していない場合はlocalhost:4096でopencode serveを起動しようとします。既存のサーバーを指定することもできます。OpenCodeのUI全体がサイドバー内で動作するため、VS Codeを離れることなくチャット体験をまるごと利用できます。

要件:

* VS Code 1.96.0以降

* OpenCode CLIがインストールされ、PATHで利用可能(または設定でカスタムパスを指定)

インストール:

https://marketplace.visualstudio.com/items?itemName=rodrigomart123.opencode-for-vscode&ssr=false#overview

オープンソースでもあります!: https://github.com/rodrigomart123/opencode-for-vscode

フィードバックや機能アイデアがあればぜひ教えてください。みなさんが抱えている問題なら何でも対応できるよう、できる限りすぐに直します。なお、これは私にとって初めてのVS Code拡張機能の投稿なので、どうか温かく見守ってください :)

投稿者 /u/Double-Book-8873
[リンク] [コメント]