Visual Studio IDE へようこそ

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

Visual Studio 2017 IDE

これはプロジェクトを開いている Visual Studio の画像です。使用頻度が高いツール ウィンドウがいくつか開いています。

  • "ソリューション エクスプローラー" (右上) では、ご自分のコード ファイルを表示、移動、および管理できます。 ソリューション エクスプローラー では、ファイルを ソリューションやプロジェクトにまとめ、コードを整理できます。

  • 作業時間の大半を費やすことになる "エディター ウィンドウ" (中央) には、ファイルの内容が表示されます。 ここでは、コードを編集したり、ボタンやテキスト ボックスを持つウィンドウなどのユーザー インターフェイスをデザインすることができます。

  • [出力] ウィンドウ (下中央) には、デバッグ メッセージ、エラー メッセージ、コンパイラの警告、公開状態メッセージなど、Visual Studio の通知が出力されます。 メッセージ ソースごとに独自のタブがあります。
  • [Git Changes](Git 変更) (右下) では作業項目を追跡し、GitGitHub などのバージョン コントロール テクノロジを使用する他のユーザーとコードを共有できます。

エディション

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

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

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

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

ソフトウェアを開発する際に、生産性を高めるために Visual Studio でよく使われる機能のいくつかを以下に示します。

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

    波線は波打った下線で、コード入力時にエラーや潜在的な問題を警告します。 このような視覚的な手がかりを利用することにより、ビルド中またはプロフラム実行時にエラーが検出されるのを待たなくても問題をすぐに修正することができます。 波線の上に移動すると、エラーに関する追加情報が表示されます。 電球とエラーを修正する方法 (クイック アクションとして知られている) が左余白に表示される場合もあります。

    Visual Studio での波線

  • コードのクリーンアップ

    ボタンをクリックして、コードを書式設定し、ご自身のコード スタイルの設定.editorconfig 規則Roslyn アナライザーで提案されるコード修正をすべて適用します。 [コードのクリーンアップ] は、コード レビューに移動する前にコード内の問題を解決するのに役立ちます。 (現在、C# のコードにのみ使用できます。)

    Visual Studio の [コードのクリーンアップ] ボタン

  • リファクタリング

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

    Visual Studio でのリファクタリング

  • IntelliSense

    IntelliSense は、コードに関する情報をエディターに直接表示したり、場合によっては、ちょっとしたコードを自動的に作成したりする機能のセットを表す用語です。 エディター内のインラインに基本ドキュメントがあるようなもので、これによって、他の場所で型情報を検索する手間が省けます。 IntelliSense 機能は言語によって異なります。 詳細については、「C# の IntelliSense」、「Visual C++ の IntelliSense」、「JavaScript IntelliSense」、および Visual Basic IntelliSense に関するページを参照してください。 次の図は、IntelliSense によって型のメンバー リストがどのように表示されるかを示したものです。

    Visual Studio のメンバーの一覧

  • Visual Studio search

    Visual Studio には非常に多くのメニュー、オプション、およびプロパティがあるため、手に負えないもののように思える場合があるかもしれません。 Visual Studio 検索 (Ctrl+Q) は IDE の機能やコードを 1 か所ですばやく見つける方法として優れています。

    Visual Studio 2017 でのクイック起動検索ボックス

    詳細については、クイック起動に関するページを参照してください。

    Visual Studio 2019 の検索ボックス

    情報や生産性に関するヒントについては、Visual Studio 検索の使用方法に関するページを参照してください。

  • Live Share

    アプリの種類やプログラミング言語に関係なく、リアルタイムで他のユーザーと共同で編集やデバッグを行います。 プロジェクトをすぐに安全に共有し、必要に応じて、デバッグ セッション、ターミナルのインスタンス、localhost の Web アプリ、音声通話などを共有することができます。

  • 呼び出し階層

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

    [呼び出し階層] ウィンドウ

  • CodeLens

    CodeLens を使用すると、コードへの参照、コードへの変更、リンクされたバグ、作業項目、コード レビュー、単体テストをすべて、エディターから離れずに楽に検索できます。

    CodeLens

  • 定義に移動

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

    定義へ移動

  • 定義をここに表示

    [ピークの定義] ウィンドウには、実際に個々のファイルを開かなくても、メソッドまたは型の定義が表示されます。

    ピークの定義

Visual Studio IDE のインストール

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

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

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

Visual Studio インストーラーの [.NET Core クロスプラットフォームの開発] ワークロード

Visual Studio を初めて開くときは、Microsoft アカウントや、職場または学校アカウントを使用して、サインインすることもできます。

プログラムを作成する

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

  1. Visual Studio を開きます。

  2. メニュー バーで、 [ファイル] > [新規作成] > [プロジェクト] を選択します。

    メニュー バーで [ファイル]、[新しいプロジェクト] の順に選択します。

    [新しいプロジェクト] ダイアログ ボックスには複数のプロジェクト "テンプレート" が表示されます。 テンプレートには、特定のプロジェクト タイプに必要な基本的なファイルと設定が含まれています。

  3. [Visual C#][.NET Core] テンプレート カテゴリを選択し、[コンソール アプリ (.NET Core)] テンプレートを選択します。 [名前] テキスト ボックスに「HelloWorld」と入力し、[OK] ボタンを選びます。

    .NET Core アプリ テンプレート

    注意

    [.NET Core] カテゴリが表示されない場合は、[.NET Core クロスプラットフォームの開発] ワークロードをインストールする必要があります。 これを実行するには、[新しいプロジェクト] ダイアログ ボックスの左下側の [Visual Studio インストーラーを開く] リンクをクリックします。 Visual Studio インストーラーが開いたら、[.NET Core クロスプラットフォームの開発] ワークロードまで下にスクロールして選択してから [変更] を選択します。

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

    すぐに次のようなグラフが表示されます。

    Visual Studio IDE

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

    赤色のボックスを持つ Visual Studio IDE

    他にもメニューやツール ウィンドウが用意されていますが、今は次に進みましょう。

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

    [デバッグ]、[デバッグなしで開始] メニューを選択

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

    cmd.exe コンソール ウィンドウのスクリーンショット。"Hello Word!" と "Press any key to continue" が出力されています。

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

  6. 何らかの追加コードをアプリに追加しましょう。 Console.WriteLine("Hello World!"); という行の前に次の C# コードを追加します。

    Console.WriteLine("\nWhat is your name?");
    var name = Console.ReadLine();
    

    このコードはコンソール ウィンドウに What is your name? と表示し、ユーザーがテキストを入力して Enter キーを押すまで待機します。

  7. Console.WriteLine("Hello World!"); という行を次のコードに変更します。

    Console.WriteLine($"\nHello {name}!");
    
  8. [デバッグ] > [デバッグなしで開始] の順に選択するか、Ctrl + F5 キーを押してアプリを再び実行します。

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

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

    コンソール ウィンドウの入力

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

  1. Visual Studio を開きます。

    リポジトリを複製したり、最近のプロジェクトを開いたり、またはまったく新しいプロジェクトを作成したりするためのさまざまなオプションと共に、スタート ウィンドウが表示されます。

  2. [新しいプロジェクトの作成] を選択します。

    Visual Studio 2019 の [新しいプロジェクトの作成] ウィンドウのスクリーンショット。

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

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

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

    Visual Studio 2019 の [新しいプロジェクトの作成] ウィンドウのスクリーンショット。ここで必要なテンプレートを選択します。

  4. [新しいプロジェクトの構成] ウィンドウで、 [プロジェクト名] ボックスに「HelloWorld」と入力し、必要に応じてプロジェクト ファイルのディレクトリの場所 (既定の場所は C:\Users\<name>\source\repos) を変更した後、 [次へ] をクリックします。

    Visual Studio 2019 の [新しいプロジェクトの構成] ウィンドウのスクリーンショット。ここでプロジェクトの名前を入力します。

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

    Visual Studio 2019 の [追加情報] ウィンドウのスクリーンショット。ここで必要な .NET Core フレームワークのバージョンを選択します。

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

    すぐに次のようなグラフが表示されます。

    Visual Studio IDE

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

    赤色のボックスを持つ Visual Studio IDE

    他にもメニューやツール ウィンドウが用意されていますが、今は次に進みましょう。

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

    [デバッグ]、[デバッグなしで開始] メニューを選択

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

    Microsoft Visual Studio デバッグ コンソール ウィンドウのスクリーンショット。"Hello Word!" と "Press any key to close this window" が出力されています。

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

  8. 何らかの追加コードをアプリに追加しましょう。 Console.WriteLine("Hello World!"); という行の前に次の C# コードを追加します。

    Console.WriteLine("\nWhat is your name?");
    var name = Console.ReadLine();
    

    このコードはコンソール ウィンドウに What is your name? と表示し、ユーザーがテキストを入力して Enter キーを押すまで待機します。

  9. Console.WriteLine("Hello World!"); という行を次のコードに変更します。

    Console.WriteLine($"\nHello {name}!");
    
  10. [デバッグ] > [デバッグなしで開始] の順に選択するか、Ctrl + F5 キーを押してアプリを再び実行します。

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

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

    Microsoft Visual Studio デバッグ コンソール ウィンドウのスクリーンショット。名前のプロンプト、入力、"Hello Georgette!" という出力が表示されています。

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

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

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

最初に、変数 name の名前を変更します。

  1. 変数 name をダブルクリックして選択します。

  2. 変数の新しい名前として「username」と入力します。

    変数の周りに灰色のボックスが表示され、余白に電球が表示されることに注意してください。

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

    Visual Studio での名前変更アクション

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

    Visual Studio での名前変更リファクタリングを示すアニメーション gif

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

    Visual Studio での名前変更アクション

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

  1. 次は IntelliSense を試してみましょう。 Console.WriteLine($"\nHello {username}!"); と書いてある行の下で、「DateTime now = DateTime.」と入力します。

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

    Visual Studio での IntelliSense リスト メンバー

  2. Now という名前のメンバーを、ダブルクリックするか Tab キーを押して選択します。これはクラスのプロパティです。末尾にセミコロンを追加してコード行を完了します。

  3. その下に、次のコード行を入力するか貼り付けます。

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

    ヒント

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

  4. 次に、もう一度リファクタリングを使ってコードを少し簡単にします。 DateTime now = DateTime.Now; の行で変数 now をクリックします。

    その行の余白に小さいドライバー アイコンが表示されることに注意してください。

  5. ドライバー アイコンをクリックして、Visual Studio で使用可能な推奨事項を確認します。 この場合は、コードの全体の動作を変更することなくコードの行を削除するインラインの一時変数リファクタリングが表示されています。

    Visual Studio でのインラインの一時変数リファクタリング

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

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

    cmd.exe コンソール ウィンドウのスクリーンショット。名前のプロンプト、入力、"Hello Georgette! Day of year:151" という出力が表示されています。](../media/overview-console-final.png)

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

    Microsoft Visual Studio デバッグ コンソール ウィンドウのスクリーンショット。名前のプロンプト、入力、"Hello Georgette!" Day of year:43" という出力が表示されています。

<a name="debug-code">コードのデバッグ

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

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

  1. Console.WriteLine($&quot;\nHello {username}!"); というコード行を探します。 この行にブレークポイントを設定するには、つまりこの行でプログラムの実行を一時停止するには、エディターの左端の余白をクリックします。 コード行の任意の場所をクリックしてから、F9 キーを押してもかまいません。

    余白の左端に赤い円が表示され、コードが赤で強調表示されます。

    Visual Studio でのコード行のブレークポイント

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

  3. コンソール ウィンドウが表示されて名前を要求されたら、入力して Enter キーを押します。

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

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

    Visual Studio でのデバッグ中の変数の値

  5. プログラムを最後まで実行するには、F5 キーを再び押します。

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

Visual Studio をカスタマイズする

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

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

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

    ダーク テーマでの Visual Studio

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

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

    ダーク テーマでの Visual Studio

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

次の手順

以下の入力記事のいずれかに従って、Visual Studio をさらに詳しく調べます。

コーディングについてさらに詳しく調べる準備ができたら、次の言語固有のクイック スタートのいずれかを参照することをお勧めします。

関連項目