先生と生徒の会話形式で理解しよう

生徒

「C#を使ってパソコンの画面上で動くアプリを作ってみたいのですが、何から始めればいいですか？」

先生

「素晴らしい挑戦ですね。C#でのGUIアプリ開発は、WinFormsやWPFという技術を使って、誰でも直感的な画面を作ることができます。」

生徒

「GUIとかWinFormsって何ですか？専門用語が難しくて不安です。」

先生

「安心してください。まずは基本的な考え方と、プロが実践している開発のルールを一緒に学んでいきましょう。」

1. GUIアプリ開発の基本概念

まずGUIについて解説します。GUIとは「グラフィカル・ユーザー・インターフェース」の略で、私たちが普段パソコンやスマホで操作している、マウスでクリックしたりボタンを押したりできる画面のことです。これに対し、黒い画面に文字を打ち込む画面をCUIと呼びます。GUIアプリは、視覚的に分かりやすい操作画面を持つアプリケーションです。

C#でGUIを作る代表的な仕組みとして「WinForms」と「WPF」があります。WinFormsは部品をドラッグアンドドロップで配置する、初心者でも非常に分かりやすい仕組みです。一方、WPFはより高度なデザインや複雑な動きに対応できる、現在の主流ともいえる技術です。まずは、画面の中に「ボタン」や「テキストボックス」といった部品を配置し、それぞれに動作を指示することでアプリを構築します。この部品を配置する作業をレイアウトと呼びます。

2. プログラミングの構造を整理する

プログラムを書くとき、すべてを一つの場所に書いてしまうと、後で修正するのが大変になります。そこで、画面の表示部分と、裏側で計算を行うプログラムを分離して考えるのがプロの常識です。これを「責務の分離」といいます。例えば、レストランで料理を作る人と、運ぶ人が分かれているのと同じで、役割を分担させることで効率が上がります。

初心者のうちは、ボタンを押したときの処理を直接ボタンの中に書いてしまいがちですが、これでは管理が難しくなります。計算専用の部品（クラスと呼びます）を作っておき、画面からはその部品を呼び出すだけにする、という癖をつけるだけで、アプリの品質は劇的に向上します。


// 計算専用のクラス（役割を分ける）
public class Calculator
{
    public int Add(int a, int b)
    {
        return a + b;
    }
}

3. 命名規則で読みやすいコードを書く

プログラムの中に出てくるボタンの名前や変数の名前は、自分が後で見返したときに「これは何のためのものか」が即座に分かる名前にしましょう。これを命名規則と呼びます。例えば、ただの「button1」とするのではなく、「btnSubmit」のように、何をするボタンか分かるように工夫します。

プログラミングにおいて、名前を付けることは非常に重要です。自分以外の人がコードを読む可能性や、数日後の自分が忘れてしまうリスクを想定し、意味のある名前を付けることがベストプラクティスです。これは、整理整頓された部屋で物を探す手間を省くことと同じです。

4. イベントハンドラを最小限にする

GUIアプリでは「ボタンを押したとき」のような操作をイベントと呼び、その操作を処理するためのコードをイベントハンドラといいます。このイベントハンドラの中には、複雑な計算や画面の更新を直接書かないようにします。イベントハンドラは、あくまで「ボタンが押されたという合図を受け取るための窓口」として機能させます。

窓口では合図を受け取ったらすぐに「仕事」を専門のクラスに投げるようにします。これにより、画面のレイアウトを変更した際にも、計算ロジック（処理の内容）を書き直す必要がなくなります。これが保守性の高いコードを作る秘訣です。


// ボタンが押されたとき（窓口の役割）
private void btnAdd_Click(object sender, EventArgs e)
{
    var calc = new Calculator();
    int result = calc.Add(1, 2);
    lblResult.Text = result.ToString();
}

5. 例外処理でエラーに備える

プログラムは、ユーザーの想定外の操作によってエラーが起きることがあります。例えば、数字を入力すべき場所に文字を入れてしまうなどです。このようなときにアプリが急に終了してしまうと、ユーザーは困ってしまいますよね。これを防ぐために、try-catchという仕組みを使って例外処理を記述します。

try-catchは「もしエラーが起きたら、止まらずにこう対処してね」と事前に指示を出しておく仕組みです。エラーが起きたことをユーザーに優しく伝えるだけでも、アプリの信頼性は大きく変わります。安全運転のためにシートベルトをするのと同じで、エラー対策はアプリ開発の基本中の基本です。


try
{
    int number = int.Parse(txtInput.Text);
}
catch (FormatException)
{
    MessageBox.Show("数字を入力してください。");
}

6. ユーザー体験を意識したレイアウト

アプリがどれほど賢くても、画面が使いにくければユーザーは去ってしまいます。レイアウトは、ユーザーが直感的に操作できるデザインを心がけましょう。WinFormsやWPFでは、配置のバランスを調整する機能が備わっています。重要なボタンを大きくしたり、入力欄の近くに説明文を表示したりする工夫が大切です。

例えば、WPFではStackPanelやGridというレイアウト部品を使うと、ウィンドウの大きさを変えたときにも自動的に部品の配置を調整してくれます。小さな気遣いが、プロ仕様のアプリを作るための重要なスパイスになります。開発中は常に「自分が初めてこのアプリを使ったとき、迷わないだろうか？」と自問自答してみるのがおすすめです。


<Grid>
    <Button Content="送信" Width="100" Height="30" Margin="10"/>
    <TextBox Text="ここに入力" Width="200" Height="30" Margin="120,10,0,0"/>
</Grid>