VS Code「Visual Studio Code」は、**Microsoftを中心に開発されている、オープンソースの高機能コードエディタ―です。**Windows／Linux／macOSのクロスプラットフォームに対応しており、世界中のエンジニアに利用されています。

VS Codeは高速性と安定性に優れたエディターで、コード編集や自動補完機能・フォーマッティング機能・デバッグ機能・Web構築に必要な処理の自動化（タスクランナー機能）・ソースコード管理のGitHubとの連携など、豊富な機能を有しています。

また、Azureクラウドを利用したリモート開発や共同開発にも対応しています。

【参考】：[Azure](https://azure.microsoft.com/ja-jp/)

クラウドエンジニアを目指す方必見！Azureを分かりやすく紹介！

VS Code自体の豊富な機能に加えて、優れたプラグイン（Plug in）が豊富にあります。プラグインとは拡張機能のことで、プラグインをインストールすることで、VS Codeをさらに便利に活用することができます。

プラグインを使わずにVS Codeだけでもコーディングはできますが、**プラグインを追加することでVS Codeの機能が拡張され、より効率的なコーディングが行えるようになります。**VS CodeプラグインはVS Codeと一体と考えて利用した方がよいでしょう。

ここから、実際にVS Codeをインストールしていきます。以下の手順に従って、VS Codeをダウンロードし、ダウンロードが済んだらインストールを行います。

**Visual Studio Code の専用サイトからVS Codeのダウンロードを行います。**下記サイトにアクセスし、ここではWindows用のVS Codeをダウンロードします。MacやLinux用をダウンロードする場合は、ダウンロードボタンの右にあるドロップダウンマークをクリックしてOSを選択します。

*【参考】：[Visual Studio Code 公式サイト](https://code.visualstudio.com/)*

［Download for Windows］ボタンをクリックすると次の画面に遷移し、ダウンロードが行われます。

2022年6月24日時点では*「VSCodeUserSetup-x64-1.68.1.exe」*が最新バージョンです。ダウンロードが済んだら、このexeファイルをダブルクリックするとインストールが始まります。

VS Codeのインストールには**途中でいくつかの確認画面がありますので、慎重に進めてください。**

インストールが始まると、最初に「使用許諾契約書の同意」画面が表示されますので、同意できる場合には「同意する」を選択し、続いて［次へ（N）>］をクリックします。

インストール先のディレクトリ選択画面が表示されますので、デフォルト設定されている場所でよければ、［次へ（N）>］をクリックします。

Windows のスタートメニューに 「Visual Stddio Code」 のメニューを追加するか否かの選択画面です。追加は［次へ（N）>］をクリックします。追加しない場合は「▢スタートメニューフォルダを作成しない」にチェックを入れます。

追加タスクの選択画面です。デフォルトでは「サポートされているファイルの種類のエディタとして、Codeを登録する」と「PATHへの追加」にチェックが入っています。ここではデフォルトのままで問題ありませんが、必要に応じてタスクを選択してください。

設定が終わったら［次へ（N）>］をクリックします。

最終確認画面です。表示された内容でインストールしてもよければ［インストール（I）］をクリックしてください。

インストールが終了すると次の画面が表示されますので、［完了（F）］をクリックします。デフォルトではVS Codeが実行されます。

VS Codeのセットアップウィザードが完了して、VS Codeが使えるようになりました。

続いてVS Codeを起動すると、リリースノート（更新履歴）が表示されます。ここでは「May 2022（version 1.68）」となっています。

旧バージョンでは、メニューなどの表示言語が英語でしたが、Version1.58以降は日本語化されていますので、日本語プラグイン「Japanese Language Pack for Visual Studio Code」のインストールは不要です。

VS Codeには『Visual Studio Marketplace』というVS Codeの拡張機能（プラグイン）を紹介、提供している専用サイトがあります。

**VS Codeから直接、『Visual Studio Marketplace』でプラグインを検索してインストールすることができます**が、あくまでもキーワードで検索するだけですので、あらかじめMarketPlaceに何があるのか、一覧で確認しておいた方が効率的にプラグインを利用できます。

*【参考】：[Visual Studio Marketplace](https://marketplace.visualstudio.com/)*

VS Codeが使えるようになったら、早速プラグインを利用してみましょう。VS Codeは非常に多くのプラグインがあり、その大半は無償提供されています。**プラグインの入れ方ですが、VS Code上から検索して、インストールボタンを押すだけでインストールができます。

**ではさっそくプラグインのインストール方法について解説をします。

### VS Codeプラグインのインストール

VS Codeの左メニューバー（黒の縦帯）の**「プラグイン拡張ボタン」をクリックし、左上の検索ボックスにプラグインの名称を入れて検索をします。

**たとえばPython関係のプラグインを見つけたい場合は、pytと一部だけ入力しても、候補のプラグインが一覧表示されます。目的のプラグインを選んだら、後はインストールボタンをクリックするだけです。

## VS Codeおすすめのプラグイン7選

ここでは基本的なプラグインの中から、*よく使われるプラグインを7つご紹介をします。*実際にインストールして試してみましょう。気に入らなければ簡単にアンインストールができます。

vscode-iconsは、**ディレクトリやファイルをアイコン付きで表示ができるプラグインです。**このプラグインをインストールしておくと、一目でファイルを識別することができ、作業の効率を上げてくれる人気の拡張機能です。

vscode-iconsをインストールすると、次のようにファイルがアイコン表示されます。

Code Spell Checkerは、**コード内のスペルミスが検出できるプラグインです**。この機能を使うと、スペルミスをした個所に下線が引かれることで、タイプミスに気付くことができます。ミスした箇所を修正すると下線が消えます。

Auto Rename Tagは、**HTMLタグなどの編集をした際、対応するタグの名前まで自動的に変更してくれるプラグインです。**このため、入力の手間が大きく減り、コーディング作業を効率化することができます。

またHTML以外にも、ReactやVueなどのテンプレートでも同様にタグの自動変更ができます。HTML・React・Vueなどのテンプレートを編集する機会が多い方は、ぜひインストールしておきたいプラグインの1つです。

HTML入門：基本から学ぶHTMLの構造と構成要素を解説！

Reactの将来性はVue超え？できることやメリット・デメリットも解説

Auro Close Tagは、**自動的に終了タグを生成してくれるプラグインです。**タグを書くときに開始タグを入れると、自動で終了タグが作成されます。このプラグインをインストールしておけぱ、終了タグを打つ必要がないためコーディングの効率化が図れます。

Live Serverは自分のパソコン上で**ブラウザのプレビューができるようになるプラグインです。**

このプラグインを使わなくとも、ブラウザでローカルアドレスを指定すれば、プレビューをすることは可能ですが、コーディングの保存・修正の度に、該当ファイルを開いたり、ページのリロードをしなければならず、余分な手間が掛かります。

Live Serverではコーディングをしながら、ボタン1つで結果を確認できるため、コーディング作業がはかどります。プログラマー、コーダーの方にはおすすめのプラグインです。

ZenkakuはVS Code上で**「全角スペース」を可視化してくれるプラクインです。**

プログラミングを始めた頃にありがちなミスで、半角スペースの代わりに誤って全角スペースを打ち込んでしまい、プログラムが動かないというケースがあります。こうしたミスは熟練者でも起こしてしまうことがありますが、こうしたミスを防いでくれるのがZenkakuです。

Pythonエンジニアには必須のプラグインです。これをインストールすることで、**VS CodeがPythonエディタとなります。**このプラグインを使うことで、構文を強調表示したり、コードナビゲーションやコードの書式設定などのサポート機能が提供されます。

PHP関連のプラグインも豊富にありますので、PHPを利用されている方は、検索で「PHP」と入れてみてください。

Pythonでできることは？仕事で活かせる領域や職種を紹介！

PHPでできることを解説！機械学習やスマホアプリ開発はできる？

## プラグインを活用してオリジナルのVS Code

ここまでVS Codeの概要、VS Codeのダウンロードトインストール方法、VS Codeのプラグインを集めた「Visual Studio MarketPlace」の紹介、VS Codeプラグインのインストール方法、おすすめのプラグイン7選を紹介してきました。

VS Codeは無料ながら非常に優れたコードエディタで、プログラマーやエンジニアには必提のツールです。豊富なプラグインをインストールして、**VS Codeを自分専用のエディタにカスタマイズし、仕事の効率アップを図ってみてください。**

「VS Code」は、Microsoftが提供するオープンソースの高機能エディタ―です。VS Codeにはプログラミングで便利なプラグインが豊富に用意され、プログラミングの効率を高めてくれます。ここではおすすめのプラグインとインストール法などについて解説します。

高機能コードエディタのVS Codeには更に便利に活用できる豊富なプラグインがある

プラグインはVS Code上で簡単に検索やインストールができる

プラグインを利用することで、プログラミングやコーディングの効率がよくなる

VS Codeのプラグインとは？導入方法やおすすめの拡張機能も紹介

近年、プログラミングスキルを身に付けるためのツールは多数あります。初心者から熟練者までIDEを利用している方は少なくないでしょう。ここからは、IDEの詳細やIDEとフレームワークの違いについて紹介しましょう。

IDEとは「Integrated Development Environment」の略称です。日本語では統合開発環境と呼ばれています。**統合開発環境とは、プログラミングを行うにあたって必要な環境を統合してくれているサービスを指します。**例えば、IDEではソースコードの記入・コンパイル・バグの確認・編集の管理などを提供しています。

もともとシステム開発を行う場合、テキストエディタを用いてソースコードを記述し、コマンドライン上でコンパイルを行うなど、非効率な環境で開発する場合が多かったです。よって、コンパイルを行う場合はコンパイラ、デバッグする場合は、デバッガなどと開発に必要なそれぞれのツールを各々揃えなければなりませんでした。

一方現在では、サーバーサイドの開発やGUIの開発などのようにエンジニアに求められる業務の量は増加傾向にあります。また、プロジェクト管理などシステム開発の負担も増大しています。したがって、**IDEによって開発環境を1つに統合することで、開発を行う負担の軽減や、効率の向上が期待されています。**IDEではテキストエディタ、コンパイラ、デバッガなどをが1つにまとめられています。Webシステム・サービス・アプリなど、統合開発環境はさまざまなシステムやプログラミング言語に対応しています。

これまでにも説明しましたが、統合開発環境であるIDEはアプリケーションを開発するにあたって必要なソフトウェアを1つに統合して提供するパッケージを指します。しかし、IDEとフレームワークの違いについて疑問を抱く方も少なくないでしょう。ここからは、IDEとフレームワークの違いについて詳しく紹介しましょう。

フレームワークとは、アプリケーションを開発する際の雛形の役割を担っています。フレームワークはアプリ開発の際に必要とされる機能を1つにして提供します。アプリケーション全体における処理の流れを管理しやすいことがフレームワークのメリットといえるでしょう。

**統合開発環境であるIDEは、テキストエディタやコンパイラなどを統一して提供する開発環境を指します。一方、フレームワークはアプリケーション開発における工程を容易にするために用います。**

ここからは、IDEを利用するメリットについて4点ご紹介します。

IDEはプログラミングに必要な環境が1つに統合されています。したがって、IDEを利用することで、1つのサービスでプログラミングに必要な全ての環境を用意することができるため、事前準備などの手間が不要で効率よく開発を行うことができるでしょう。

IDEには入力サポート機能があることもメリットといえるでしょう。例えば、スマートフォンで予測変換を行うことがありますが、それと似ている機能です。大規模プロジェクトのシステム開発となると、プロジェクトで定めている命名規約などが曖昧になることも多いでしょう。**IDEの入力サポート機能では、多数のエラーを未然に防ぐことができます。**また入力サポート機能は、テキストエディタにはない機能です。

### プログラムエラーチェック機能

入力サポート機能に付随して、プログラムエラーチェック機能があることもIDEのメリットといえるでしょう。**プログラムエラーチェック機能では、開発を行う際にソースコードのエラーをチェックしてくれる機能を指します。**例えば、プログラムの実行を行う前に、赤の波線などでエラーを目立たせて教えてくれます。したがって、コンパイルを行う前にエラーを取り除くことができ、効率よく開発を行うことができるでしょう。

IDEには、Microsoftが開発したサービスなど数多くの製品があります。製品の種類も自身でインストールを行い利用するものから、クラウドサービスを用いて利用するものまでさまざまです。使用するプログラミング言語やエンジニアの趣向などを考慮して、自身にあったサービスを選択できるのもIDEのメリットでしょう。無料で使用できる製品や、最初は無料版として利用できる製品もあり、予算が厳しい方でも安心して利用することができます。

ここからは、おすすめのIDEについて5点ご紹介します。統合開発環境には多数の製品があります。それぞれの統合開発環境によって特徴が異なります。

Eclipseは、プログラミング言語であるJavaを扱う統合開発環境として、IBM社が商用の製品として開発を行いました。その後、オープンソースプロジェクトに寄贈されることとなり、現在ではさまざまなプログラミング言語に対応しています。例えば、C言語・PHP・Rubyなどが挙げられます。

**Eclipseの特徴として、プラグインと呼ばれる拡張モジュールを追加することで、自身のニーズに合わせて機能を新しく追加できるようになっています。**Eclipseが多くの開発者に支持される理由の1つともいえるでしょう。Eclipseのもう1つの特徴として、テキストエディタで記述したソースコードをすぐに実行することが可能です。例えば、JavaでEclipseを利用する場合、ローカル環境にJavaをインストールしておくことで、結果をすぐに確認できるでしょう。したがって、コンパイルに割く時間を削減できる点がメリットといえます。また他にも機能は多数あり、デバッガやコンソールを利用することで、バグやログも確認できます。

XcodeはiOS用のアプリを開発する場合に便利です。Xcodeは、Apple社が無料で提供している開発ツールです。XcodeはiOSだけではなく、Apple製品に対応しているソフトウェアやアプリケーションを開発できる統合開発環境となっています。Mac App Storeなどからダウンロードを行うことができるため、Apple IDを取得することで誰でもプログラミングをすぐに始めることができるでしょう。**プロジェクトで利用するソースコードや画像などを一元化して管理できる点がXcodeのメリットでしょう。**以上から、iOS用のアプリを制作する場合にXcodeは最適な統合開発環境といえます。なお、Macでしか動作できない点については注意が必要です。

Android Studioは、Android用のアプリを開発する場合におすすめで、Google社がAndroidアプリ開発のために公開している統合開発環境です。Android Studioでは、Androidのアプリのソースコードの作成から、アプリとしてインストール環境へと変換するビルドの作業まで行うことができます。**Android Studioは多種多様なOSに対応している点がメリットといえるでしょう。**代表例として、WindowsやLinux、Macに対応しています。

Visual Studioは、Microsoft社がWindows版のアプリケーション開発用の統合開発環境として公開しています。例えば、Visual BasicやC++、C#などのプログラミング言語を用いて開発を行うことが可能です。Visual Studioでは、ボタンなどの部品を統合するために、初期段階よりリソースを用意していたことも特徴で、エンジニアにとって使いやすい統合開発環境となっています。

IntelliJ IDEAは、チェコに本社を置いているJetBrains社が提供している統合開発環境製品です。JetBrains社はプログラミング言語によって複数製品を提供していますが、IntelliJ IDEAは多くの言語に対応している点が特徴といえるでしょう。**IntelliJ IDEAにはサポート機能があります。記述したソースコードについて、さらによりよい記述方法を提案してくれる機能があるため、品質向上も期待できるでしょう。**

## 自身に合ったIDAを使用しよう！

これまでに、IDEの詳細やメリット、おすすめのIDEについて解説しました。**IDEとは日本語で統合開発環境と呼ばれており、プログラミングを行うにあたって必要な環境を統合してくれているサービスを指します。IDEには、入力サポート機能やエラーチェック機能などがあり、効率よく開発を行うことができるでしょう。**

IDEにはさまざまな種類が存在しており、それぞれ特徴もあります。プログラミング学習を始める方は、無料で有名なIDEの使用がおすすめです。開発を続けていき、自身のやりたいことが明確化したら自身に合ったIDEを選択しましょう。

IDEとは「Integrated Development Environment」の略称で、日本語では統合開発環境と呼ばれています。統合開発環境は、プログラミングに必要な環境を統合してくれているサービスのことです。当記事では、IDEの詳細・メリット・おすすめのIDEについて解説します。

IDEとは日本語で統合開発環境と呼び、プログラミングに必要な環境を統合してくれているサービス

IDEには、入力サポート機能やエラーチェック機能などがあり、効率よく開発できる

IDEにはさまざまな種類があるため、自身に合ったIDEを選択することが大切

IDEとは？詳細やメリット、おすすめのIDEを紹介します！

IDEの記事（1ページ目）