簡易ピアノ

1. アプリ概要

キーボードのキーに音階をマッピングした仮想ピアノ。winsoundでドレミファソラシドを演奏できる。

このアプリはbasicsカテゴリの実践的なPythonアプリです。使用ライブラリは tkinter（標準ライブラリ）、難易度は ★★☆ です。

Pythonの豊富なライブラリを活用することで、実用的なアプリを短いコードで実装できます。ソースコードをコピーして実行し、仕組みを理解したうえでカスタマイズに挑戦してみてください。

GUIアプリ開発はプログラミングの楽しさを実感できる最も効果的な学習方法のひとつです。変数・関数・クラス・イベント処理などの重要な概念が自然と身につきます。

2. 機能一覧

• 簡易ピアノのメイン機能
• 直感的なGUIインターフェース
• 入力値のバリデーション
• エラーハンドリング
• 結果の見やすい表示
• クリア機能付き

3. 事前準備・環境

以下の環境で動作確認しています。

• Python 3.10 以上
• OS: Windows 10/11・macOS 12+・Ubuntu 20.04+

4. 完全なソースコード

import tkinter as tk
from tkinter import ttk, messagebox


class App065:
    """簡易ピアノ"""

    def __init__(self, root):
        self.root = root
        self.root.title("簡易ピアノ")
        self.root.geometry("600x450")
        self.root.configure(bg="#f8f9fc")
        self._build_ui()

    def _build_ui(self):
        """UIを構築する"""
        title_frame = tk.Frame(self.root, bg="#3776ab", pady=12)
        title_frame.pack(fill=tk.X)

        tk.Label(
            title_frame, text="簡易ピアノ",
            font=("Noto Sans JP", 16, "bold"),
            bg="#3776ab", fg="white"
        ).pack()

        main_frame = tk.Frame(self.root, bg="#f8f9fc", padx=20, pady=20)
        main_frame.pack(fill=tk.BOTH, expand=True)

        ctrl_frame = ttk.LabelFrame(main_frame, text="操作パネル", padding=10)
        ctrl_frame.pack(fill=tk.X, pady=(0, 10))

        tk.Label(ctrl_frame, text="入力:").grid(row=0, column=0, sticky="w")
        self.entry = ttk.Entry(ctrl_frame, width=40, font=("Arial", 12))
        self.entry.grid(row=0, column=1, padx=8, sticky="ew")
        self.entry.bind("", lambda e: self.process())
        ctrl_frame.columnconfigure(1, weight=1)

        btn_frame = tk.Frame(main_frame, bg="#f8f9fc")
        btn_frame.pack(pady=8)
        ttk.Button(btn_frame, text="実行する", command=self.process).pack(side=tk.LEFT, padx=4)
        ttk.Button(btn_frame, text="クリア", command=self.clear).pack(side=tk.LEFT, padx=4)

        result_frame = ttk.LabelFrame(main_frame, text="結果", padding=10)
        result_frame.pack(fill=tk.BOTH, expand=True)

        self.result_text = tk.Text(
            result_frame, font=("Noto Sans JP", 11),
            bg="white", relief=tk.FLAT, state=tk.DISABLED
        )
        self.result_text.pack(fill=tk.BOTH, expand=True, side=tk.LEFT)
        scrollbar = ttk.Scrollbar(result_frame, command=self.result_text.yview)
        self.result_text.configure(yscrollcommand=scrollbar.set)
        scrollbar.pack(side=tk.RIGHT, fill=tk.Y)

    def process(self):
        """メイン処理"""
        value = self.entry.get().strip()
        if not value:
            messagebox.showwarning("警告", "値を入力してください")
            return
        try:
            result = self._execute(value)
            self._show_result(result)
        except ValueError as e:
            messagebox.showerror("エラー", f"入力値が不正です: {e}")
        except Exception as e:
            messagebox.showerror("エラー", f"予期しないエラー: {e}")

    def _execute(self, value):
        """処理ロジック（カスタマイズしてください）"""
        return f"入力値: {value}\n簡易ピアノの処理結果をここに表示します。"

    def clear(self):
        self.entry.delete(0, tk.END)
        self._show_result("")

    def _show_result(self, text):
        self.result_text.config(state=tk.NORMAL)
        self.result_text.delete("1.0", tk.END)
        self.result_text.insert("1.0", text)
        self.result_text.config(state=tk.DISABLED)


if __name__ == "__main__":
    root = tk.Tk()
    app = App065(root)
    root.mainloop()

5. コード解説

簡易ピアノのコードを詳しく解説します。クラスベースの設計で各機能を整理して実装しています。

class App065:
    def __init__(self, root):
        self.root = root
        self.root.title("簡易ピアノ")
        self._build_ui()

ctrl_frame = ttk.LabelFrame(main_frame, text="操作パネル", padding=10)
result_frame = ttk.LabelFrame(main_frame, text="結果", padding=10)
result_frame.pack(fill=tk.BOTH, expand=True)

self.entry.bind("", lambda e: self.process())
ttk.Button(btn_frame, text="実行する", command=self.process)

self.result_text.config(state=tk.NORMAL)
self.result_text.delete("1.0", tk.END)
self.result_text.insert("1.0", text)
self.result_text.config(state=tk.DISABLED)

try:
    result = self._execute(value)
except ValueError as e:
    messagebox.showerror("エラー", f"入力値が不正: {e}")
except Exception as e:
    messagebox.showerror("エラー", f"予期しないエラー: {e}")

6. ステップバイステップガイド

このアプリをゼロから自分で作る手順を解説します。コードをコピーするだけでなく、実際に手順を追って自分で書いてみましょう。

1. 1
   ファイルを作成する

   新しいファイルを作成して app065.py と保存します。

2. 2
   クラスの骨格を作る

   App065クラスを定義し、__init__とmainloop()の最小構成を作ります。

3. 3
   タイトルバーを作る

   Frameを使ってカラーバー付きのタイトルエリアを作ります。

4. 4
   入力フォームを実装する

   LabelFrameとEntryウィジェットで入力エリアを作ります。

5. 5
   処理ロジックを実装する

   _execute()メソッドにメインロジックを実装します。

6. 6
   結果表示を実装する

   TextウィジェットかLabelに結果を表示する_show_result()を実装します。

7. 7
   エラー処理を追加する

   try-exceptとmessageboxでエラーハンドリングを追加します。

7. カスタマイズアイデア

基本機能を習得したら、以下のカスタマイズに挑戦してみましょう。

8. よくある問題と解決法

9. 練習問題

アプリの理解を深めるための練習問題です。

1. 課題1：機能拡張

   簡易ピアノに新しい機能を1つ追加してみましょう。

2. 課題2：UIの改善

   色・フォント・レイアウトを変更して、より使いやすいUIにカスタマイズしましょう。

3. 課題3：保存機能の追加

   処理結果をファイルに保存する機能を追加しましょう。