編集

まとめ

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

拡張機能の機能

このセクションでは、VS Code API と Contribution Points をいくつかのカテゴリに分け、それぞれ拡張機能で何が達成できるかについての短い説明を加えています。新しい拡張機能のアイデアについては、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 マーケットプレイスに拡張機能を公開する方法
拡張機能の継続的インテグレーションを設定する方法

10/09/2025