78
67

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

【2026年最新版】VSCode拡張機能19選 - 開発効率を爆上げする厳選ツールガイド

Last updated at Posted at 2025-12-14

🎄 本記事は ZOZO Advent Calendar 2025 シリーズ 8 の 15 日目です。

はじめに

こんにちは!データシステム部 MA推薦ブロックのるー(@rabbit-313)です。

VSCodeをエディタとして採用する大きな理由の一つは、拡張機能の豊富さですよね。ただ、拡張機能が多すぎて「本当にベストな拡張機能を選べているのか?」「自分の知らない便利な拡張機能があるのでは?」と思ったことがある方は多いと思います。

そこで今回は、一足早めに2026年最新版として、実務で本当に役立つVSCode拡張機能19選をご紹介します。

なお、筆者は業務でPythonとSQLを使うことが多いため、言語系の拡張機能はこれらに偏っています。他の言語を使われている方は、同様の拡張機能が存在する可能性がありますので、ぜひ探してみてください。

「それは知らなかった!」という新たな気づきがあれば幸いです。では早速見ていきましょう。

Git・GitHub連携

まずは、Git・GitHubについての必須拡張機能を紹介します。これらがあればブラウザを開く頻度が減少し、開発フローが改善します。

GitHub Pull Requests

github-pull-requests.png

この拡張機能は、VSCode上でPRの作成やレビューができる優れものです。特にレビュー機能が便利で、ブラウザを開かずにPRのコメント返信やセルフレビューができます。さらに、ファイル単位で「レビュー済み」のチェックをつけられるため、レビュー漏れを防ぐことができます。

インストールコマンド

code --install-extension github.vscode-pull-request-github

GitHub Actions

github-actions.png

GitHub Actionsの管理を行える拡張機能です。CI/CDの実行状態をブラウザで確認する必要がなくなり、VSCode上からworkflowを実行することも可能です。失敗したCI/CDについても、どのステップで失敗したのかをVSCode内ですぐに特定できるため、デバッグ効率が向上します。

インストールコマンド

code --install-extension github.vscode-github-actions

Python開発環境

業務でPythonを扱っている方必見です。CIでblackとruffのチェックが走っているプロジェクトでは、以下の拡張機能を入れることでCIエラーを事前に防げます。

Black Formatter

black-formatter.png

Pythonコードのフォーマッターで、インデントや空白文字を自動で整えてくれます。チーム全体で導入することで、コードの品質を一貫させることができます。ファイル保存をトリガーにフォーマットが走るように設定すれば、さらに楽にフォーマットできます。

インストールコマンド

code --install-extension ms-python.black-formatter

Ruff

ruff.png

Pythonのリンター・フォーマッターです。利用されていない変数や未使用のインポートを検出し、自動削除を行ってくれます。かなり高速なリンターで、Flake8やpylintなどよりも高速にリンティングを実行できます。

インストールコマンド

code --install-extension charliermarsh.ruff

インフラ管理

インフラ管理にTerraformを利用している方はとてもおすすめです。以下の2つを組み合わせることで、Terraformの開発体験が向上します。

HashiCorp Terraform

terraform.png

Terraform開発元HashiCorp公式の拡張機能です。.tfファイルのシンタックスハイライト、構文チェック、リソース定義の参照など、手厚いサポートが受けられます。公式拡張だからこそ、最新のTerraform機能に常に対応しており、安心して使えます。

インストールコマンド

code --install-extension hashicorp.terraform

Terraform Format on Save

terraform-format.png

ファイル保存時に自動的にterraform fmtを実行してくれる拡張機能です。手動でフォーマットコマンドを実行する手間がなくなります。CIでTerraformのフォーマッターチェックが入っているプロジェクトでは、この拡張機能を入れることでCIエラーを事前に防止できます。

インストールコマンド

code --install-extension matheusq94.terraform-format-on-save

マークダウン編集

まさにこの記事もVSCodeで書いています。以下の拡張機能があると、マークダウンの執筆が快適になります。

Markdown All in One

markdown-all-in-one.png

Ctrl+Bで太字、Ctrl+Iで斜体など、キーボードショートカットでマークダウン記法を簡単に入力できます。また、目次を自動生成してくれるので、長いドキュメントの構造が一目瞭然です。READMEや技術文書を書く際に必須の拡張機能です。

インストールコマンド

code --install-extension yzhang.markdown-all-in-one

Markdown Preview Enhanced

markdown-preview-enhanced.png

プレビューがきれいになる拡張機能です。数式のレンダリングや図表の表示が美しくなり、執筆のモチベーションが上がります。LaTeX記法にも対応しているため、技術文書の作成に最適です。

インストールコマンド

code --install-extension shd101wyy.markdown-preview-enhanced

SQL開発

SQLを書く機会が多い方には必須の拡張機能です。

SQLFluff

sqlfluff.png

SQLのリンター・フォーマッターです。SQLの構文チェック、コードスタイルの統一はもちろん、サブクエリのCTEへの自動変換、インデントやキーワードの大文字小文字の自動整形など、多機能で便利です。

インストールコマンド

code --install-extension dorzey.vscode-sqlfluff

コード品質・可読性向上

開発言語によらず入れておきたい、コード品質向上に役立つ拡張機能たちです。

Code Spell Checker

code-spell-checker.png

なにげに嬉しいのがこれです。ほとんどの言語では英語を前提として変数名などを書いているはず。この拡張機能によってスペルミスに気づけるので、変数名のタイポによるバグを防げます。例えば、fucntionと書くと波線が表示され、functionに修正を提案してくれます。こういうミスでエラーに引っかかるのはありがちなので、非常に便利です。

インストールコマンド

code --install-extension streetsidesoftware.code-spell-checker

Indent Rainbow

indent-rainbow.png

インデントを色分け表示する拡張機能です。Pythonなどインデントが重要な言語では特に便利で、各階層が異なる色で表示されるため、構造が一目でわかります。深くネストした条件分岐でも、今どの階層にいるかすぐに把握できます。

インストールコマンド

code --install-extension oderwat.indent-rainbow

Indenticator

indenticator.png

複雑なネスト構造の理解やコードブロックの把握に便利な拡張機能です。カーソルのある行と同じインデントレベルの範囲が縦線でハイライトされます。長い関数やクラスで「今どのブロックにいるんだっけ?」というときに重宝します。

インストールコマンド

code --install-extension sirtori.indenticator

TODO Highlight

todo-highlight.png

TODOコメントを強調表示する拡張機能です。// TODO: エラーハンドリング追加と書くと、TODOの部分が明るく表示され、忘れにくくなります。プロジェクト内の全TODOを検索することもでき、リリース前のチェックに役立ちます。

インストールコマンド

code --install-extension wayou.vscode-todo-highlight

Zenkaku

zenkaku.png

名前の通り、全角スペースを可視化する拡張機能です。うっかり全角スペースを入力してしまっても、背景色が変わるのですぐに気づけます。日本語入力が多い方は必須です。特にPythonではインデントエラーの原因になりやすいので、この拡張機能があると安心です。

インストールコマンド

code --install-extension mosapride.zenkaku

プロジェクト管理

Project Manager

project-manager.png

複数のプロジェクトを管理する拡張機能です。業務プロジェクトと個人プロジェクトを頻繁に切り替える場合、ワンクリックでワークスペースを変更できます。プロジェクトにタグを付けて整理することも可能で、プロジェクト数が多い方には特におすすめです。

インストールコマンド

code --install-extension alefragnani.project-manager

UI・テーマ

見た目も大事です。作業環境を快適にするテーマとアイコンの拡張機能です。

Material Icon Theme

material-icon-theme.png

ファイルアイコンをマテリアルデザインに変更する拡張機能です。.js.py.mdなどがそれぞれ特徴的なアイコンで表示され、ファイルを探しやすくなります。視認性が向上するため、ファイル数が多いプロジェクトでは特に効果を発揮します。

インストールコマンド

code --install-extension pkief.material-icon-theme

GitHub Theme

github-theme.png

GitHubのカラーテーマです。テーマカラーは人それぞれですが、個人的にこれが好きです。色も何種類かあり、ライト・ダーク・ハイコントラストなど、自分の好きな配色を選べます。GitHubと同じUIで開発できるため、違和感なく作業できます。

インストールコマンド

code --install-extension github.github-vscode-theme

その他の便利ツール

最後に、あると便利な特殊用途の拡張機能を紹介します。

Draw.io

drawio.png

VSCode内で図を作成できる拡張機能です。設計書を書く際、VSCodeから離れずに図を作成し、同じリポジトリで管理できます。.drawioファイルをダブルクリックするとエディタ内で図が編集でき、変更もGitで管理できます。チーム全員で図を共同編集する際にも便利です。

インストールコマンド

code --install-extension hediet.vscode-drawio

VSCode Pets

vscode-pets.png

エラーに詰まって煮詰まったときの癒やしにどうぞ。エディタの下に猫や犬が歩き回り、作業の合間に癒してくれます。真面目なツールではないですが、意外と人気です。ペットにボールを投げたり、エサをあげたりできます。長時間のデバッグで疲れたときに、ちょっとした癒しになります。

インストールコマンド

code --install-extension tonybaloney.vscode-pets

まとめ:拡張機能一覧表

以下、紹介した19個の拡張機能を機能別に分類した一覧表です。

カテゴリー 拡張機能名 主な用途 おすすめ度
Git/GitHub GitHub Pull Requests PR管理・レビュー ⭐⭐⭐
GitHub Actions CI/CD管理 ⭐⭐
Python開発 Black Formatter コード整形 ⭐⭐
Ruff 高速リンター ⭐⭐
インフラ HashiCorp Terraform インフラコード(公式) ⭐⭐⭐
Terraform Format on Save 保存時自動フォーマット ⭐⭐⭐
マークダウン Markdown All in One マークダウン編集 ⭐⭐
Markdown Preview Enhanced 高機能プレビュー ⭐⭐
SQL SQLFluff SQLリンター・フォーマッター ⭐⭐
コード品質 Code Spell Checker スペルチェック ⭐⭐⭐
Indent Rainbow インデント可視化 ⭐⭐⭐
Indenticator インデントハイライト ⭐⭐
TODO Highlight TODO強調
Zenkaku 全角スペース検出 ⭐⭐⭐
プロジェクト管理 Project Manager プロジェクト切り替え ⭐⭐
UI/テーマ Material Icon Theme アイコンテーマ ⭐⭐⭐
GitHub Theme カラーテーマ
その他 Draw.io 図の作成・管理
VSCode Pets ペット(癒し)

おすすめ度の基準

  • ⭐⭐⭐:必須レベル。開発効率に直結する拡張機能
  • ⭐⭐:推奨レベル。あると便利な拡張機能
  • :お好みで。娯楽や個人の好みによる拡張機能

終わりに

いかがでしたでしょうか?

今回紹介した19個は、私が実際に日々の開発で使っているツールですが、まだまだ便利な拡張機能は世の中に存在しているはずです。ぜひご自身でもディグってみてください!

一括インストール方法

上記の拡張機能をまとめてインストールしたい方は、以下をターミナルで実行してみてください。

code --install-extension github.vscode-pull-request-github
code --install-extension github.vscode-github-actions
code --install-extension ms-python.black-formatter
code --install-extension charliermarsh.ruff
code --install-extension hashicorp.terraform
code --install-extension matheusq94.terraform-format-on-save
code --install-extension yzhang.markdown-all-in-one
code --install-extension shd101wyy.markdown-preview-enhanced
code --install-extension dorzey.vscode-sqlfluff
code --install-extension streetsidesoftware.code-spell-checker
code --install-extension oderwat.indent-rainbow
code --install-extension sirtori.indenticator
code --install-extension wayou.vscode-todo-highlight
code --install-extension mosapride.zenkaku
code --install-extension alefragnani.project-manager
code --install-extension pkief.material-icon-theme
code --install-extension github.github-vscode-theme
code --install-extension hediet.vscode-drawio
code --install-extension tonybaloney.vscode-pets
78
67
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
78
67

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?