編集

拡張機能ガイド

Hello World サンプルで Visual Studio Code 拡張機能 API の基本を学んだら、いよいよ実用的な拡張機能を構築する時です。拡張機能の機能セクションでは、拡張機能が**できること**の概要を説明していますが、このセクションには、特定の VS Code API の**使用方法**を説明する詳細なコードガイドとサンプルのリストが含まれています。

各ガイドまたはサンプルには、以下のものが含まれています。

徹底的にコメントされたソースコード。
サンプル拡張機能の使用方法を示すGIFまたは画像。
サンプル拡張機能を実行するための手順。
使用されているVS Code APIのリスト。
使用されているコントリビューションポイントのリスト。
サンプルに類似した実際の拡張機能。
APIコンセプトの説明。

ガイドとサンプル

VS Code ウェブサイトのガイドと、それらが使用する VS Code API およびコントリビューションポイントを以下に示します。拡張機能を作成するためのユーザーインターフェースのベストプラクティスを学ぶには、UX ガイドラインを参照することを忘れないでください。

VS Code ウェブサイトのガイド	APIとコントリビューション
コマンド	コマンド contributes.commands
カラーテーマ	contributes.themes
ファイルアイコンテーマ	contributes.iconThemes
製品アイコンテーマ	contributes.productIconThemes
ツリービュー	window.createTreeView window.registerTreeDataProvider TreeView TreeDataProvider contributes.views contributes.viewsContainers
Webview	window.createWebviewPanel window.registerWebviewPanelSerializer
カスタムエディター	window.registerCustomEditorProvider CustomTextEditorProvider contributes.customEditors
仮想ドキュメント	workspace.registerTextDocumentContentProvider commands.registerCommand window.showInputBox
仮想ワークスペース	workspace.fs capabilities.virtualWorkspaces
ワークスペースの信頼	workspace.isTrusted workspace.onDidGrantWorkspaceTrust capabilities.untrustedWorkspaces
タスクプロバイダー	tasks.registerTaskProvider Task ShellExecution contributes.taskDefinitions
ソース管理	workspace.workspaceFolders SourceControl SourceControlResourceGroup scm.createSourceControl TextDocumentContentProvider contributes.menus
デバッガー拡張機能	contributes.breakpoints contributes.debuggers debug
Markdown拡張機能	markdown.previewStyles markdown.markdownItPlugins markdown.previewScripts
テスト拡張機能	TestController TestItem
カスタムデータ拡張機能	contributes.html.customData contributes.css.customData

VS Code 拡張機能サンプルリポジトリからの追加サンプルのリストです。

GitHubリポジトリのサンプル	APIとコントリビューション
Webviewサンプル	window.createWebviewPanel window.registerWebviewPanelSerializer
ステータスバーのサンプル	window.createStatusBarItem StatusBarItem
ツリービューのサンプル	window.createTreeView window.registerTreeDataProvider TreeView TreeDataProvider contributes.views contributes.viewsContainers
タスクプロバイダーのサンプル	tasks.registerTaskProvider Task ShellExecution contributes.taskDefinitions
マルチルートのサンプル	workspace.getWorkspaceFolder workspace.onDidChangeWorkspaceFolders
補完プロバイダーのサンプル	languages.registerCompletionItemProvider CompletionItem SnippetString
ファイルシステムプロバイダーのサンプル	workspace.registerFileSystemProvider
エディターデコレーターのサンプル	TextEditor.setDecorations DecorationOptions DecorationInstanceRenderOptions ThemableDecorationInstanceRenderOptions window.createTextEditorDecorationType TextEditorDecorationType contributes.colors
L10N サンプル
ターミナルのサンプル	window.createTerminal window.onDidChangeActiveTerminal window.onDidCloseTerminal window.onDidOpenTerminal window.Terminal window.terminals
Vim サンプル	コマンド StatusBarItem window.createStatusBarItem TextEditorCursorStyle window.activeTextEditor Position Range Selection TextEditor TextEditorRevealType TextDocument
ソース管理のサンプル	workspace.workspaceFolders SourceControl SourceControlResourceGroup scm.createSourceControl TextDocumentContentProvider contributes.menus
コメントAPIのサンプル
ドキュメント編集のサンプル	コマンド contributes.commands
入門サンプル	contributes.walkthroughs
テスト拡張機能	TestController TestItem

言語拡張機能のサンプル

これらのサンプルは言語拡張機能のサンプルです

サンプル	VS Code ウェブサイトのガイド
スニペットサンプル	/api/language-extensions/snippet-guide
言語設定のサンプル	/api/language-extensions/language-configuration-guide
LSP サンプル	/api/language-extensions/language-server-extension-guide
LSP ログストリーミングサンプル	N/A
LSP マルチルートサーバーサンプル	https://github.com/microsoft/vscode/wiki/Adopting-Multi-Root-Workspace-APIs#language-client--language-server (GitHubリポジトリ wiki)
LSP Web拡張機能サンプル	/api/language-extensions/language-server-extension-guide

08/07/2025