Visual Studio で C# を使用して Windows フォーム アプリを作成する

適用対象:yesVisual Studio noVisual Studio for Mac noVisual Studio Code

ここでは、Visual Studio 統合開発環境 (IDE) の概要を示し、Windows ベースのユーザー インターフェイス (UI) を備えた簡単な C# アプリケーションを作成します。

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

注意

このチュートリアルの一部のスクリーン ショットではダーク テーマが使用されています。 ダーク テーマを使用していないが、使用したい場合は、その方法について「Visual Studio IDE とエディターのカスタマイズ」ページを参照してください。

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

プロジェクトを作成する

まず、C# アプリケーション プロジェクトを作成します。 このプロジェクトの種類には、必要とするすべてのテンプレート ファイルが付属していますので、何も追加する必要はありません。

  1. Visual Studio を開きます。

  2. スタート ウィンドウで、 [新しいプロジェクトの作成] を選択します。

    [新しいプロジェクトの作成] ウィンドウを表示する

  3. [新しいプロジェクトの作成] ウィンドウで、C# 用の [Windows フォーム アプリケーション (.NET Framework)] テンプレートを選択します。

    (必要に応じて、検索を絞り込んで目的のテンプレートにすばやくアクセスすることができます。たとえば、検索ボックスに「Windows フォーム アプリ」と入力します。次に、言語の一覧から [C#] を選び、プラットフォームの一覧から [Windows] を選びます。)

    Windows フォーム アプリ (.NET Framework) 用の C# テンプレートを選択する

    注意

    [Windows フォーム アプリ (.NET Framework)] テンプレートが表示されない場合は、 [新しいプロジェクトの作成] ウィンドウからそれをインストールすることができます。 [お探しの情報が見つかりませんでしたか?] メッセージで、 [さらにツールと機能をインストールする] リンクを選択します。

    [新しいプロジェクトの作成] ウィンドウに表示された [お探しの情報が見つかりませんでしたか?] での [さらにツールと機能をインストールする] リンク

    次に、Visual Studio インストーラーで、 [.NET デスクトップの開発] ワークロードを選択します。

    Visual Studio インストーラーの .NET Core ワークロード

    その後、Visual Studio インストーラー内の [変更] ボタンをクリックします。 作業内容を保存するよう求められることがあります。その場合は、そのようにします。 次に、 [続行] を選択してワークロードをインストールします。 その後、この「プロジェクトを作成する」プロシージャの手順 2 に戻ります。

  4. [新しいプロジェクトの構成] ウィンドウの [プロジェクト名] ボックスに「HelloWorld」とタイプまたは入力します。 次に、 [作成] を選択します。

    [新しいプロジェクトの構成] ウィンドウで、ご自分のプロジェクトに 'HelloWorld' という名前を付けます。

    Visual Studio によってその新しいプロジェクトが開かれます。

  1. Visual Studio を開きます。

  2. [スタート ウィンドウ] で、 [新しいプロジェクトの作成] を選択します。

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

  3. [新しいプロジェクトの作成] ウィンドウで、C# 用の [Windows フォーム アプリケーション (.NET Framework)] テンプレートを選択します。

    (必要に応じて、検索を絞り込んで目的のテンプレートにすばやくアクセスすることができます。たとえば、検索ボックスに「Windows フォーム アプリ」と入力します。次に、言語の一覧から [C#] を選び、プラットフォームの一覧から [Windows] を選びます。)

    Windows フォーム アプリ (.NET Framework) 用の C# テンプレートを選択するスクリーンショット。

    注意

    [Windows フォーム アプリ (.NET Framework)] テンプレートが表示されない場合は、 [新しいプロジェクトの作成] ウィンドウからそれをインストールすることができます。 [お探しの情報が見つかりませんでしたか?] メッセージで、 [さらにツールと機能をインストールする] リンクを選択します。

    [新しいプロジェクトの作成] ウィンドウでの [お探しの情報が見つかりませんでしたか?] メッセージの [さらにツールと機能をインストールする] リンクを示すスクリーンショット。

    次に、Visual Studio インストーラーで、 [.NET デスクトップ開発] ワークロードを選択します。

    Visual Studio インストーラーの .NET Core ワークロードを示すスクリーンショット。

    その後、Visual Studio インストーラー内の [変更] ボタンを選択します。 作業内容を保存するよう求められることがあります。その場合は、そのようにします。 次に、 [続行] を選択してワークロードをインストールします。 その後、この「プロジェクトを作成する」プロシージャの手順 2 に戻ります。

  4. [新しいプロジェクトの構成] ウィンドウの [プロジェクト名] ボックスに「HelloWorld」とタイプまたは入力します。 そのうえで [Create](作成) を選択します。

    [新しいプロジェクトの構成] ウィンドウと、プロジェクトに対する 'HelloWorld' という名前付けを示すスクリーンショット。

    Visual Studio によってその新しいプロジェクトが開かれます。

アプリケーションを作成する

C# プロジェクト テンプレートを選択し、ファイルに名前を付けると、Visual Studio によってフォームが自動的に開かれます。 フォームは、Windows ユーザー インターフェイスです。 このフォームにコントロールを追加して "Hello World" アプリケーションを作成し、このアプリを実行します。

フォームにボタンを追加する

  1. [ツールボックス] を選択して、ツールボックスのポップアップ ウィンドウを開きます。

    [ツールボックス] を選択して [ツールボックス] ウィンドウを開くスクリーンショット。

    ([ツールボックス] ポップアップ オプションが表示されない場合は、メニュー バーから開くことができます。これを行うには、[表示]>[ツールボックス] を選びます。または、Ctrl+Alt+X キーを押します。)

  2. [固定表示] アイコンを選択して、 [ツールボックス] ウィンドウをドッキングします。

    [固定表示] アイコンを選択して [ツールボックス] ウィンドウを IDE にピン留めするスクリーンショット。

  3. [ボタン] コントロールを選択し、フォームまでドラッグします。

    フォームにボタンを追加するスクリーンショット。

  4. プロパティ ウィンドウで Text を見つけ、名前を button1 から Click this に変更し、Enter キーを押します。

    プロパティ ウィンドウを使用してフォーム上のボタンにテキストを追加するスクリーンショット。

    ([プロパティ] ウィンドウが表示されない場合は、メニュー バーから開くことができます。これを行うには、[表示]>[プロパティ ウィンドウ] を選びます。または、F4 キーを押します。)

  5. プロパティ ウィンドウの [デザイン] セクションで、名前を button1 から btnClickThis に変更し、Enter キーを押します。

    プロパティ ウィンドウを使用して、フォーム上のボタンに関数を追加するスクリーンショット。

    注意

    プロパティ ウィンドウで一覧をアルファベット順にした場合、代わりに、 (DataBindings) セクションに button1 が表示されます。

フォームにラベルを追加する

アクションを作成するボタン コントロールが追加されましたので、次にテキストが送信されるラベル コントロールを追加してみましょう。

  1. [ツールボックス] ウィンドウから [ラベル] コントロールを選択し、そのラベルをフォームにドラッグし、 [Click this] ボタンの下にドロップします。

  2. プロパティ ウィンドウの [デザイン] セクションまたは (DataBindings) セクションで、label1 の名前を lblHelloWorld に変更し、Enter キーを押します。

フォームにコードを追加する

  1. [Form1.cs [デザイン]] ウィンドウで [Click this] ボタンをダブルクリックして [Form1.cs] ウィンドウを開きます。

    (または、ソリューション エクスプローラーForm1.cs を展開し、 [Form1] を選択します。)

  2. [Form1.cs] ウィンドウの private void 行の後に、次のスクリーンショットに示すように lblHelloWorld.Text = "Hello World!"; と入力します。

    フォームにコードを追加するスクリーンショット。

アプリケーションの実行

  1. [開始] ボタンを選択して、アプリケーションを実行します。

    [開始] を選択してアプリをデバッグして実行するスクリーンショット。

    いくつかの処理が行われます。 Visual Studio IDE 内では、 [診断ツール] ウィンドウが開き、 [出力] ウィンドウも開きます。 ただし、IDE の外部では、 [Form1] ダイアログ ボックスが表示されます。 ここには、 [Click this] ボタンと label1 というテキストが表示されます。

  2. [Form1] ダイアログ ボックスの [Click this] ボタンを選択します。 テキスト label1Hello World! に変更されることがわかります。

    テキスト label1 を含む [Form1] ダイアログ ボックスを示すスクリーンショット。

  3. [Form1] ダイアログ ボックスを閉じて、アプリの実行を停止します。

アプリケーションを作成する

C# プロジェクト テンプレートを選択し、ファイルに名前を付けると、Visual Studio によってフォームが自動的に開かれます。 フォームは、Windows ユーザー インターフェイスです。 このフォームにコントロールを追加して "Hello World" アプリケーションを作成し、このアプリを実行します。

フォームにボタンを追加する

  1. [ツールボックス] を選択して、ツールボックスのスライド アウト ウィンドウを開きます。

    [ツールボックス] を選択して [ツールボックス] ウィンドウを開く

    ([ツールボックス] ポップアップ オプションが表示されない場合は、メニュー バーから開くことができます。これを行うには、[表示]>[ツールボックス] を選びます。または、Ctrl+Alt+X キーを押します。)

  2. [ピン] アイコンを選択して、 [ツールボックス] ウィンドウをドッキングします。

    [ピン] アイコンを選択して [ツールボックス] ウィンドウを IDE にピン留めする

  3. [ボタン] コントロールを選択し、フォームまでドラッグします。

    フォームにボタンを追加する

  4. [プロパティ] ウィンドウで Text を見つけ、名前を Button1 から Click this に変更し、Enter キーを押します。

    フォーム上のボタンにテキストを追加する

    ([プロパティ] ウィンドウが表示されない場合は、メニュー バーから開くことができます。これを行うには、[表示]>[プロパティ ウィンドウ] を選びます。または、F4 キーを押します。)

  5. [プロパティ] ウィンドウの [デザイン] セクションで、名前を Button1 から btnClickThis に変更し、Enter キーを押します。

    フォーム上のボタンに関数を追加する

    注意

    [プロパティ] ウィンドウで一覧をアルファベット順にした場合、代わりに、 (DataBindings) セクションに Button1 が表示されます。

フォームにラベルを追加する

アクションを作成するボタン コントロールが追加されましたので、次にテキストが送信されるラベル コントロールを追加してみましょう。

  1. [ツールボックス] ウィンドウから [ラベル] コントロールを選択し、そのラベルをフォームにドラッグし、 [Click this] ボタンの下にドロップします。

  2. [プロパティ] ウィンドウの [デザイン] セクションまたは (DataBindings) セクションで、Label1 の名前を lblHelloWorld に変更し、Enter キーを押します。

フォームにコードを追加する

  1. [Form1.cs [デザイン]] ウィンドウで [Click this] ボタンをダブルクリックして [Form1.cs] ウィンドウを開きます。

    (または、ソリューション エクスプローラーForm1.cs を展開し、 [Form1] を選択します。)

  2. [Form1.cs] ウィンドウの private void 行の後に、次のスクリーンショットに示すように lblHelloWorld.Text = "Hello World!"; と入力します。

    フォームにコードを追加する

アプリケーションの実行

  1. [開始] ボタンを選択してアプリケーションを実行します。

    [開始] をクリックしてアプリをデバッグして実行する

    いくつかの処理が行われます。 Visual Studio IDE 内では、 [診断ツール] ウィンドウが開き、 [出力] ウィンドウも開きます。 ただし、IDE の外部では、 [Form1] ダイアログ ボックスが表示されます。 このダイアログ ボックスには、 [Click this] ボタンと Label1 というテキストが表示されます。

  2. [Form1] ダイアログ ボックスの [Click this] ボタンを選択します。 テキスト Label1Hello World! に変更されることがわかります。

    テキスト Label1 を含む [Form1] ダイアログ ボックス

  3. [Form1] ダイアログ ボックスを閉じて、アプリの実行を停止します。

次の手順

詳細については、引き続き以下のチュートリアルをご覧ください。

関連項目