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

  • [アーティクル]

このチュートリアルでは、Windows ベースのユーザー インターフェイス (UI) を備えたシンプルな C# アプリケーションを作成します。

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

注意

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

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

プロジェクトを作成する

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

  1. Visual Studio を開きます。

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

    View the 'Create a new project' window

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

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

    Choose the C# template for the Windows Forms App (.NET Framework)

    Note

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

    The 'Install more tools and features' link from the 'Not finding what you're looking for' message in the 'Create new project' window

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

    .NET Core workload in the Visual Studio Installer

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

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

    in the 'Configure your new project' window, name your project 'HelloWorld'

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

  1. Visual Studio を開きます。

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

    Screenshot to show the Create a new project window.

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

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

    Screenshot to select the C# template for the Windows Forms App (.NET Framework).

    Note

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

    Screenshot to show the The 'Install more tools and features' link from the 'Not finding what you're looking for' message in the 'Create a new project' window.

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

    Screenshot to show the .NET Core workload in the Visual Studio Installer.

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

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

    Screenshot to show the 'Configure your new project' window and name your project 'HelloWorld'.

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

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

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

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

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

    Screenshot to select the Toolbox to open the Toolbox window.

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

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

    Screenshot to select the Pin icon to pin the Toolbox window to the IDE.

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

    Screenshot to add a button to the form.

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

    Screenshot to add text to the button on the form by using the Properties window.

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

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

    Screenshot to add a function to the button on the form by using the Properties window.

    Note

    プロパティ ウィンドウで一覧をアルファベット順にした場合、代わりに、 (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!"; と入力します。

    Screenshot to add code to the form

アプリケーションの実行

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

    Screenshot to select Start to debug and run the app.

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

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

    Screenshot to show a Form1 dialog box that includes label1 text.

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

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

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

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

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

    Choose the Toolbox to open the Toolbox window

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

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

    Choose the Pin icon to pin the Toolbox window to the IDE

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

    Add a button to the form

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

    Add text to the button on the form

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

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

    Add a function to the button on the form

    Note

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

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

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

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

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

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

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

    (または、[ソリューション エクスプローラー] で [Form1.cs] を展開し、Form1.cs の右クリック メニューから [コードの表示] を選択 (または F7 キーを押下) できます。)

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

    Add code to the form

アプリケーションの実行

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

    Choose Start to debug and run the app

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

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

    A Form1 dialog box that includes Label1 text

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

次の手順

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

チュートリアル: ピクチャ ビューアーの作成

関連項目