*VSCode（Visual Studio Code）とは、マイクロソフトが開発した、無料で使用できるオープンソースの汎用IDE（Integrated Development Environment：統合開発環境）です。*VSCodeは軽量で高速、さらに拡張性に優れたエディタとして多くのプログラマーに支持されています。

Java Extension Packをはじめ、開発をサポートする多彩な拡張機能が利用可能で、Java開発にも適しています。またクロスプラットフォーム対応で、Windows、Mac、Linux環境で利用できる点も人気の理由です。

この記事では、VSCodeを用いてJavaの開発環境を簡単に構築する方法を、初心者の方にも分かるよう、図を交えながら解説します。

【参考】：[Javaソフトウェア | Oracle](https://www.oracle.com/jp/java/)
【参考】：[Visual Studio Code｜コード エディター｜Microsoft Azure](https://azure.microsoft.com/ja-jp/products/visual-studio-code)

VSCodeとは？定番のコードエディタを他のエディタと比較して解説

## VSCodeでJava開発環境を構築するための具体的な手順

エディターに加えて、IDEとしても人気のVSCodeを用いてJavaの開発環境を構築するには、何が必要なのでしょうか？ここでは必要な環境整備、環境構築、実行方法について図解していきます。

ここでは、Windows11パソコンにJavaの開発環境を構築するという前提で、手順を中心に紹介します。**本記事ではWindows11を例に解説していますが、macOSやLinuxでも同様の手順で構築可能です。**

*1.パソコン*
ここでは、Windows11 Pro バージョン24H2のパソコンを利用します。

*2.インターネット*
JDKのインストール、VSCodeのインストールにはネットワーク環境が必須です。

*3.Java Development Kit （JDK）*
JDKとは、Javaによる開発で必要なソフトウェアを1つにまとめたパッケージのことです。Oracle JDKは公式ライセンスに基づいて提供されていますが、用途によっては商用利用に制限があります。無料で利用可能な「OpenJDK」も広く使用されています。

JDKがインストールされているか確認したい場合は、コマンドプロンプトから次のコマンドを入力します。

次のようにJDKのバージョンが表示されたらインストールは完了しているので、VSCodeのインストールに進みましょう。

*4.VSCode (Visual Studio Code)*
Javaの統合開発環境として利用するVSCode（Visual Studio Code）は、無料で利用できる高機能なコードエディタです。

VSCodeがインストールされているか否かを調べるには、Windows11の場合、スタートメニューを開いて上段の検索窓に「Visual Studio Code」と入力して検索し、VSCodeのアイコンが表示されれば、インストールされています。

Javaプログラミングには、Java開発環境であるJDKが必要です。インストールがされていない場合は、**以下の手順でJDKをダウンロードし、インストールと環境変数の設定を行います。**

*1.JDKの入手*
以下のOracle公式ダウンロードページにアクセスし、ここでは JDK 23> Windows>x64 Installerを選択し、赤枠のURLをクリックします。

【参考】：[Java Downloads | Oracle 日本](https://www.oracle.com/jp/java/technologies/downloads/)

~~　【図】：JDK Development Kit 23.0.1 downloads　画面　~~

*2.JDKのインストール*
ダウンロードが終わったらインストーラーファイルをダブルクリックし、インストールを開始します。

~~　【図】：ダウンロード>JDKのインストーラー>インストール　画面　~~

次の画面が表示されたら、インストール先を記録してから「次」を押します。インストール先のパスは後ほど環境設定で必要になります。

*3.システム環境変数の編集*
JDKのインストールが済んだら、環境変数を設定します。スタートメニューで検索窓に「path」と入力すると、最も一致する検索結果として「システム環境変数の編集」が表示されますので、こちらをクリックします。

~~　【図】：スタートメニュー>「path」で検索>システム環境変数の編集　画面　~~

*4.システム環境変数の設定*
Windows11でJDKをインストールした後にシステム環境変数の設定を行うのは、コマンドプロンプトやPowerShellなどから、どこからでもJavaのコマンド（javac、javaなど）を実行できるようにするためです。

「システム環境変数の編集」をクリックすると、「システムのプロパティ」画面が表示されるので、画面の右下にある［環境変数］ボタンをクリックします。表示された「環境変数」画面の下部、「システム環境変数」のPathを選択し、「編集」をクリックします。

~~【図】：「システム環境変数の編集」>「環境変数」>「システム環境変数」　画面　~~

「新規」をクリックし、JDKのインストール時に記録しておいたインストール先のパスに¥binを追加し［OK］を押します。

（例）C:\Program Files\Java\jdk-23\bin

~~　【図】：「環境変数の編集」>「新規」>「インストール先パスと\bin」を入力　画面　~~

これでJDKのインストールとシステム環境変数の設定は終了です。

コマンドプロンプトとは？できることや使い方をわかりやすく解説！

PowerShellとは？できることやコマンドをわかりやすく解説

ここでは、**VSCodeのインストール手順を紹介します。**

1.VSCode公式サイトにアクセスし、OSに対応するインストーラーをダウンロードします。

~~　【図】：Visual Studio Code（VSCode）ダウンロードサイト　画面　~~

【参考】：[Visual Studio Code - Code Editing. Redefined](https://code.visualstudio.com/)

2.ダウンロードしたインストーラーを実行し、指示に従ってインストールを完了させます。

~~　【図】：Visual Studio Code（VSCode）のインストーラー　画面　~~

VSCodeのインストール時に特に難しい選択や設定はありません。指示に従って、そのまま［次へ］をクリックしていけば、5ステップほどでセットアップウィザードの終了画面が表示されますので、［完了］ボタンをクリックしてインストールを終了させます。

~~　【図】：Visual Studio Code（VSCode） のセットアップ完了　画面　~~

VSCodeをインストールする方法とは？設定方法まで丁寧に解説

### VSCodeにJava拡張機能をインストール

VSCodeのインストールはこれで終了ですが、VSCode自体に特化した機能は備えていません。そこで、**Java開発を行うために必要な複数の拡張機能をまとめた、VSCodeの「Java Extension Pack」をインストールします。**

Java Extension Packをインストールすると、以下の主要な拡張機能が利用可能になります。

・Language Support for Java（Javaコード補完・構文解析）
・Debugger for Java（デバッグ機能）
・Maven for Java（Maven統合）

*■ Java Extension Packのインストール方法*
以下、VSCodeに「VSCodeのJava Extension Pack」をインストールする方法を紹介します。

VSCodeを起動し、左側の拡張機能アイコンをクリックします。

~~　【図】：VSCode の初画面>拡張機能アイコン　画面　~~

検索ボックスに「Java Extension Pack」と入力し、検索結果から「Java Extension Pack」を選択して「Install」ボタンをクリックします。

~~　【図】：VSCode 拡張機能「Java Extension Pack」の検索とインストール　画面　~~

「Java Extension Pack」のインストールが終わると、Javaの開発ツールが8つ追加されたことがわかります。

また、オリジナルのVSCodeは英語表記ですが、日本語表記に変更したい場合は、同じ要領で「Japanse Language Pack for Visual Studio Code」をインストールし、VSCodeを再起動すると、メニュー等の文字が日本語化されます。

~~　【図】：VSCode 拡張機能「Java Extension Pack」が追加された画面　~~

JDKとVSCodeをインストールし、開発環境が整いましたので、これから実際にコーディング作業を試してみましょう。ここでは、*「Hello World!」を表示するJavaプログラムを作成してみます。*

VSCodeの使い方を図解！画面説明からよくある質問・操作方法まで解説

コマンドプロンプトで以下のコマンドを入力します。

・「mkdir HelloWorld」（現在のディレクトリに「HelloWorld」フォルダを作成）
・「cd HelloWorld」（作成したフォルダに移動）

~~　【図】：ターミナルで、HelloWorldファイルを作成　画面　~~

VSCodeのメニューバー、「ファイル」から「ファイルを開く」を選択し、作成したフォルダ「HelloWorld」を開きます。

### 新しいJavaファイルを作成する

「HelloWorld」フォルダ内にJavaファイル、HelloWorld.javaを作成します。VSCodeで①新しいファイルを作成を選択し、②新しいファイル欄に「HelloWorld.java」と入力し、③［新しいファイル（HelloWorld.java）の作成 ビルトイン］をクリックします。

~~　【図】：VSCodeでHelloWorldフォルダにJavaファイルを作成する　画面　~~

VSCodeの「ファイルを開く」でHelloWorld.javaファイルを開き、次のJavaのコードを記述します。

```
public class HelloWorld {
    public static void main(String[] args) {
        System.out.println("Hello, World!");
    }
}
```

~~　【図】：VSCodeでHelloWorldフォルダに作成したJavaファイルにコードを記述する　画面　~~

この記事では、軽量かつ高速、拡張性に優れた人気エディタのVSCodeを活用して、Javaの開発環境を簡単に構築する方法を解説します。JDKや拡張機能「Java Extension Pack」のインストール手順も図解するので、初心者の方もぜひ参考にしましょう。

VSCodeは軽量・高速で拡張性が高く、Java開発に適したIDEとして活用しやすい

Java開発に必須のJDKのインストールや、環境変数設定などを初心者向けに図を交えて解説

Java拡張機能である「Java Extension Pack」の導入によって開発効率が向上

VSCodeでJava開発環境をゼロから構築する方法を図解

## Visual Studio Codeのインストールと日本語化

*Visual Studio Codeは、多くのユーザが使用するソースコードエディタです。*マルチプラットフォームで動作するため、気軽にプログラミングを始めることができます。

ここでは、Visual Studio Codeのセットアップやインストール方法、そしてユーザインターフェースの日本語表示の仕方について学んでいきます。

【参考】：[Microsoft Visual Studio Code](https://azure.microsoft.com/ja-jp/products/visual-studio-code)

Visual Studio Codeは「VS Code」とも呼ばれ、多くのコード開発者が使用しています。無料版で商用利用することが可能で、WindowsやLinux、macOSで動作し、ウェブ版も提供されています。*カスタマイズ機能に優れており、拡張機能を選択して導入することができます。*

プログラミング言語は標準でJavaScriptやTypeScript、CSSやHTML、Node.jsなどに対応します。さらに拡張機能を用いると、PythonやJava、C言語・C++やC#など、およそ100以上の言語に対応しています。

拡張機能ではIDE（統合開発環境）の役割も提供されるため、エディタのレベルを超えたソフトウェア開発環境と言えるでしょう。

【参考】：[Microsoft Azure: Visual Studio Code](https://azure.microsoft.com/ja-jp/products/visual-studio-code)
【参考】：[Visual Studio Code](https://code.visualstudio.com/)

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

*Visual Studio Codeの動作環境は、軽量のテキストコードエディタのため厳しい制限がありません。*1GBのメモリ、1.6GHz以上のCPUが推奨されており、ダウンロードサイズは200MB未満です。

動作OSは、Windows10および11です。macOSは最新版と前の2世代がサポート対象です。Linuxは、Debian系がUbuntu Desktop 20.04、およびDebian 10、そしてRed Hat系がRed Hat Enterprise Linux 8、およびFedora 36でサポートされます。

【参考】：[Requirements for Visual Studio Code](https://code.visualstudio.com/docs/supporting/requirements)

### Visual Studio Codeのダウンロード

*Visual Studio Codeのダウンロードは、マイクロソフトのサイト、あるいはVisual Studio Codeのサイトから行います。*マイクロソフトのサイトは、次のようにAzureのVisual Studio Codeのリンクをクリックします（①）。

~~　【図】：Visual Studio Codeをダウンロードする~~

Visual Studio Codeのサイトからも同様に「Download」リンクをクリックすることができます。その後、ウェブページがVisual Studio Codeのダウンロードサイトに遷移します。ここでは、ダウンロードするモジュールを選択することができます。

ここでは、次のようにWindows版セットアップモジュールをダウンロードします（①）。

~~　【図】：ダウンロードするモジュールを選択する~~

ダウンロードするモジュールをクリックすると、ローカルフォルダにモジュールがダウンロードされます。この例では、Windows版のため、ダウンロードされたファイルは「ダウンロード」フォルダに格納されます（①②）。

~~　【図】：Windows版モジュールをダウンロードする~~

【参考】：[Microsoft Visual Studio Code](https://azure.microsoft.com/ja-jp/products/visual-studio-code)
【参考】：[Visual Studio Code](https://code.visualstudio.com/)
【参考】：[Download Visual Studio Code](https://code.visualstudio.com/download)

### Visual Studio Codeのインストール

*ダウンロード済みのセットアップモジュールやインストーラーは、Windowsではダブルクリックで起動できます。*ここでは、ダウンロードした2024年8月版の「VSCodeUserSetup-x64-1.93.0.exe」をダブルクリックすると、セットアップウィザードが起動します。

ライセンス表示に「同意する」から「次へ」と進むと（①②）、追加タスクの選択が可能です。項目を確認して「次へ」をクリックします（③）。

~~　【図】：セットアップウィザードのライセンス表示と追加タスクの選択~~

その後、インストールの確認画面が表示されますので「インストール」をクリックし（④）、終了後に「完了」をクリックします（⑤）。

~~　【図】：インストールの実行と完了~~

完了時には、デフォルト設定で「Visual Studio Codeを実行する」がチェックされますので、「完了」をクリックするとVisual Studio Codeが起動します。

~~　【図】：インストール直後のVisual Studio Codeの起動画面~~

この例ではWindows版を使用しましたが、LinuxやmacOSに導入する場合は、以下のリンク先のセットアップ手順を合わせて確認しましょう。

【参考】：[Visual Studio Code on Windows](https://code.visualstudio.com/docs/setup/windows)
【参考】：[Visual Studio Code on Linux](https://code.visualstudio.com/docs/setup/linux)
【参考】：[Visual Studio Code on macOS](https://code.visualstudio.com/docs/setup/mac)

## Visual Studio Codeを日本語化する

インストール直後のVisual Studio Codeはそのまま利用できますが、デフォルトは英語表示です。*Visual Studio Codeを日本語化するには、拡張機能を用いて言語パックを導入します。*

ここでは、もっともポピュラーな日本語化パックである「Japanese Language Pack for Visual Studio Code」を用いて、日本語化を進めていきます。

【参考】：[Visual Studio Marketplace: Japanese Language Pack for Visual Studio Code](https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-ja)

### Visual Studio Codeの日本語化パックを使用する

*Visual Studio Codeの日本語化パックを使用するには、拡張機能をマーケットプレイスからインストールします。*使い方は、マーケットプレイスで拡張機能を選択し、インストールボタンを押すだけなので簡単です。

マーケットプレイスは、Visual Studio Codeの左ペインに表示されている下側のアイコンをクリックします（①）。そして中央ペインに、「EXTENSIONS MARKETPLACE」の表記の下に検索欄が表示されます。

そこで、「Japanese Language Pack」と入力します（②）。入力する文字は大文字でも小文字でも構いません。キー入力の最中に該当する拡張機能が、入力欄の下側に表示されます。

~~　【図】：マーケットプレイスでJapanese Language Packを検索する~~

候補となる項目は非常に多いですが、最初に表示される「Japanese Language Pack」は「Microsoft」製であることが確認できます。そこで、ここで表示される「Japanese Language Pack」を選択すると（①）、右ペインに詳細が表示されます（②）。

~~　【図】：Japanese Language Packを選択し表示する~~

右ペインを拡大したものが、次の図です。ここで表示される「Install」をクリックすると（①）、拡張機能がインストールされ、表記が「Uninstall」に更新されます（②）。

~~　【図】：Japanese Language Packをインストールする~~

### Visual Studio Codeの表示を日本語化する

*Visual Studio Codeの表示を日本語化するには、Visual Studio Codeを再起動します。*Japanese Language Packをインストールすると、下部に次のように再起動を促す表示がされます。

ここで、「Change Language and Restart」をクリックすると、設定が登録されてVisual Studio Codeが再起動します（①）。

~~　【図】：日本語表示を有効化するために再起動する~~

再起動すると、次のようにメニューや項目が日本語で表示されることが分かります（①②）。

~~　【図】：日本語に切り替わったメニューと項目の表示~~

### Visual Studio Codeの言語を手動で変更する

*Visual Studio Codeの言語は、手動で変更することもできます。*手動で変更するには、コマンドパレットを使用します。コマンドパレットは、メニューの「表示」「コマンドパレット」と順にクリックします（①②③）。

ディスプレイの解像度の都合でメニューに「表示」が見当たらない場合は、「・・・」を開くと「表示」の項目があります。

~~　【図】：Visual Studio Codeの言語を手動で変更する~~

この例は日本語のメニューですが、英語のメニューからは、「View」「Command Palette」の表記から開くことができます。コマンドパレットが開いたら、「Configure Display Language」と順にキー入力します（①）。キー入力の間に、候補が入力欄の下に表示されます（②）。

~~　【図】：Configure Display Languageコマンドを使用する~~

表示された「Configure Display Language」をクリックすると、現行の言語選択が表示されますので、任意の言語に変更が可能です。

~~　【図】：ユーザインターフェースで使用する言語を指定する~~

選択時に雲のマークがある言語はまだダウンロードされていないものですが、クリックすることでダウンロードが開始され、その後インストールが行われます。

### 誤って他言語を選択した場合の対処方法

コマンドパレットの「Configure Display Language」で、他言語を誤って選択した場合は、再起動後のメニュー表記が分からなくなってしまいます。この場合も慌てずに設定し直すことができます。

Visual Studio Codeは、豊富なショートカットキーが特徴です。ここでは、ショートカットキーを使ってコマンドパレットを開くことができます。

コマンドパレットのショートカットキーは、「Shift」＋「Ctrl」＋Pです。*このショートカットキーで、コマンドパレットが開きますので、履歴の候補から「Configure Display Language」を選択し、言語を再設定できます。*

このような事態に備えて、ショートカットキーを事前に学ぶか、以下のリンク先のようなショートカット一覧を手元に置くと良いでしょう。

【参考】：[Visual Studio Code Keyboard Shortcuts Reference - Windows](https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf)
【参考】：[Visual Studio Code Keyboard Shortcuts Reference - Linux](https://code.visualstudio.com/shortcuts/keyboard-shortcuts-linux.pdf)
【参考】：[Visual Studio Code Keyboard Shortcuts Reference - macOS](https://code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf)

VSCodeのショートカット一覧！開発作業を効率化する秘訣を解説

## Visual Studio Codeを日本語化してプログラミングに活用しよう

Visual Studio Codeは、豊富なカスタマイズ機能が搭載されています。その最初の一歩が日本語化です。ご自身の希望に合わせて設定を行い、必要なプログラミング言語パックを拡張機能を使って導入します。

このように、**Visual Studio Codeの日本語化が完了したら、プログラミングに有効活用すると良いでしょう。**

<center>*＼転職するか迷っていてもOK！／*<br/>[*マイナビエージェントに無料登録して*<br/>*転職サポートを受ける*](https://mynavi-agent.jp/entry/?utm_source=and-engineer&utm_medium=content-text&utm_campaign=acv17)</center>

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

VS Code Serverが登場！インストール方法や使い方・開発方法を解説

VSCodeのテーマの変更方法とおすすめテーマをご紹介！

Visual Studio Codeは、マルチプラットフォームで動作するソースコードエディタです。セットアップやインストールが簡単で、すぐに使用することができます。ここでは、セットアップやインストール方法とともに、日本語表示の手順について学んでいきます。

Visual Studio Codeは、WindowsやLinux、macOSにインストールすることができます

インストールが完了したら、拡張機能を使ってVisual Studio Codeを日本語化することが可能です

その後、必要なプログラミング言語パックを導入し、プログラミングに活用することができます

Visual Studio Codeのインストール！日本語化の手順を図解

*VSCode（Visual Studio Code）には、grep検索が標準で搭載されています。*grep検索を使うには、拡張機能を使うことなく、通常の検索と同じような操作でgrep検索が利用できます。ここでは、実際にVSCodeを操作してgrep検索を図解していきます。

そもそもgrepとは、UNIX系システムに搭載されているコマンドであり、正規表現を使って指定する複数のテキストファイルから、該当する行と結果を表示するものです。

grepは「global regular expression print」の略で、ファイル全体（global）から正規表現（regular expression）を使って結果を表示する（print）という役割そのものを意味します。

grepは同一ファイル内の検索だけではなく複数ファイルから検索結果を抽出し、表示する特徴があります。*大規模なプログラム開発では、複数ファイルに分散してコーディングする場合が多いので、grep検索するメリットが大きいと言えるでしょう。*

### コードエディタやテキストエディタのgrep検索機能

grepは複数ファイルから検索結果を抽出し、表示します。コードエディタやテキストエディタにおいても、複数のファイルにまたがって検索する機能をgrep検索と呼びます。

テキスト検索を行うことを「grepする」や「grep検索する」などと言い、*テキストコードエディタでは、VSCodeの他、サクラエディタも同様の機能を提供しています。*

通常の検索は、同一ファイル内の検索に限定されるため必要なテキストファイルをその都度開いて検索する必要があります。grep検索では、複数のテキストファイルを一括検索することができるので変更履歴の管理も簡単です。

【参考】：[サクラエディタ](https://sakura-editor.github.io/)
【参考】：[サクラエディタ ヘルプ: Grep](https://sakura-editor.github.io/help/HLP000067.html)

ここからは、VSCode（Visual Studio Code）のgrep検索を使って操作方法を確認していきます。*VSCodeは、多機能なコードエディタで、操作を行う場合もメニューやアイコン、キーボードショートカットなどから行うことができます。*

キーボードショートカットは、多くの機能がマッピングされていますので、作業の効率化のために学んでおくと良いでしょう。

【参考】：[Key Bindings for Visual Studio Code: Keyboard Shortcuts Reference](https://code.visualstudio.com/docs/getstarted/keybindings#_keyboard-shortcuts-reference)

VSCodeのgrep検索を使うために、Visual Studio Codeを起動します。必要なダウンロードやインストールは、事前に行っておく必要があります。*Windowsの場合は、スタートメニューから「Visual Studio Code」をクリックし、起動します。*

~~　【図】：Visual Studio Codeを立ち上げる~~

*VSCodeのgrep検索を使うには、テキストコードやテキスト文章の格納されているフォルダーを指定します。*指定したフォルダーのテキストファイルは、grep機能で一括検索することができます。

フォルダーを開くには、ウェルカムページから開く方法、エクスプローラーのアイコンから開く方法、ファイルメニューから開く方法などがあります。

*・ウェルカムページから開く方法*
ウェルカムページは、「ようこそ」と表示される最初の画面です。ウェルカムページから開くには、表示画面の「フォルダーを開く」をクリックし、フォルダーを選択します（①）。

~~　【図】：ウェルカムページからフォルダーを開く~~

*・エクスプローラーのアイコンから開く方法*
VSCodeの左ペインには、アイコンがいくつか表示されています。フォルダーを開くには、次のように1番目のアイコンもしくは2番目のアイコンをクリックします。

~~　【図】：エクスプローラーのアイコンからフォルダーを開く~~

1番目のアイコンはエクスプローラーのアイコンです。このアイコンをクリックし（①）、「フォルダーを開く」をクリックしてフォルダーを選択します（②）。

2番目のアイコンは検索アイコンです。このアイコンをクリックし（③）、「フォルダーを開く」をクリックしてフォルダーを選択します（④）。

*・ファイルメニューから開く方法*
ファイルメニューから開くには、「ファイル」「フォルダーを開く」とメニューをクリックします（①②）。

~~　【図】：ファイルメニューからフォルダーを開く~~

この操作は、ショートカットキーの「Ctrl」＋K、あるいは「Ctrl」＋Oが利用できます。

### VSCodeで開くフォルダーを選択する

*「フォルダーを開く」をクリックすると、「フォルダーを開く」とタイトル表示されたファイルエクスプローラーが表われます。*ここでは、任意のフォルダーを指定し「フォルダーの選択」をクリックすると、そのフォルダーがVSCodeのエクスプローラーに表示されます（①②）。

~~　【図】：VSCodeで開くフォルダーを選択する~~

この例では、指定したフォルダーの「Program Code」が、フォルダーの上位に「PROGRAM CODE」と記載されており、複数階層を持つフォルダーも正しく取り込まれます。

### VSCodeで複数ファイルにgrep検索する

*フォルダーが指定されたら、grep検索が可能です。*ここでは、検索アイコンからgrep検索する方法、編集メニューからgrep検索する方法があります。grep検索は、検索画面が表示され次第使用することができます。

*・検索アイコンから検索画面を表示する*
左ペインの2番目のアイコンは検索アイコンです。このアイコンをクリックすると、中央ペインに検索画面が表示されます（①②）。

~~　【図】：検索アイコンから検索画面を表示する~~

*・編集メニューから検索画面を表示する*
編集メニューから検索画面を表示するには、「編集」「フォルダーを指定して検索」と順にメニューをクリックします（①②③）。

~~　【図】：編集メニューから検索画面を表示する~~

「フォルダーを指定して検索」には、「Ctrl」＋「Shift」＋Fのショートカットキーが設定されています。通常の「検索」が「Ctrl」＋Fですので、通常の検索のショートカットに「Shift」を追加して使用します。

実際に使用する場合は、検索アイコンあるいはショートカットキーを用いてgrep検索するのがおすすめです。

### VSCodeの検索画面で検索する文字列を入力する

ここでは、実際に文字列を入力してgrep検索を進めていきます。

今回指定したフォルダーには、HTMLやJava、Pythonのプログラムコードが格納されています。検索する文字列は自由に決められますが、この例では ”Moth.pow” を指定します。Moth.powは、数学ライブラリで良く用いられる累乗（べき乗）計算の関数です。

検索の入力欄に ”Moth.pow” と入力すると（①）、検索結果が下部の表示欄に反映されます（②）。

~~　【図】：検索画面で検索する文字列を入力する~~

*検索結果は瞬時に表示され、待たされることがありません。*ここでは、5つのファイルが表示されており、Javaが4つのファイルで該当箇所4つ、Pythonが1つのファイルで該当箇所4つでした。

試しに1番目の表示結果をクリックすると、次のように右ペインに対象となるプログラムコードが表示されます（①②）。該当する箇所がハイライト表示されており、判別しやすい工夫がされています。

~~　【図】：検索結果の該当コードを表示する~~

ここで表示されている、検索結果一覧の全体を選択すると結果のコピーが可能ですので、grep検索の一覧抽出も可能です。

### VSCodeでgrep検索の条件を変更する

*grep検索の条件は、簡単に追加することができます。*今回の例では、 ”Moth.pow” を指定しましたが、デフォルトでは大文字と小文字の区別はありません。

大文字と小文字を区別するには、検索入力欄の右側「Aa」のアイコンをクリックすると（①）、「大文字と小文字を区別する」状態に切り替わります（②）。

~~　【図】：grep検索の条件を変更する~~

その結果、Pythonの ”math.pow” という小文字の数学ライブラリは除外され、Javaの4つのファイル、4か所のみが表示されます（③④）。

表示アイコンは入力欄右側の「Aa」のアイコンが、「大文字と小文字を区別する」モードで、ショートカットキー「Alt」＋Cに割り当てられています。

VSCodeの記事（1ページ目）