Notionは、ノート機能やタスク管理、データベース機能など、様々な機能を備えたオールインワンのツールです。このNotionで作成したコンテンツを他のツールや形式で共有・保存するには、Notionのエクスポート機能を活用する方法があります。

*Notionをさらに活用する上で、ぜひ覚えておきたいエクスポート機能について、やさしく解説していきます。*Notionを使い始めた方、これから始めてみたい方、ぜひ参考にしてください。

【参考】：[Notion ｜すべてのチームをひとつのワークスペースで](https://www.notion.so/ja-jp)

Notionとは？基本的な使い方やEvernoteとの違いを解説

【図解】Notionの使い方7ステップ！活用事例や料金も紹介

Notionのエクスポート機能とは、Notion上で作成したページやデータベースなどのコンテンツをPDFやCSV、HTMLなどのファイル形式に変換して出力する機能のことです。*ここではNotionのエクスポート機能が役立つシーンと、Notionでエクスポートできる主なファイル形式について紹介します。*

### エクスポート機能が役立つシーン

Notionのエクスポート機能を利用することで、次のようなシーンで役立てられます。

*◼︎バックアップ*
Notionに保存している重要なデータを、他のクラウドサービスやローカルに定期的にバックアップすることで、万が一のトラブルに備えられます。Notionの無料プランでは制限がありますが、有料プランではワークスペース全体のコンテンツを一括でエクスポートすることができます。

*◼︎他のツールとの連携*
CSV形式でデータをエクスポートしてExcelやWord、Googleスプレッドシートなどにインポートし、さらなる分析や管理を行うことができます。

*◼︎データの共有*
PDFやHTML形式でエクスポートすることで、Notionアカウントを持たない人とコンテンツを共有したり、印刷して配布したりといった形で、容易に外部と共有できます。

Notionのコンテンツ共有機能とは？メリットや利用方法を解説

### Notionでエクスポートできる主なファイル形式

Notionでエクスポートできるファイル形式は5種類あり、それぞれ利用目的を意識して選択することが重要です。

*◼︎PDF形式*
印刷物として最適です。ページのレイアウトやデザインをほぼそのまま保って出力できます。プレゼンテーション資料やレポート作成などに便利です。

*◼︎CSV形式*
データベースの内容を、カンマ区切り値形式で出力します。Excelなどのスプレッドシートで開いて編集したり、他のツールに読み込ませたりすることができます。データ分析や集計に便利です。

*◼︎HTML形式*
ウェブページ形式で出力します。静的なウェブサイトとして公開したり、他のウェブサイトに埋め込んだりできます。ブログ記事やポートフォリオの作成などに便利です。

*◼︎マークダウン形式（Notionの有料バージョンのみの機能）*
プログラマー向けのシンプルなテキスト形式です。GitHubなどのバージョン管理システムとの連携や、他のテキストエディタでの編集に便利です。

NotionとGitHubとの連携機能とは？そのメリットや方法を解説！

*■ JSON形式（Notionの有料バージョンのみの機能）*
データを構造化されたテキスト形式で出力します。プログラミングでデータを読み込んで処理する場合に便利です。

JSONファイルとは？基本構造からファイルの作り方、読み書き方法まで解説

## エクスポートに関する留意事項

Notionでエクスポートを行う前に、いくつかの注意点や準備事項があります。まず、エクスポートできるコンテンツの主な種類について理解しておきましょう。

【参考】：[コンテンツのエクスポート ｜ Notion (ノーション)ヘルプセンター](https://www.notion.so/ja/help/export-your-content)

**ページはNotionの基本単位で、テキスト、画像、動画、コードブロックなど、様々な要素を自由に組み合わせることができます。**またページは階層構造になっており、ページの中にさらにページを作成できます。

Notionのデータベースは特定のテーマで情報を集め、**管理するための構造化されたページでデータを一覧表示し、各項目を列で管理できます。**また、カラムの種類（テキスト、数値、日付など）や表示形式を自由に設定できます。

Notionのデータベースとは？作り方・プロパティやビューについて解説！

Notionのワークスペースは、**ページやデータベースをまとめるためのコンテナです。**ワークスペースはメンバーと情報を共有したり、共同で作業したりできます。

また、エクスポート時に留意すべきポイントがあります。エクスポートの形式について、ファイル形式を意識して行う必要があります。例えば、PDFはレイアウトが固定されますが、CSVではデータ構造が変わりやすく、HTMLは後から編集が可能です。


## Notionのコンテンツをエクスポートする方法

それでは実際にNotionのコンテンツをエクスポートしてみましょう。手順を図を交えながら解説していきます。

### エクスポートしたいページまたはデータベースを選択

まず、エクスポートしたいページまたはデータベースを選択します。ページ上部の3つの点が並んだメニューアイコン［…］をクリックし、表示されたメニューから「エクスポート」を選択します。**Notionではメニューアイコン［…］をよく利用しますので、覚えておきましょう。**

~~【図】：Notionの画面>右上の［…］をクリック>エクスポートを選択　~~

### エクスポートするファイル形式を選択

メニューから「エクスポート」を選択し、次にエクスポートするファイル形式を選びます。**選べる形式には「PDF」「CSV」「HTML」の3種類があります。**ここでは試しに「PDF」を選択してみました。

~~【図】：Notionのエクスポート>エクスポート形式選択　~~

### エクスポート設定のカスタマイズ（オプション）

**エクスポート形式を選択した後、形式の詳細をカスタマイズできます。**PDF形式の場合は、ページのサイズやスケール率を選べます。

~~【図】：Notionのエクスポート>エクスポート形式としてPDFを選択　~~

「マークダウンとCSV」を選択すると、次のようにオプションの項目が変化し、データベースを含めたり、対象コンテンツにファイルや画像を除いたりといった選択ができます。

~~【図】：Notionのエクスポート>エクスポート形式としてマークダウンとCSVを選択　~~

エクスポート形式を選んだら、「エクスポート］ボタンをクリックして処理を開始します。エクスポートが完了すると、指定した形式でファイルがダウンロードされます。PDFを指定した場合は、次のように印刷に適した状態でファイルが作成されています。

**ファイルはZIP形式で作成され、ダウンロードフォルダに保存されますので、必要に応じて解凍し、分かりやすいファイル名を付けて管理するといいでしょう。**

~~【図】：Notionのエクスポート>PDF形式を選択してエクスポートした例　~~

エクスポート形式を「マークダウンとCSV」を選択して実行すると、次のようなCSV形式のファイルが作成されました。Excelなどによるファイル管理に適しています。

~~【図】：Notionのエクスポート>マークダウンとCSV形式を選択してエクスポートした例　~~

次に、エクスポート形式を「HTML」を選択して実行してみましょう。次のようなHTMLファイルが作成され、Google ChromeやMicrosoft Edgeなどのブラウザで確認ができます。

~~【図】：Notionのエクスポート>HTML形式を選択してエクスポートした例　~~


## エクスポートした形式毎の特徴と活用シーン

Notionからエクスポートしたファイル形式毎に、それぞれ特徴があり、また活用シーンが異なります。1つづつ確認していきましょう。

ページレイアウトをほぼそのまま保って出力できる点が最大の特徴です。主に印刷物として配布したい場合や、プレゼンテーション資料として利用したい場合に適しています。具体的な活用例としては、**レポートやプレゼンテーション資料、マニュアルなど、印刷して配布したい資料が挙げられます。**

データベースの内容をカンマ区切り値形式で出力し、Excelなどのスプレッドシートで開いて編集したり、他のツールに読み込ませたりすることができます。

データ分析や集計、他のツールとの連携などに適しており、具体的な活用シーンとしては、**顧客情報管理、プロジェクト管理、アンケート結果など、データを分析・集計したい場合が挙げられます。**

ウェブページ形式で出力し、静的なウェブサイトとして公開したり、他のウェブサイトに埋め込んだりできます。活用シーンとしては、**ブログ記事、ポートフォリオ、Webサイトの一部など、Web上で公開したいコンテンツに適しています。**

### 形式を選択する際のポイント

Notionのエクスポート機能では、様々な形式を選択することができて便利ですが、適さない形式のファイルにエクスポートすると、その後にうまく活用できない問題が生じることもあります。**何のためにエクスポートするのか、目的を明確にしましょう。**

印刷に利用したいのであればPDF形式、Excelなどで利用するのならCSV形式、ウェブで使うのであればHTML形式が良いでしょう。また、レイアウト重視なのか、データそのものが必要なのかによっても選択肢が異なります。最適な選択を心がけましょう。

### エクスポートが終わらない場合

Notionのエクスポートでは、「エクスポートができない」、あるいは「エクスポートが終わらない」というケースがあります。原因としては、データ量が多いため処理に時間が掛かったり、ネットワーク環境が悪かったり、といったことが考えられます。

**原因を調べても分からない時は、Notionのヘルプを利用しましょう。**無料プランのユーザでも問い合わせが可能です。また、NotionコミュニティでもNotionに関する様々な情報や質問、議論が活発に行われていますので、参加してみましょう。

【参考】：[ヘルプとサポート｜Notion (ノーション)](https://www.notion.so/ja/help)
【参考】：[Notion Community in Japan)](https://www.notion.so/notion/Notion-Community-in-Japan-1ee5a66e6d3e44d09a1e6fdf82b5f9a5)

## Notionのエクスポート機能を活用してみよう

この記事では人気のオールインワンツール、Notionのエクスポート機能について、概要や使い方、留意点などを紹介しました。Notionのエクスポート機能は、PDF、CSV、HTMLなど多彩な形式でデータを保存・共有できる便利なツールです。

**Notionのエクスポート機能はバックアップや他ツールとの連携、データ共有など、様々なシーンで活用でき、効率的なデータ管理が可能になります。**

エクスポート形式による違いを理解し、状況に応じて最適な方法を選択することで、Notionをより一層活用できるでしょう。この記事を参考に、ぜひNotionのエクスポート機能を活用してみましょう。

<center>[*Notionに関する記事一覧を見る　＞*](https://and-engineer.com/tags/notion/page/1)</center>

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

Notionのエクスポート機能はPDF、CSV、HTMLなど様々な形式でデータを保存・共有できるツールです。この記事では利用シーンやファイル形式別の特徴、具体的な活用方法を分かりやすく解説していきますので、Notionを活用したい方はぜひ参考にしてください。

Notionのエクスポート機能の基本、コンテンツをPDFやCSVなどでエクスポートする手順

Notionのエクスポートで作成できるPDF、CSV、HTML形式のメリットや活用シーンの違い

Notionのエクスポートの活用方法としてデータのバックアップや他ツールとの連携方法など

Notionのエクスポート機能とは？概要や特徴、使い方を図解

## 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/)

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

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)

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

## 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の日本語化が完了したら、プログラミングに有効活用すると良いでしょう。**

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

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

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

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” を指定しましたが、デフォルトでは大文字と小文字の区別はありません。

お役立ち記事