まとめ

最初の拡張機能のトピックでは、拡張機能の作成、実行、デバッグの方法を学びました。拡張機能の構造のトピックでは、Visual Studio Code 拡張機能開発の基本的な概念を学びました。しかし、これらは氷山の一角に過ぎません。VS Code 拡張機能開発のスキルをさらに高めるための推奨ルートをいくつか紹介します。

拡張機能の機能

このセクションでは、VS Code API とコントリビューションポイントをいくつかのカテゴリに分け、各カテゴリで拡張機能を使って何ができるかを簡潔に説明しています。VS Code API を確認したり、新しい拡張機能のアイデアを得るために拡張機能の機能セクションを読んだりして、あなたの拡張機能のアイデアが実現可能かどうかを確認してください。

ガイドとサンプル

活用できる優れた拡張機能サンプルのコレクションを用意しています。その中には、ソースコードを詳細に解説したガイドが含まれているものもあります。すべてのサンプルとガイドは、拡張機能ガイド一覧、または vscode-extension-samples リポジトリで見つけることができます。

UX ガイドライン

作成した拡張機能を VS Code のユーザーインターフェイスにシームレスに適合させるには、UX ガイドラインを参照してください。ここでは、拡張機能の UI を作成するためのベストプラクティスや、VS Code が推奨するワークフローに従うための慣習を学ぶことができます。

問題の報告

VS Code のユーザーは、[ヘルプ: 問題の報告...] コマンド (workbench.action.openIssueReporter) を使用するか、クイックオープン (workbench.action.quickOpen) に issue と入力してインストール済みの拡張機能を選択することで、問題を報告できます。これにより、ユーザーはコア製品やインストール済みの拡張機能に関する問題を一貫した手順で報告できるようになります。

拡張機能の開発者は、個別の問題報告コマンドを追加する代わりに、[ヘルプ: 問題の報告...] の問題報告フローに拡張機能を統合できます。この統合により、ユーザーが問題を報告する際に、追加情報を添付してもらうことも可能になります。

問題報告フローに統合するには、カスタムコマンドと issue/reporter メニューのコントリビューションポイントを追加する必要があります。このカスタムコマンドは openIssueReporter を呼び出します。

package.json の contributes に記述するコマンドとメニューの例（メニューのコントリビューションとコマンドの追加については、コントリビューションポイントを参照してください）

"commands": [
    {
        "command": "extension.myCommand",
        "title": "Report Issue"
    }
],
    "menus": {
        "issue/reporter": [
            {
                "command": "extension.myCommand"
            }
        ]
    }

以前にコマンドパレットで workbench.action.openIssueReporter コマンドを提供していた拡張機能については、この新しい問題報告フローを使用するように移行をお願いしています。

テストと公開

このセクションには、高品質な VS Code 拡張機能を作成するのに役立つトピックが含まれています。たとえば、以下を学ぶことができます。

拡張機能に統合テストを追加する方法
拡張機能を VS Code Marketplace に公開する方法
拡張機能の継続的インテグレーション (CI) をセットアップする方法

5/28/2026