編集

まとめ

初めての拡張機能のトピックでは、拡張機能の作成、実行、デバッグの方法を学びました。拡張機能の構造のトピックでは、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 マーケットプレイスに拡張機能を公開する方法
拡張機能の継続的インテグレーションを設定する方法

08/07/2025