Visual Studio IDE へようこそ | Visual Basic

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

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

• ソリューション エクスプローラーの右上では、コード ファイルの表示、移動、管理を行うことができます。 ソリューション エクスプローラーでは、ファイルをソリューションやプロジェクトにまとめ、コードを整理できます。

• 中央のエディター ウィンドウには、ファイルの内容が表示されます。おそらくほとんどの時間をここで費やすことになります。 エディター ウィンドウでは、コードを編集することや、ボタンとテキスト ボックスがあるウィンドウなどのユーザー インターフェイスをデザインすることができます。

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

エディション

Visual Studio は Windows と Mac で利用できます。 Visual Studio for Mac は Visual Studio for Windows と同じ機能を多く備え、クロスプラットフォーム アプリとモバイル アプリの開発用に最適化されています。 この記事では、Windows バージョンの Visual Studio について説明します。

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 デスクトップ開発] ワークロードを選択します。

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

Visual Studio をカスタマイズする

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

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

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

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

   

2. Visual Studio のメニュー バーから [ツール]>[オプション] を選択して [オプション] ダイアログを開きます。

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

   

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

   

環境設定を選択する

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

1. メニュー バーで、 [ツール]>[設定のインポートとエクスポート] の順にクリックします。

2. [設定のインポートとエクスポート] で、[すべての設定をリセット]、[次へ] の順に選択します。

3. [現在の設定の保存] ページで、リセットの前に現在の設定を保存するかどうかを選択します。 設定をカスタマイズしていない場合は、 [いいえ、現在の設定を上書きして設定をリセットします] を選択します。 [次へ] を選択します。

4. [設定の既定のコレクションの選択] ページで、 [Visual Basic] を選択し、 [完了] を選択します。

5. [リセットの完了] ページで [閉じる] を選択します。

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

プログラムを作成する

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

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

   

   [新しいプロジェクトの作成] ウィンドウが開き、いくつかのプロジェクト "テンプレート" が表示されます。 テンプレートには、特定のプロジェクトの種類に必要な基本的なファイルと設定が含まれています。

2. テンプレートを検索するには、検索ボックスにキーワードを入力します。 入力したキーワードに基づいて、使用できるテンプレートの一覧がフィルター処理されます。 [すべての言語] ドロップダウン リストから [Visual Basic] を選択し、 [すべてのプラットフォーム] リストから [Windows] を選択し、 [すべてのプロジェクトの種類] リストから [コンソール] を選択することで、テンプレートの結果をさらにフィルター処理できます。

   Visual Basic の [コンソール アプリケーション] テンプレートを選択し、 [次へ] を選択します。

   

3. [新しいプロジェクトの構成] ウィンドウの [プロジェクト名] ボックスに「HelloWorld」と入力します。 必要に応じて、プロジェクト ディレクトリの場所を既定の C:\Users\<name>\source\repos から変更し、[次へ] を選択します。

   

4. [追加情報] ウィンドウで、[ターゲット フレームワーク] ドロップダウン メニューに [.NET 8.0] が表示されていることを確認し、[作成] を選択します。

   

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

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

   

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

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

   

   他にも多くのメニューとツール ウィンドウを使用できます。

5. アプリを起動するには、Visual Studio の上部のメニューから [デバッグ]>[デバッグなしで開始] を選択します。 あるいは、Ctrl+F5 キーを押します。

   

   Visual Studio でアプリがビルドされ、コンソール ウィンドウが開き、メッセージ Hello World! が表示されます。 これで実行中のアプリができました。

   

6. コンソール ウィンドウを閉じるには、任意のキーを押します。

7. アプリにさらにコードを追加してみましょう。 Console.WriteLine("Hello World!") という行の前に次の Visual Basic コードを追加します。

   Console.WriteLine("What is your name?")
   Dim name = Console.ReadLine()
   

   このコードを実行すると、コンソール ウィンドウに "What is your name? " と表示され、ユーザーがテキストを入力するまで待機します。

8. Console.WriteLine("Hello World!") という行を次の行に変更します。

   Console.WriteLine("Hello " + name + "!")
   

9. [デバッグ]>[デバッグなしで開始] の順に選択するか、Ctrl+F5 キーを押してアプリを再び実行します。

   Visual Studio によってアプリが再度ビルドされ、コンソール ウィンドウが開き、名前を入力するように求められます。

10. コンソール ウィンドウに名前を入力し、Enter キーを押します。

    

11. 任意のキーを押してコンソール ウィンドウを閉じ、プログラムの実行を停止します。

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

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

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

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

   変数の周りに灰色のボックスが表示され、余白に電球が表示されます。

2. 電球アイコンを選択して、使用可能なクイック アクションを表示します。 ['name' から 'username' へ名前を変更] を選択します。

   

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

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

1. Console.WriteLine("Hello " + username + "!") という行の下に、次のコードを入力します。

   Dim now = Date.
   

   ボックスに DateTime クラスのメンバーが表示されます。 現在選択されているメンバーの説明も独立したボックスに表示されます。

   

2. クラスのプロパティである Now という名前のメンバーを選択します。 Now をダブルクリックするか、それを選択して Tab キーを押します。

3. その行の下に、次のコードを入力します。

   Dim dayOfYear = now.DayOfYear
   Console.Write("Day of year: ")
   Console.WriteLine(dayOfYear)
   

   ヒント

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

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

1. 行 Dim now = Date.Now の変数 now を選択します。 その行の余白に電球アイコンが表示されます。

2. 電球アイコンを選択すると、Visual Studio から使用できる提案が表示されます。 この場合は、全体的なコードの動作を変更することなくコードの行を削除するインラインの一時変数リファクタリングが表示されます。

   

3. [インラインの一時変数] を選択してコードをリファクタリングします。

4. Ctrl+F5 キーを押してプログラムを再び実行です。 出力は次のようになります。

   

コードのデバッグ

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

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

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

   赤い円が左余白に表示され、行が強調表示されます。

   

2. [デバッグ]>[デバッグの開始] を選択するか、F5 キーを押して、デバッグを開始します。

3. コンソール ウィンドウが表示され、名前の入力を求められたら、自分の名前を入力します。

   Visual Studio コード エディターにフォーカスが戻り、ブレークポイントを設定したコード行が黄色で強調表示されます。 黄色の強調表示は、このコード行が次に実行されることを示します。 ブレークポイントにより、この行でアプリの実行が一時停止されます。

4. username 変数をポイントすると、その値が表示されます。 また、username を右クリックして [ウォッチを追加] を選択し、変数を [ウォッチ] ウィンドウに追加して、そこで値を確認することもできます。

   

5. もう一度 F5 キーを押して、アプリの実行を完了します。

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

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

関連するコンテンツ

• コード エディターの使用方法について学習する
• プロジェクトとソリューションについて学習する
• Visual Studio のその他の機能を確認します。
• visualstudio.microsoft.com にアクセスします。
• Visual Studio ブログを参照します。