Visual Studio IDE へようこそ | Visual Basic

[アーティクル]
11/17/2023

統合開発環境 (IDE) は、ソフトウェア開発の多くの側面をサポートする機能を豊富に備えたプログラムです。 Visual Studio IDE は、コードの編集、デバッグ、ビルドを行ってから、アプリを発行するために使用できるクリエイティブなランチパッドです。大部分の IDE が備える標準的なエディターおよびデバッガーに加えて、Visual Studio ではコンパイラ、コード補完ツール、グラフィックデザイナーなど、ソフトウェア開発プロセスを強化する多くの機能が用意されています。

上の画像は Visual Basic プロジェクトを開いた状態の Visual Studio であり、主要なウィンドウとその機能が示されています。

ソリューションエクスプローラーの右上では、コードファイルの表示、移動、管理を行うことができます。 ソリューションエクスプローラーでは、ファイルをソリューションやプロジェクトにまとめ、コードを整理できます。
中央のエディターウィンドウには、ファイルの内容が表示されます。おそらくほとんどの時間をここで費やすことになります。エディターウィンドウでは、コードを編集することや、ボタンとテキストボックスがあるウィンドウなどのユーザーインターフェイスをデザインすることができます。

右下のチームエクスプローラーでは、Git や Team Foundation バージョン管理 (TFVC) などのバージョンコントロールテクノロジを使用して、作業項目を追跡し、コードを共有できます。

右下の [Git 変更] では、Git や GitHub などのバージョンコントロールテクノロジを使用して作業項目を追跡し、コードを他のユーザーと共有することができます。

エディション

Visual Studio は Windows で利用できます。

Visual Studio には 3 つのエディションがあります:という 3 つのエディションの Visual Studio 2017 があります。各エディションでサポートされている機能については、Visual Studio エディションの比較に関するページを参照してください。

よく使われる生産性機能

ソフトウェア開発時の生産性を向上させる Visual Studio のよく使われる機能には次のようなものがあります。

波線とクイックアクション

波線は波打った下線で、コード入力時にエラーや潜在的な問題を警告します。ビルド時や実行時にエラーが発見されるのを待つことなく、これらの視覚的な手がかりによって問題をすぐに修正することができます。波線にマウスカーソルを合わせると、エラーに関する詳細情報が表示されます。また、エラーを修正するために実行できる "クイックアクション" を示す電球が左の余白に表示されることもあります。
リファクタリング

リファクタリングには、変数の名前をインテリジェントに変更する、1 つ以上のコード行を新しいメソッドに抽出する、メソッドパラメーターを並べ替えるという操作が含まれます。
IntelliSense

IntelliSense は、コードに関する情報をエディターに直接表示し、場合によっては、ちょっとしたコードを自動的に作成する機能のセットです。エディター内のインラインに基本ドキュメントがあるようなものなので、他の場所で型情報を検索する必要がありません。

次の図は、IntelliSense によって型のメンバーリストがどのように表示されるかを示したものです。

IntelliSense 機能は言語によって異なります。詳細については、「C# の IntelliSense」、「Visual C++ の IntelliSense」、「JavaScript IntelliSense」、および Visual Basic IntelliSense に関するページを参照してください。
Visual Studio search

Visual Studio のメニュー、オプション、プロパティは手に負えないもののように思えるかもしれません。 Visual Studio 検索 (Ctrl+Q) を使用すると、IDE の機能やコードを 1 か所ですばやく見つけることができます。

探しているものを表す名前の入力を開始すると、Visual Studio に結果がリストされ、目的の場所に移動できます。別のプログラミング言語など、機能を追加する必要がある場合は、検索結果から Visual Studio インストーラーを開き、ワークロードまたはコンポーネントをインストールできます。
Live Share

アプリの種類やプログラミング言語に関係なく、リアルタイムで他のユーザーと共同で編集やデバッグを行います。プロジェクトは、すぐにかつ安全に共有できます。また、デバッグセッション、ターミナルインスタンス、localhost Web アプリ、音声通話なども共有できます。
呼び出し階層

[呼び出し階層] ウィンドウには、選択したメソッドを呼び出すメソッドが表示されます。この情報は、メソッドの変更や削除について考えるとき、またはバグの追跡を試みるときに有用です。
CodeLens

CodeLens を使用すると、コードの参照、コードの変更、リンクされたバグ、作業項目、コードレビュー、単体テストを、エディターから離れずに楽に見つけることができます。
定義に移動

[定義に移動] 機能を使用すると、関数または型が定義されている場所に直接移動できます。
定義をここに表示

[定義をここに表示] ウィンドウには、別のファイルを開くことなく、メソッドや型の定義が表示されます。

ホットリロード

ホットリロードを使用すると、アプリケーションのコードファイルを編集し、コード変更を実行中のアプリケーションにすぐに適用できます。

Visual Studio のインストール

このセクションでは、簡単なプロジェクトを作成し、Visual Studio でできることをいくつか試してみます。配色テーマを変更し、コーディング支援として IntelliSense を使用し、アプリの実行中にアプリをデバッグして変数値を確認する方法を説明します。

まず、Visual Studio をダウンロードしてシステムにインストールします。モジュラーインストーラーでは、ワークロード (好みのプログラミング言語やプラットフォームで必要な機能のグループ) を選択してインストールできます。プログラムの作成手順に従う場合は、インストール時に必ず、[.NET Core クロスプラットフォームの開発] ワークロードを選択します。

Visual Studio インストーラーの .NET Core クロスプラットフォーム開発ワークロードのスクリーンショット。

まず、Visual Studio をダウンロードしてシステムにインストールします。モジュール式インストーラーでは、目的のプログラミング言語やプラットフォームに必要な機能のグループである "ワークロード" を選択してインストールします。次の手順でプログラムを作成するには、インストール時に必ず [.NET デスクトップ開発] ワークロードを選択します。

Visual Studio インストーラーで選択された [.NET デスクトップ開発] ワークロードのスクリーンショット。

Visual Studio を初めて開く際には、まず Microsoft アカウント、仕事用アカウント、または学校用アカウントを使用してサインインできます。

Visual Studio をカスタマイズする

既定の配色テーマの変更など、Visual Studio ユーザーインターフェイスをカスタマイズできます。

[配色テーマ] を変更する

配色テーマを変更するには:

Visual Studio を開きます。スタートウィンドウで、 [コードなしで続行] を選択します。

IDE が開きます。
Visual Studio のメニューバーから [ツール]>[オプション] を選択して [オプション] ダイアログを開きます。
[環境]>[全般] オプションのページで、 [配色テーマ] の選択内容を [濃色] に変更して [OK] を選択します。

IDE 全体の配色テーマが濃色に変更されます。

Visual Studio を開きます。スタートウィンドウで、 [コードなしで続行] を選択します。
Visual Studio のメニューバーから [ツール]>[オプション] を選択して [オプション] ダイアログを開きます。
[環境]>[全般] オプションのページで、[配色テーマ] の選択内容を [青] または [淡色] に変更して [OK] を選択します。

それに従って IDE 全体の配色テーマが変更されます。次のスクリーンショットは、青テーマを示しています。

環境設定を選択する

Visual Basic 開発者に合わせた環境設定を使用するように、Visual Studio を構成できます。

メニューバーで、 [ツール]>[設定のインポートとエクスポート] の順にクリックします。
[設定のインポートとエクスポート] で、[すべての設定をリセット]、[次へ] の順に選択します。
[現在の設定の保存] ページで、リセットの前に現在の設定を保存するかどうかを選択します。設定をカスタマイズしていない場合は、 [いいえ、現在の設定を上書きして設定をリセットします] を選択します。 [次へ] を選択します。
[設定の既定のコレクションの選択] ページで、 [Visual Basic] を選択し、 [完了] を選択します。
[リセットの完了] ページで [閉じる] を選択します。

IDE の他のカスタマイズ方法については、「Visual Studio IDE のカスタマイズ」をご覧ください。

プログラムを作成する

簡単なプログラムを作成しましょう。

Visual Studio のメニューバーで、 [ファイル]>[新規作成]>[プロジェクト] の順に選びます。 (または、Ctrl+Shift+N キーを押します。)

[新しいプロジェクトの作成] ウィンドウが開き、いくつかのプロジェクト "テンプレート" が表示されます。テンプレートには、特定のプロジェクトの種類に必要な基本的なファイルと設定が含まれています。
必要なテンプレートを検索するには、検索ボックスに「.net core コンソール」と入力します。使用可能なテンプレートの一覧が、入力したキーワードに基づいて自動的にフィルター処理されます。 [すべての言語] ドロップダウンリストから [Visual Basic] を選択し、[すべてのプラットフォーム] リストから [Windows] を選択し、[すべてのプロジェクトの種類] リストから [コンソール] を選択することで、テンプレートの結果をさらにフィルター処理できます。

[コンソールアプリケーション] テンプレートを選択し、 [次へ] を選択します。
[新しいプロジェクトの構成] ウィンドウで、[プロジェクト名] ボックスに「HelloWorld」と入力し、必要に応じてプロジェクトファイルのディレクトリの場所 (既定の場所は C:\Users\<name>\source\repos) を変更した後、[次へ] を選択します。
[追加情報] ウィンドウで、[ターゲットフレームワーク] ドロップダウンメニューに [.NET Core 3.1] が表示されていることを確認し、[作成] を選択します。

Visual Studio によってプロジェクトが作成されます。これは、コンソール (プログラムの出力) ウィンドウにリテラル文字列 "Hello World!" を表示する Console.WriteLine() メソッドを呼び出す単純な "Hello World" アプリケーションです。

すぐに、次の画像のように表示されるはずです。

アプリの Visual Basic コードは、領域の大部分を占めるエディターウィンドウに表示されます。キーワードや型など、コードの異なる部分を示すようにテキストが自動的に色分けされているのに注目してください。また、コードの縦の小さな点線は互いに一致する括弧を示し、行番号は後でコードの場所を探すのに役立ちます。小さな四角で囲まれたマイナス記号を選択するとコードブロックが折りたたまれ、折りたたまれている場合は展開できます。このコードのアウトライン機能を使用すると、必要のないコードを非表示にして画面を整理できます。プロジェクトファイルは右側のソリューションエクスプローラーと呼ばれるウィンドウに一覧表示されます。

他にもメニューやツールウィンドウが用意されていますが、今は次に進みましょう。
アプリを起動します。メニューバーの [デバッグ] メニューから [デバッグなしで開始] を選択して、プロセスを開始できます。あるいは、Ctrl+F5 キーを押します。

Visual Studio でアプリがビルドされ、コンソールウィンドウが開き、メッセージ Hello World! が表示されます。これで実行中のアプリができました。
コンソールウィンドウを閉じるには、キーボードで任意のキーを押します。
アプリにさらにコードを追加してみましょう。 Console.WriteLine("Hello World!") という行の前に次の Visual Basic コードを追加します。
```
Console.WriteLine("What is your name?")
Dim name = Console.ReadLine()
```
このコードはコンソールウィンドウに What is your name? と表示し、ユーザーがテキストを入力して Enter キーを押すまで待機します。
Console.WriteLine("Hello World!") という行を次のコードに変更します。
```
Console.WriteLine("Hello " + name + "!")
```
Ctrl+F5 キーを押してプログラムを再び実行します。

Visual Studio によってアプリが再度ビルドされ、コンソールウィンドウが開き、名前を入力するように求められます。
コンソールウィンドウに名前を入力し、Enter キーを押します。
任意のキーを押してコンソールウィンドウを閉じ、プログラムの実行を停止します。

Visual Studio のメニューバーで、 [ファイル]>[新規作成]>[プロジェクト] の順に選びます。 Ctrl+Shift+N キーを押してもかまいません。

[新しいプロジェクトの作成] ウィンドウが開き、いくつかのプロジェクト "テンプレート" が表示されます。テンプレートには、特定のプロジェクトの種類に必要な基本的なファイルと設定が含まれています。
テンプレートを検索するには、検索ボックスにキーワードを入力します。入力したキーワードに基づいて、使用できるテンプレートの一覧がフィルター処理されます。 [すべての言語] ドロップダウンリストから [Visual Basic] を選択し、 [すべてのプラットフォーム] リストから [Windows] を選択し、 [すべてのプロジェクトの種類] リストから [コンソール] を選択することで、テンプレートの結果をさらにフィルター処理できます。

Visual Basic の [コンソールアプリケーション] テンプレートを選択し、 [次へ] を選択します。
[新しいプロジェクトの構成] ウィンドウの [プロジェクト名] ボックスに「HelloWorld」と入力します。必要に応じて、プロジェクトディレクトリの場所を既定の C:\Users\<name>\source\repos から変更し、[次へ] を選択します。
[追加情報] ウィンドウで、[ターゲットフレームワーク] ドロップダウンメニューに [.NET 8.0] が表示されていることを確認し、[作成] を選択します。

Visual Studio によってプロジェクトが作成されます。このプログラムは、コンソールウィンドウに文字列 Hello World! を表示する Console.WriteLine() メソッドを呼び出す単純な "Hello World" アプリケーションです。

プロジェクトファイルは、Visual Studio IDE の右側にある [ソリューションエクスプローラー] というウィンドウに表示されます。 [ソリューションエクスプローラー] ウィンドウで、Program.vb ファイルを選択します。アプリの Visual Basic のコードが、領域の大部分を占める中央のエディターウィンドウに表示されます。

キーワードや型など、さまざまな部分を示すようにコードは自動的に色分けされます。行番号は、コードの検索に役立ちます。

コード内の小さな垂直破線は、まとめて実行されるコード構造またはコードブロックを示します。また、小さな四角で囲まれたマイナスまたはプラスの記号を選択して、コードブロックを折りたたんだり展開したりすることもできます。このコードのアウトライン機能を使用すると、表示する必要のないコードを非表示にして画面を整理できます。

他にも多くのメニューとツールウィンドウを使用できます。
アプリを起動するには、Visual Studio の上部のメニューから [デバッグ]>[デバッグなしで開始] を選択します。あるいは、Ctrl+F5 キーを押します。

Visual Studio でアプリがビルドされ、コンソールウィンドウが開き、メッセージ Hello World! が表示されます。これで実行中のアプリができました。
コンソールウィンドウを閉じるには、任意のキーを押します。
アプリにさらにコードを追加してみましょう。 Console.WriteLine("Hello World!") という行の前に次の Visual Basic コードを追加します。
```
Console.WriteLine("What is your name?")
Dim name = Console.ReadLine()
```
このコードを実行すると、コンソールウィンドウに "What is your name? " と表示され、ユーザーがテキストを入力するまで待機します。
Console.WriteLine("Hello World!") という行を次の行に変更します。
```
Console.WriteLine("Hello " + name + "!")
```
[デバッグ]>[デバッグなしで開始] の順に選択するか、Ctrl+F5 キーを押してアプリを再び実行します。

Visual Studio によってアプリが再度ビルドされ、コンソールウィンドウが開き、名前を入力するように求められます。
コンソールウィンドウに名前を入力し、Enter キーを押します。
任意のキーを押してコンソールウィンドウを閉じ、プログラムの実行を停止します。

リファクタリングと IntelliSense の使用

リファクタリングと IntelliSense がより効率的なコーディングに役立ついくつかの方法を見てみましょう。

まず、name 変数の名前を変更します。

name 変数をダブルクリックし、変数の新しい名前 username を入力します。

変数の周りに灰色のボックスが表示され、余白に電球が表示されます。
電球アイコンを選択して、使用可能なクイックアクションを表示します。 ['name' から 'username' へ名前を変更] を選択します。

プロジェクト全体で変数の名前が変更され、この場合は 2 か所だけです。

次は IntelliSense を試してみましょう。

Console.WriteLine("Hello " + username + "!") という行の下に、次のコードを入力します。
```
Dim now = Date.
```
ボックスに DateTime クラスのメンバーが表示されます。現在選択されているメンバーの説明も独立したボックスに表示されます。
クラスのプロパティである Now という名前のメンバーを選択します。 Now をダブルクリックするか、それを選択して Tab キーを押します。
その行の下に、次のコードを入力します。
```
Dim dayOfYear = now.DayOfYear
Console.Write("Day of year: ")
Console.WriteLine(dayOfYear)
```
ヒント

Console.Write は Console.WriteLine と異なり、出力の後に行終端記号は追加されません。つまり、次に出力に送信されるテキストは、同じ書き出されます。コードでこれらのメソッドをポイントすると、その説明が表示されます。

次に、もう一度リファクタリングを使ってコードを少し簡単にします。

行 Dim now = Date.Now の変数 now を選択します。その行の余白にドライバーアイコンが表示されます。
ドライバーアイコンを選択すると、Visual Studio から使用できる提案が表示されます。この場合は、全体的なコードの動作を変更することなくコードの行を削除するインラインの一時変数リファクタリングが表示されます。
[インラインの一時変数] を選択してコードをリファクタリングします。
Ctrl+F5 キーを押してプログラムを再び実行です。出力は次のようになります。

行 Dim now = Date.Now の変数 now を選択します。その行の余白に電球アイコンが表示されます。
電球アイコンを選択すると、Visual Studio から使用できる提案が表示されます。この場合は、全体的なコードの動作を変更することなくコードの行を削除するインラインの一時変数リファクタリングが表示されます。
[インラインの一時変数] を選択してコードをリファクタリングします。
Ctrl+F5 キーを押してプログラムを再び実行です。出力は次のようになります。

コードのデバッグ

コードを記述するときは、実行してバグの存在を確認するために実際にテストする必要があります。 Visual Studio のデバッグシステムを使用すると、一度に 1 つのステートメントずつ、コードを実行して必要に応じて変数を検査できます。特定の行でコードの実行を停止する "ブレークポイント" を設定し、コードの実行中に変数値がどのように変化するかを観察することができます。

ブレークポイントを設定して、プログラムが実行中の username 変数の値を見てみましょう。

Console.WriteLine("Hello " + username + "!") というコード行の左端の余白 (左余白) をクリックしてブレークポイントを設定します。コード行を選択し、F9 キーを押すこともできます。

赤い円が左余白に表示され、行が強調表示されます。
[デバッグ]>[デバッグの開始] を選択するか、F5 キーを押して、デバッグを開始します。
コンソールウィンドウが表示され、名前の入力を求められたら、自分の名前を入力します。

Visual Studio コードエディターにフォーカスが戻り、ブレークポイントを設定したコード行が黄色で強調表示されます。黄色の強調表示は、このコード行が次に実行されることを示します。ブレークポイントにより、この行でアプリの実行が一時停止されます。
username 変数をポイントすると、その値が表示されます。また、username を右クリックして [ウォッチを追加] を選択し、変数を [ウォッチ] ウィンドウに追加して、そこで値を確認することもできます。
もう一度 F5 キーを押して、アプリの実行を完了します。

アプリが実行されると、[ホットリロード] ボタンをクリックすることで、実行中のアプリにコードの変更を適用できます。

Visual Studio 2022 でのホットリロードのスクリーンショット。

Visual Studio のデバッグの詳細については、デバッガーの機能ツアーに関するページを参照してください。

次の方法で共有

Visual Studio IDE へようこそ | Visual Basic

エディション

よく使われる生産性機能

Visual Studio のインストール

Visual Studio をカスタマイズする

[配色テーマ] を変更する

環境設定を選択する

プログラムを作成する

リファクタリングと IntelliSense の使用

コードのデバッグ

フィードバック

その他のリソース

次の方法で共有

Visual Studio IDE へようこそ | Visual Basic

エディション

よく使われる生産性機能

Visual Studio のインストール

Visual Studio をカスタマイズする

[配色テーマ] を変更する

環境設定を選択する

プログラムを作成する

リファクタリングと IntelliSense の使用

コードのデバッグ

関連するコンテンツ

フィードバック

その他のリソース