---
slug: "vscode-side-launcher"
title: "VSCode Side Launcher"
description: "VSCode のサイドバーにコマンドランチャーを表示する拡張機能です。よく使うコマンドをボタン化してワンクリックで実行できます。"
url: "https://www.ytyng.com/bio/vscode-side-launcher"
achieved_at: "2025-07-26"
updated: "2026-02-15T05:21:49.423Z"
category: "アプリケーション"
image_url: "https://media.ytyng.com/20260130/de9cbedabf1549e88b3ad9f94f085c10.png"
lang: "ja"
---

# VSCode Side Launcher

# VSCode Side Launcher

VSCode のサイドバーにコマンドランチャーを表示する拡張機能です。

## 特徴

- **サイドバーランチャー**: VSCode のサイドバーにコマンド実行ボタンを表示
- **柔軟な設定**: VSCode の settings.json または外部 JSON ファイルでコマンドを定義可能
- **2つの実行モード**: child_process による実行（結果をサイドバーに表示）と VSCode ターミナルでの実行を選択可能
- **環境変数サポート**: `$WORKSPACE_ROOT` や `$CURRENT_FILE_RELATIVE_PATH` などの環境変数でワークスペースやファイル情報にアクセス
- **リアルタイム出力**: コマンドの実行結果をリアルタイムに表示
- **エラーデバッグ**: スタックトレース表示でエラー原因を特定

## 使い方

VSCode の `settings.json` にタスクを定義するだけで使えます:

```json
{
  "sideLauncher.tasks": [
    {
      "label": "テスト実行",
      "command": "cd $WORKSPACE_ROOT && npm test"
    },
    {
      "label": "Git Add Current File",
      "type": "shellOnVSCode",
      "command": "git add $CURRENT_FILE_RELATIVE_PATH"
    }
  ]
}
```

外部ファイル `~/.config/vscode-side-launcher/tasks.json` でグローバルなタスクも定義可能です。

## リポジトリ

[GitHub リポジトリ](https://github.com/ytyng/vscode-side-launcher)