コード エディターを使用方法について学習する

この 10 分間の Visual Studio のコード エディターの紹介では、ファイルにコードを追加した上で、Visual Studio でコードを記述、コード内を移動、およびコードを理解する簡単な方法をいくつか説明します。

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

この記事では、既にプログラミング言語を使い慣れていることを前提としています。 使い慣れていない場合は、Python または C# による Web アプリの作成や、Visual Basic または C++ によるコンソール アプリの作成など、プログラミング言語に関するいずれかのクイック スタートを最初に確認することをお勧めします。

ヒント

この記事に従うには、Visual Studio に対して C# 設定が選択されていることを確認します。 統合開発環境 (IDE) の設定の選択については、「Select environment settings (環境設定を選択する)」 を参照してください。

新しいコード ファイルを作成する

新しいファイルを作成し、何らかのコードをそのファイルに追加することから始めます。

1. Visual Studio を開きます。 スタート ウィンドウで Esc キーを押すか、 [コードなしで続行] を選択して、開発環境を開きます。

2. メニュー バーの [ファイル] メニューから、[新規作成]>[ファイル] を選ぶか、Ctrl+N キーを押します。

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

   エディターで新しいファイルが開かれ、C# クラスのスケルトンが表示されます。

   

GitHub Copilot を使用する

GitHub Copilot は、AI ペア プログラマーとして機能し、ユーザーがコードを入力すると、エディターですぐに、オートコンプリート スタイルのコード入力候補とコンテキスト対応の複数行コード候補を提供します。 GitHub Copilot は、コメントやメソッド名などの自然言語プロンプトをコーディングの提案に変換します。 エディター内で直接 GitHub Copilot からの提案を見たり組み込んだりできます。

GitHub Copilot を試す

Copilot を使用してコードの提案を生成してみましょう。

1. ファイルで最後の右中かっこ } のすぐ下にカーソルを置きます。
2. 自然言語のコメント // Add a method to add two numbers を入力して、Enter キーを押します。
3. GitHub Copilot によってコード提案が生成されます。 推奨される実装は灰色のテキストで表示されます。
4. 提案を受け入れるには、Tab キーを押します。

Visual Studio で GitHub Copilot を使ってみてください。 GitHub Copilot の使用には、Visual Studio 2022 17.5.5 以降が必要です。

コード スニペットを使用する

Visual Studio で提供されている便利なコード スニペットを使用すると、一般的に使用されるコード ブロックを迅速かつ簡単に生成することができます。 コード スニペットは、C#、Visual Basic、C++ など、さまざまなプログラミング言語で使用することができます。

C# void Main スニペットをファイルに追加してみましょう。

1. ファイル内の最後の閉じかっこ } のすぐ上にカーソルを置き、svm という文字を入力します。

   ポップアップ ダイアログ ボックスが svm コード スニペットに関する情報を伴って表示されます。

   

2. Tab キーを 2 回押すと、コード スニペットが挿入されます。

   static void Main() メソッドの署名がファイルに追加されることがわかります。 Main() メソッドは、C# アプリケーションのエントリ ポイントです。

利用できるコード スニペットは、プログラミング言語によって異なります。 目的の言語で使用可能なコード スニペットを確認するには、 [編集]>[IntelliSense]>[スニペットの挿入] を選択するか、Ctrl+K、Ctrl+X キーを押して、プログラミング言語のフォルダーを選択します。 C# の場合、スニペット リストは次のようになります。

このリストには、クラス、コンストラクター、for ループ、if ステートメント、switch ステートメントなどを作成するためのスニペットが含まれています。

コメント アウト コード

[テキスト エディター] ツール バー (Visual Studio のメニュー バーの下にあるボタンの列) は、コード作成時の生産性を高めるのに役立ちます。 たとえば、IntelliSense 完了モードの切り替え、行のインデントの増減、コンパイルしたくないコードのコメント アウトを行うことができます。

コードをコメント アウトしてみましょう。

1. Main() メソッド本体に次のコードを貼り付けます。

   // someWords is a string array.
   string[] someWords = {
       "the",
       "quick",
       "brown",
       "fox",
       "jumps"
   };
   
   string[] moreWords = {
       "over",
       "the",
       "lazy",
       "dog"
   };
   
   // Alphabetically sort the words.
   IEnumerable<string> query = from word in someWords
                               orderby word
                               select word;
   

2. moreWords 変数は現在使用していませんが、後で使用するかもしれないので、削除したくありません。 そこで、これらの行をコメント アウトします。 終了セミコロンまでの moreWords の定義全体を選択し、[テキスト エディター] ツールバーの [選択された行をコメント アウトします] ボタンを選択します。 キーボードを使用する場合は、Ctrl+K キー、Ctrl+C キーを選択します。

   

   選択した各列の先頭に C# コメント文字 // を追加すると、コードがコメント アウトされます。

   行のコメントを解除する場合は、行を選択し、[テキストエディター] ツール バーの [選択した行のコメントを解除します] ボタンをクリックします。 キーボードを使用する場合は、Ctrl+K キー、Ctrl+U キーを選択します。

   

コード ブロックを折りたたむ

Class1 のために生成された空のコンストラクターを表示したくないので、コードのビューを整理するために、折りたたみましょう。 コンストラクターの最初の行の余白にある、内部にマイナス記号が表示された小さな灰色のボックスを選択します。 また、キーボードを使用する場合は、コンストラクター コード内の任意の場所にカーソルを置き、Ctrl+M キー、Ctrl+M キーを押します。

コード ブロックが最初の行に折りたたまれ、後続に省略記号 (...) が表示されます。 コード ブロックを再度展開するには、現在内部にプラス記号が表示されている同じ灰色のボックスを選択するか、Ctrl+M キー、Ctrl+M キーの順に押します。 これは、アウトライン機能と呼ばれ、長いメソッドまたはクラス全体を折りたたむ場合に特に便利です。

シンボル定義の表示

Visual Studio エディターでは、型、メソッド、変数の定義を簡単に調べることができます。 たとえば、シンボルが参照されている場所で [定義へ移動] を選択するか F12 キーを押すと、どのファイルにあるかにかかわらず、定義に移動することができます。 作業中のコードからフォーカスを移動しない、さらに簡単な方法としては、[定義をここに表示] を使用します。

string 型の定義を参照してみましょう。

1. string が出現している箇所を右クリックし、コンテンツ メニューから [定義をここに表示] を選択します。 または、Alt+F12 キーを押します。

   String クラスの定義を含むポップアップ ウィンドウが表示されます。 ポップアップ ウィンドウ内をスクロールすることも、参照しているコードから別の種類の定義を参照することもできます。

   

2. [定義をここに表示] ウィンドウを閉じるには、ポップアップ ウィンドウの右上にある、内部に "x" が表示された小さなボックスを選択します。

IntelliSense を使用した入力補完

コードを記述する場合、IntelliSense は貴重なリソースです。 このリソースでは、使用可能な型のメンバーに関する情報、またはメソッドの各種オーバーロードのためのパラメーターの詳細を表示できます。 また、IntelliSense を使用すると、単語を区別するために十分な文字を入力した後に入力補完を利用することができます。

プログラムからの出力が表示される標準的な場所であるコンソール ウィンドウに、順序付けされた文字列を出力するコード行を追加してみましょう。

1. query 変数の下で、次のコードの入力を開始します。

   foreach (string str in qu
   

   IntelliSense のポップアップに query シンボルに関する情報が表示されることがわかります。

   

2. IntelliSense の単語補完を使用して単語 query の残りを挿入するには、Tab キーを押します。

3. 次のコードのように、コード ブロックを完成させます。 コード スニペットの使用をさらに練習するには、「cw」と入力し、Tab キーを 2 回押して Console.WriteLine ステートメントを生成します。

   foreach (string str in query)
   {
      Console.WriteLine(str);
   }
   

名前のリファクタリング

だれも最初から適切なコードは記述できないものです。変更を必要とする可能性のある要素の 1 つに、変数またはメソッドの名前があります。 Visual Studio のリファクタリング機能を使用して、someWords 変数の名前を unsortedWords に変更してみましょう。

1. someWords 変数の定義にカーソルを置き、右クリックまたはコンテキスト メニューから [名前の変更] を選択するか、F2 キーを押します。

   エディターの右上に [名前の変更] ダイアログ ボックスが表示されます。

   

2. 目的の名前「unsortedWords」を入力します。 query 代入ステートメント内の unsortedWords への参照も自動的に名前が変更されることがわかります。 Enter キーを押す前に、[名前の変更] ポップアップ ボックスで [コメントを含める] チェック ボックスをオンにします。

   

3. Enter キーを選択します。

   コード内の someWords の両方の出現箇所と、コードのコメント内のテキスト someWords の名前が変更されました。

次の手順

プロジェクトとソリューションについて学習する

関連項目

• コード スニペット
• コード間の移動
• アウトライン
• [定義へ移動] と [定義をここに表示]
• リファクタリング
• IntelliSense を使用する