【6日でできるVisual Basic2022入門】プログラムの記述

このページで解説している内容は、以下の YouTube 動画の解説で見ることができます。

　Visual Studio Community 2022では、アプリケーションの画面デザインとプログラムの記述が一体化されており、初心者でも直感的に開発を進められます。ここでは、画面デザインでの値設定や、実際のプログラムコードによる設定方法について、図や表を交えながら分かりやすく解説します。

１．デザイン画面で値を設定する

　Visual Studioの「ツールボックス」には多くのコントロール（部品）が用意されています。たとえば、Labelコントロールを使って画面にテキストを表示するには、ツールボックスからドラッグ＆ドロップでフォームに配置します。

操作手順	説明
ツールボックスから選択	「Label」コントロールを選択し、フォーム上に配置
自動命名	配置時に「Label1」などの名前が自動で付与される。自動的に付けられる名前は「コントロール名＋数値」
名前変更（推奨）	プロパティウィンドウで分かりやすい名前に変更可能

・ツールボックスからドラッグ＆ドロップでフォームに配置します。

配置したコントロールは、画面右下の「プロパティウィンドウ」でさまざまな設定ができます。
　例として「Text」プロパティに「こんにちは」と入力すると、画面上のラベルにその値が表示されます。

１．「Label」コントロールを貼り付けた直後は、自動的に「Text」プロパティの値と名前が付与されます。

自動的に「Text」プロパティに「Label1」が設定されています。

　プロパティウィンドウを確認すると「Text」プロパティが「Label1」になっていることが確認できます。

２．「Text」プロパティに値を設定します。

「Text」プロパティに「あいさつ」と入力します。

３．「Label」コントロールに新しい名前を設定します。

配置した「Label」コントロールには自動的に「Name」プロパティが設定されます。
　プロパティウィンドウを確認すると「Name」プロパティに「Label1」が設定されていることが確認できます。

自動的に付けられる名前は、以下のようになっています。

コントロール名＋数値

　「Label」コントロールに新しい名前を設定します。「Name」プロパティに「greeting」と入力します。

　より細かい動作や条件付きの処理を記述したい場合は、コードエディタを開きます。フォームやコントロールをダブルクリックすると、該当するコード記述領域が自動で表示されます。

操作	説明
フォームをダブルクリック	コードエディタが表示される
カーソル位置	入力箇所が青色で分かりやすく強調される

たとえば、greetingのTextプロパティにプログラムで値を設定するには、以下のように記述します。

greeting.Text = "こんにちは"

注意

１．「Label」コントロールをダブルクリックします。

２．プログラムコードが表示されます。

３．プログラムを以下のように入力します。

以下のプログラムの箇所を

    Private Sub greeting_Click(sender As Object, e As EventArgs) Handles greeting.Click

    End Sub

入力して以下のようにします。

    Private Sub greeting_Click(sender As Object, e As EventArgs) Handles greeting.Click
        greeting.Text = "こんにちは"
    End Sub

　多くのコントロールを使う場合は、役割が分かるように名前を付けておくと後の開発がスムーズになります。