1. イベント処理とは何か？

ASP.NET Blazorにおけるイベント処理とは、ユーザーの操作に応じてプログラムが動く仕組みのことです。例えば、ボタンをクリックしたときや、文字を入力したときに、画面の表示が変わったり、計算が実行されたりします。

これは、インターホンを押すとチャイムが鳴る仕組みに似ています。「何かをしたら、何かが起きる」という関係を作るのがイベント処理です。

2. Blazorでよく使うイベントの種類

Blazorでは、さまざまなイベントを扱えますが、初心者がまず覚えるべきなのは以下のイベントです。

クリックイベント：ボタンを押したとき
入力イベント：文字を入力したとき
変更イベント：選択肢を変えたとき

これらは、Webアプリケーションを作るうえで必ず使う基本要素です。

3. クリックイベントの基本（ボタン操作）

まずは、ボタンをクリックしたときに処理を行う方法を見てみましょう。Blazorでは、@onclickという書き方を使います。


<button @onclick="CountUp">クリックしてください</button>

@code {
    int count = 0;

    void CountUp()
    {
        count++;
    }
}

この例では、ボタンを押すたびに数字が1ずつ増えます。@onclickは「クリックされたらこの処理を実行する」という合図です。

4. 入力イベントで文字を受け取る

次に、文字入力に反応するイベントです。テキストボックスに入力された内容を扱うときは、@oninputを使います。


<input @oninput="InputChanged" />

@code {
    string message = "";

    void InputChanged(ChangeEventArgs e)
    {
        message = e.Value.ToString();
    }
}

ここで使っているChangeEventArgsは、「入力された内容を入れて運んでくれる箱」のようなものです。

5. 入力内容を画面に表示する仕組み

イベント処理の便利な点は、入力した内容をすぐ画面に反映できることです。Blazorでは、データと画面が自動的につながります。


<input @oninput="InputChanged" />
<p>入力内容：@message</p>

@code {
    string message = "";

    void InputChanged(ChangeEventArgs e)
    {
        message = e.Value.ToString();
    }
}

これにより、文字を打つたびに表示が変わります。紙に書いた文字がそのまま黒板に映るような感覚です。