方法: Visual Studio IDE とエディターのカスタマイズ

適用対象:Visual Studio Visual Studio for Mac Visual Studio Code

この使い方に関する記事では、Visual Studio の配色テーマをカスタマイズします。 その後、コード エディターで 2 つの異なる種類のテキストの色をカスタマイズします。

Visual Studio をまだインストールしていない場合は、Visual Studio のダウンロード ページに移動し、無料試用版をインストールしてください。

IDE の配色テーマを設定する

Visual Studio のユーザー インターフェイスの既定の配色テーマは、 [ダーク] です。 それを別の配色テーマに変更する方法を次に示します。

1. メニュー バーで、 [ツール]>[オプション] の順に選択します。

2. オプションの一覧で、[環境]>[全般] を選択します。

3. [配色テーマ] の一覧で、既定の [ダーク] のテーマ、 [青] テーマ、 [青 (エクストラ コントラスト)] テーマ、 [ライト] テーマから選択します。 または、 [システム設定を使用する] オプションを選択して、Windows で使用するテーマを選択します。

   

   注意

   テーマの色を変更すると、IDE のテキストは既定値またはそのテーマについて前にカスタマイズしたフォントとサイズに戻ります。

   ヒント

   選択肢としてのテーマがさらに必要な場合。 Visual Studio Marketplace で、さまざまなカスタム テーマを確認してください。 また、VS Code に基づく新しい Visual Studio 2022 カスタム テーマの例を確認するには、「新しい Visual Studio テーマのコレクションの紹介」ブログ投稿をご覧ください。

このハウツー記事では、Visual Studio の配色テーマを青のテーマからダーク テーマにカスタマイズします。 その後、コード エディターで 2 つの異なる種類のテキストの色をカスタマイズします。

Visual Studio をまだインストールしていない場合は、Visual Studio のダウンロード ページに移動し、無料試用版をインストールしてください。

IDE の配色テーマを設定する

Visual Studio のユーザー インターフェイスの既定の配色テーマは、 [青] です。 このテーマを [濃色] に変えてみましょう。

1. メニュー バー ( [ファイル] や [編集] などのメニューの行) で、 [ツール]>[オプション] の順に選択します。

2. [環境]>[全般] オプションのページで、 [配色テーマ] の選択内容を [濃色] に変更して [OK] を選択します。

   Visual Studio 開発環境 (IDE) 全体の配色テーマが、 [濃色] に変更されます。

   

ヒント

Visual Studio 配色テーマ デザイナーを Visual Studio Marketplace からインストールして、独自のテーマを作成できます。

エディターのテキストの色を変更する

次に、エディターのテキストの色をいくつかカスタマイズします。 まず、新しい XML ファイルを作成して既定の色を確認しましょう。

1. メニュー バーの [ファイル] 、 [新規作成] 、 [ファイル] の順に選択します。

2. [新しいファイル] ダイアログ ボックスの [全般] カテゴリで [XML ファイル] を選択し、 [開く] を選択します。

3. <?xml version="1.0" encoding="utf-8"?> が含まれる行の下に、以下の XML を貼り付けます。

   <Catalog>
     <Book id="bk101">
     <Author>Garghentini, Davide</Author>
     <Title>XML Developer's Guide</Title>
     <Genre>Computer</Genre>
     <Price>44.95</Price>
     <PublishDate>2000-10-01</PublishDate>
     <Description>
       An in-depth look at creating applications with XML.
     </Description>
   </Book>
   <Book id="bk102">
     <Author>Garcia, Debra</Author>
     <Title>Midnight Rain</Title>
     <Genre>Fantasy</Genre>
     <Price>5.95</Price>
     <PublishDate>2000-12-16</PublishDate>
     <Description>
       A former architect battles corporate zombies, an evil
       sorceress, and her own childhood to become queen of the world.
     </Description>
   </Book>
   </Catalog>
   

   行番号は水色、XML 属性 (id="bk101" など) は薄い青色であることに注意してください。 これらの項目のテキストの色を変更します。

   

4. [オプション] ダイアログ ボックスを開くには、メニュー バーから [ツール]>[オプション] の順に選択します。

5. [環境] で [フォントおよび色] カテゴリを選択します。

   [設定を表示:] の下のテキストが、これから設定を行う [テキスト エディター] であることに注意してください。 このドロップダウン リストを展開すると、フォントおよびテキストの色をカスタマイズできる場所の詳細な一覧が表示されます。

6. 行番号のテキストの色を変更するため、 [表示項目] リストで [行番号] を選択します。 [前景色] ボックスで [オリーブ] を選択します。

   

   一部の言語には、それぞれに特有のフォントと色の設定があります。 たとえば、C++ の開発者が関数に使用する色を変更したい場合、 [表示項目] リストで [C++ 関数] を探します。

7. ダイアログ ボックスを閉じる前に、XML 属性の色も変更しましょう。 [表示項目:] リストで [XML 属性] までスクロールし、選択します。 [前景色] ボックスで、 [ライム] を選択します。 [OK] を選択して選択内容を保存し、ダイアログ ボックスを閉じます。

   行番号がオリーブ色に、XML 属性が明るいライム グリーンに変わりました。 C++ や C# のコード ファイルなど、別の種類のファイルを開いた場合でも、行番号はオリーブ色で表示されます。

   

Visual Studio の色をカスタマイズするいくつかの方法について学習しました。 Visual Studio を自分の好みに合わせて完全にカスタマイズするために、[オプション] ダイアログ ボックスの他のカスタマイズ オプションも試してみることをお勧めします。

ヒント

VS Code の配色テーマをダウンロードし、Visual Studio にインポートする方法についての情報をお探しですか。 詳細については、新しい Visual Studio テーマのコレクションの紹介に関するブログ記事を参照してください。

関連項目

• 方法: Visual Studio のフォント、色、テーマを変更する
• 方法 : エディター内のテキストの大文字と小文字を変更する
• 方法: ウィンドウ レイアウトのカスタマイズとタブの個人用設定
• Visual Studio IDE の概要