Visual Basic でコード エディターを使用する方法を学習する

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

ヒント

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

この記事では、既に Visual Basic を使い慣れていることを前提としています。 そうでない場合は、まず「シンプルな Visual Basic (VB) コンソール アプリを作成する」などのチュートリアルを参照しておくことをお勧めしています。

ヒント

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

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

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

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

  2. メニュー バーの [ファイル] メニューから、 [新しいファイル] を選択します。

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

    エディターで新しいファイルが開かれ、Visual Basic クラスのスケルトンが表示されます (既にお気付きのとおり、構文の強調表示など、コード エディターによって提供されるいくつかの利点を得るために、完全な Visual Studio プロジェクトを作成する必要はありません。必要なのはコード ファイルだけです)。

    Screenshot showing a new Visual Basic class file in the Visual Studio code editor.

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

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

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

    エディターで新しいファイルが開かれ、Visual Basic クラスのスケルトンが表示されます (既にお気付きのとおり、構文の強調表示など、コード エディターによって提供されるいくつかの利点を得るために、完全な Visual Studio プロジェクトを作成する必要はありません。必要なのはコード ファイルだけです)。

    Screenshot showing a new Visual Basic class file in the Visual Studio code editor.

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

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

  1. End Class と示されている行の上にカーソルを置き、「sub」と入力します。

    ポップアップ ダイアログ ボックスが表示され、Sub キーワードに関する情報と Sub コード スニペットの挿入方法が示されます。

    Screenshot showing the IntelliSense for a 'Sub' code snippet in Visual Studio.

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

    Sub プロシージャ MySub() のアウトラインがファイルに追加されます。

利用できるコード スニペットは、プログラミング言語によって異なります。 [編集]>[IntelliSense]>[スニペットの挿入] を選択 (または Ctrl+KCtrl+X キーを押す) ことで、Visual Basic で使用可能なコード スニペットを確認できます。 Visual Basic の場合、コード スニペットは次のカテゴリで使用できます。

Screenshot showing the Insert Snippet window with a list of category folders that contain Visual Basic code snippets.

コンピューター上にファイルが存在するかどうかの判断、テキスト ファイルへの書き込み、レジストリ値の読み取り、SQL クエリの実行、For Each...Next ステートメントの作成などを行うためのさまざまなスニペットがあります。

  1. End Class と示されている行の上にカーソルを置き、「sub」と入力します。

    ポップアップ ダイアログ ボックスが表示され、Sub キーワードに関する情報と Sub コード スニペットの挿入方法が示されます。

    Screenshot showing the IntelliSense for a 'Sub' code snippet in Visual Studio.

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

    Sub プロシージャ MySub() のアウトラインがファイルに追加されます。

利用できるコード スニペットは、プログラミング言語によって異なります。 Visual Basic で使用可能なコード スニペットを確認するには、コード エディターで右クリックまたはコンテキスト メニューを開き、 [スニペット]>[スニペットの挿入] を選択します (または Ctrl+K キー、Ctrl+X キーを押します)。 Visual Basic の場合、コード スニペットは次のカテゴリで使用できます。

Screenshot showing the Insert Snippet window with a list of category folders that contain Visual Basic code snippets.

コメント アウト コード

ツールバー (Visual Studio のメニュー バーの下にあるボタンの列) は、コード作成時の生産性を高めるのに役立ちます。 たとえば、IntelliSense 完了モードの切り替え、行のインデントの増減、コンパイルしたくないコードのコメント アウトを行うことができます (IntelliSense は、特に、一致するメソッドのリストを表示するコーディング支援機能です)。このセクションでは、一部のコードをコメント アウトします。

Screenshot showing the toolbar in Visual Studio which includes buttons for adding or removing code comments.

  1. MySub() プロシージャ本体に次のコードを貼り付けます。

    ' _words is a string array that we'll sort alphabetically
    Dim _words = New String() {
    "the",
    "quick",
    "brown",
    "fox",
    "jumps"
    }
    
    Dim morewords = New String() {
    "over",
    "the",
    "lazy",
    "dog"
    }
    
    Dim query = From word In _words
                Order By word.Length
                Select word
    
  2. ここでは morewords 配列は使用していませんが、後で使用するかもしれないので、完全に削除したくありません。 そこで、これらの行をコメント アウトしましょう。 右中かっこまでの morewords の定義全体を選択し、ツールバーの [選択された行をコメント アウトします。] ボタンを選びます。 キーボードを使用する場合は、Ctrl+K キー、Ctrl+C キーを押します。

    Screenshot showing the toolbar with the button for commenting out code highlighted in red.

    選択した各行の先頭に Visual Basic コメント文字 ' を追加すると、コードがコメント アウトされます。

Screenshot showing the toolbar in Visual Studio which includes buttons for adding or removing code comments.

  1. MySub() プロシージャ本体に次のコードを貼り付けます。

    ' _words is a string array that we'll sort alphabetically
    Dim _words = New String() {
    "the",
    "quick",
    "brown",
    "fox",
    "jumps"
    }
    
    Dim morewords = New String() {
    "over",
    "the",
    "lazy",
    "dog"
    }
    
    Dim query = From word In _words
                Order By word.Length
                Select word
    
  2. ここでは morewords 配列は使用していませんが、後で使用するかもしれないので、完全に削除したくありません。 そこで、これらの行をコメント アウトしましょう。 右中かっこまでの morewords の定義全体を選択し、ツールバーの [選択された行をコメント アウトします。] ボタンを選びます。 キーボードを使用する場合は、Ctrl+K キー、Ctrl+C キーを押します。

    Screenshot showing the toolbar with the button for commenting out code highlighted in red.

    選択した各行の先頭に Visual Basic コメント文字 ' を追加すると、コードがコメント アウトされます。

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

コードのセクションを折りたたみ、関心のある部分だけに集中することができます。 実践するために、_words 配列を 1 行のコードに折りたたんでみましょう。 Dim _words = New String() { と示されている行の余白にある、内部にマイナス記号が表示された小さな灰色のボックスを選択します。 または、キーボードを使用している場合は、配列定義の任意の場所にカーソルを置き、Ctrl+M キー、Ctrl+M キーを押します。

Screenshot showing the Visual Studio Code editor, with the control for collapsing the outline of a section of code highlighted in red.

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

コードのセクションを折りたたみ、関心のある部分だけに集中することができます。 実践するために、_words 配列を 1 行のコードに折りたたんでみましょう。 Dim _words = New String() { と示されている行の余白にある、内部にマイナス記号が表示された小さな灰色のボックスを選択します。 または、キーボードを使用している場合は、配列定義の任意の場所にカーソルを置き、Ctrl+M キー、Ctrl+M キーを押します。

Screenshot showing the Visual Studio Code editor, with the control for collapsing the outline of a section of code highlighted in red.

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

シンボル定義の表示

Visual Studio エディターでは、型やメソッドなどの定義の検査を容易に行うことができます。1 つの方法として、たとえば、シンボルが参照されている任意の場所で [定義へ移動] を選択して、定義を含むファイルに移動します。 作業中のファイルからフォーカスを移動しないより迅速な方法としては、[定義をここに表示] を使用します。 String 型の定義を参照してみましょう。

  1. String という単語を右クリックし、コンテンツ メニューから [定義をここに表示] を選択します。 または、Alt+F12 キーを押します。

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

    Screenshot showing a Peek Definition pop-up window containing the definition of the 'String' class.

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

Visual Studio エディターでは、型またはクラス メンバーの定義の検査を容易に行うことができます。 1 つの方法として、たとえば、シンボルが参照されている任意の場所で [定義へ移動] を選択して、定義を含むファイルに移動します。 作業中のファイルからフォーカスを移動しないより迅速な方法としては、[定義をここに表示] を使用します。 String 型の定義を参照してみましょう。

  1. String という単語を右クリックし、コンテンツ メニューから [定義をここに表示] を選択します。 または、Alt+F12 キーを押します。

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

    Screenshot showing a Peek Definition pop-up window containing the definition of the 'String' class.

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

IntelliSense を使用した入力補完

コードを記述する場合、IntelliSense は貴重なリソースです。 このリソースでは、使用可能な型のメンバーに関する情報、またはメソッドの各種オーバーロードのためのパラメーターの詳細を表示できます。 また、IntelliSense を使用すると、単語を区別するために十分な文字を入力した後に入力補完を利用することができます。 プログラムからの出力が表示される標準的な場所であるコンソール ウィンドウに、順序付けされた文字列を出力するコード行を追加してみましょう。

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

    For Each str In qu
    

    IntelliSense が query シンボルに関するクイック ヒントを表示しているのがわかります。

    Screenshot showing the IntelliSense word completion window for the word 'query' in the Visual Studio code editor.

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

  3. 次のコードのように、コード ブロックを完成させます。

    For Each str In query
        Console.WriteLine(str)
    Next
    

コードを記述する場合、IntelliSense は貴重なリソースです。 このリソースでは、使用可能な型のメンバーに関する情報、またはメソッドの各種オーバーロードのためのパラメーターの詳細を表示できます。 また、IntelliSense を使用すると、単語を区別するために十分な文字を入力した後に入力補完を利用することができます。 プログラムからの出力が表示される標準的な場所であるコンソール ウィンドウに、順序付けされた文字列を出力するコード行を追加してみましょう。

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

    For Each str In qu
    

    IntelliSense が query シンボルに関するクイック ヒントを表示しているのがわかります。

    Screenshot showing the IntelliSense word completion window for the word 'query' in the Visual Studio code editor.

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

  3. 次のコードのように、コード ブロックを完成させます。

    For Each str In query
        Console.WriteLine(str)
    Next
    

名前のリファクタリング

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

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

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

  2. _words 変数が選択された状態で、words の任意の名前を入力します。 クエリ内の words への参照も名前が自動的に変更されることに注意してください。 Enter キーを押すか、 [適用] をクリックする前に、 [名前の変更] ポップアップ ボックスで [コメントを含める] チェック ボックスをオンにします。

    Screenshot showing the Rename dialog box for the variable '_words', with the option for 'Include comments' checked.

  3. Enter キーを押すか、 [適用] をクリックします。

    words の出現箇所と、コード コメント内の words への参照箇所の両方で名前が変更されます。

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

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

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

  2. _words 変数が選択された状態で、words の任意の名前を入力します。 クエリ内の words への参照も名前が自動的に変更されることに注意してください。 Enter キーを押すか、 [適用] を選択する前に、 [名前の変更] ポップアップ ボックスで [コメントを含める] チェック ボックスをオンにします。

    Screenshot showing the Rename dialog box for the variable '_words', with the option for 'Include comments' checked.

  3. Enter キーを押すか、 [適用] を選択します。

    words の出現箇所と、コード コメント内の words への参照箇所の両方で名前が変更されます。

次の手順

関連項目