簡易ピアノ
キーボードのキーに音階をマッピングした仮想ピアノ。winsoundでドレミファソラシドを演奏できる。
1. アプリ概要
キーボードのキーに音階をマッピングした仮想ピアノ。winsoundでドレミファソラシドを演奏できる。
このアプリはbasicsカテゴリの実践的なPythonアプリです。使用ライブラリは tkinter(標準ライブラリ)、難易度は ★★☆ です。
このアプリは「入門」カテゴリです。ウィンドウ・ウィジェット・イベントの基本構造を反復することで、後から複雑なアプリを作るときの骨格が身につきます。tkinter(標準ライブラリ) を活かして実装するこの構造は、他のアプリにも応用が効きます。
コードを読む前に実行することをおすすめします。動いている挙動を先に把握しておくと、解説で出てくる関数や処理がどこに対応するかが頭に入りやすくなります。
応用のヒントは、機能を 1 つ増やす・見た目を整える・例外を一つでも丁寧に扱う、のいずれかから始めるのがおすすめです。
2. 機能一覧
- 簡易ピアノのメイン機能
- 直感的なGUIインターフェース
- 入力値のバリデーション
- エラーハンドリング
- 結果の見やすい表示
- クリア機能付き
3. 事前準備・環境
Python 3.10 以上 / Windows・Mac・Linux すべて対応
以下の環境で動作確認しています。
- Python 3.10 以上
- OS: Windows 10/11・macOS 12+・Ubuntu 20.04+
4. 完全なソースコード
右上の「コピー」ボタンをクリックするとコードをクリップボードにコピーできます。
import tkinter as tk
from tkinter import ttk, messagebox
import threading
import sys
# Windows は winsound、それ以外は無音フォールバック
try:
import winsound
HAS_SOUND = True
except ImportError:
HAS_SOUND = False
class App065:
"""簡易ピアノ: キーボード a,s,d,... に音階をマッピング"""
# ピアノキー: (表示, 周波数Hz, キーボード入力)
KEYS = [
("ド", 261, "a"),
("レ", 293, "s"),
("ミ", 329, "d"),
("ファ", 349, "f"),
("ソ", 392, "g"),
("ラ", 440, "h"),
("シ", 493, "j"),
("ド↑", 523, "k"),
]
DURATION_MS = 250 # 1音の長さ
def __init__(self, root):
self.root = root
self.root.title("簡易ピアノ")
self.root.geometry("700x420")
self.root.configure(bg="#f8f9fc")
self._build_ui()
# キーボード入力をバインド
for _, _, key in self.KEYS:
self.root.bind(f"<KeyPress-{key}>", lambda e, k=key: self.play_by_key(k))
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()
info_frame = tk.Frame(self.root, bg="#f8f9fc")
info_frame.pack(fill=tk.X, pady=10)
msg = "キーボードの a s d f g h j k で演奏! 鍵盤クリックでも音が出ます。"
if not HAS_SOUND:
msg += " (※ winsoundが使えないため画面表示のみ)"
tk.Label(info_frame, text=msg, bg="#f8f9fc", font=("Noto Sans JP", 11)).pack()
# 鍵盤を Canvas で描画
canvas_frame = tk.Frame(self.root, bg="#f8f9fc")
canvas_frame.pack(pady=20)
self.canvas = tk.Canvas(canvas_frame, width=640, height=220, bg="#f8f9fc", highlightthickness=0)
self.canvas.pack()
self.key_rects = {} # key char -> rect id
key_w = 76
for i, (label, freq, kb) in enumerate(self.KEYS):
x0 = 4 + i * (key_w + 4)
y0 = 10
x1 = x0 + key_w
y1 = y0 + 200
rid = self.canvas.create_rectangle(x0, y0, x1, y1, fill="white", outline="#333", width=2)
self.canvas.create_text(x0 + key_w / 2, y1 - 60, text=label, font=("Noto Sans JP", 16, "bold"), fill="#333")
self.canvas.create_text(x0 + key_w / 2, y1 - 25, text=kb.upper(), font=("Arial", 12), fill="#3776ab")
self.key_rects[kb] = rid
# クリックで音を鳴らす
self.canvas.tag_bind(rid, "<Button-1>", lambda e, k=kb: self.play_by_key(k))
# 状態表示
self.status_var = tk.StringVar(value="演奏してください")
tk.Label(self.root, textvariable=self.status_var, bg="#f8f9fc",
font=("Noto Sans JP", 12, "bold"), fg="#3776ab").pack(pady=8)
# フォーカスを root に戻すために focus_set
self.root.focus_set()
def play_by_key(self, kb):
"""指定キーボード文字に対応する音を再生する"""
for label, freq, k in self.KEYS:
if k == kb:
self._play(label, freq, kb)
return
def _play(self, label, freq, kb):
"""音を鳴らして鍵盤を一瞬ハイライト"""
rid = self.key_rects.get(kb)
if rid is not None:
self.canvas.itemconfig(rid, fill="#bcd9f7")
self.root.after(self.DURATION_MS, lambda: self.canvas.itemconfig(rid, fill="white"))
self.status_var.set(f"♪ {label} ({freq} Hz)")
if HAS_SOUND:
# 音が鳴る間にUIをブロックしないようスレッドで再生
threading.Thread(
target=self._beep, args=(freq, self.DURATION_MS), daemon=True
).start()
def _beep(self, freq, duration_ms):
"""winsound.Beep のラッパ (例外は握り潰す)"""
try:
winsound.Beep(int(freq), int(duration_ms))
except Exception:
pass
if __name__ == "__main__":
root = tk.Tk()
app = App065(root)
root.mainloop()
5. コード解説
簡易ピアノのコードを詳しく解説します。クラスベースの設計で各機能を整理して実装しています。
クラス設計とコンストラクタ
App065クラスにアプリの全機能をまとめています。__init__でウィンドウ設定、_build_ui()でUI構築、process()でメイン処理を担当します。責任の分離により、コードが読みやすくなります。
※ 該当部分のコード本体は 「4. 完全なソースコード」 をご参照ください(重複表示を避けるため再掲を省略しています)。
UIレイアウトの構築
LabelFrameで入力エリアと結果エリアを視覚的に分けています。pack()で縦に並べ、expand=Trueで結果エリアが画面いっぱいに広がるよう設定しています。
※ 該当部分のコード本体は 「4. 完全なソースコード」 をご参照ください(重複表示を避けるため再掲を省略しています)。
イベント処理
ボタンのcommand引数でクリックイベントを、bind('
※ 該当部分のコード本体は 「4. 完全なソースコード」 をご参照ください(重複表示を避けるため再掲を省略しています)。
Textウィジェットでの結果表示
tk.Textウィジェットをstate=DISABLED(読み取り専用)で作成し、更新時はNORMALに変更してinsert()で内容を書き込み、再びDISABLEDに戻します。
※ 該当部分のコード本体は 「4. 完全なソースコード」 をご参照ください(重複表示を避けるため再掲を省略しています)。
例外処理とエラーハンドリング
try-exceptでValueErrorとExceptionを捕捉し、messagebox.showerror()でエラーメッセージを表示します。予期しないエラーも処理することで、アプリの堅牢性が向上します。
※ 該当部分のコード本体は 「4. 完全なソースコード」 をご参照ください(重複表示を避けるため再掲を省略しています)。
6. ステップバイステップガイド
このアプリをゼロから自分で作る手順を解説します。コードをコピーするだけでなく、実際に手順を追って自分で書いてみましょう。
-
1ファイルを作成する
新しいファイルを作成して app065.py と保存します。
-
2クラスの骨格を作る
App065クラスを定義し、__init__とmainloop()の最小構成を作ります。
-
3タイトルバーを作る
Frameを使ってカラーバー付きのタイトルエリアを作ります。
-
4入力フォームを実装する
LabelFrameとEntryウィジェットで入力エリアを作ります。
-
5処理ロジックを実装する
_execute()メソッドにメインロジックを実装します。
-
6結果表示を実装する
TextウィジェットかLabelに結果を表示する_show_result()を実装します。
-
7エラー処理を追加する
try-exceptとmessageboxでエラーハンドリングを追加します。
7. カスタマイズアイデア
基本機能を習得したら、以下のカスタマイズに挑戦してみましょう。
💡 ダークモードを追加する
bg色・fg色を辞書で管理し、ボタン1つでダークモード・ライトモードを切り替えられるようにしましょう。
💡 データの保存機能
処理結果をCSV・TXTファイルに保存する機能を追加しましょう。filedialog.asksaveasfilename()でファイル保存ダイアログが使えます。
💡 設定ダイアログ
フォントサイズや色などの設定をユーザーが変更できるオプションダイアログを追加しましょう。
8. よくある問題と解決法
❌ 日本語フォントが表示されない
原因:システムに日本語フォントが見つからない場合があります。
解決法:font引数を省略するかシステムに合ったフォントを指定してください。
❌ ライブラリのインポートエラー
原因:必要なライブラリがインストールされていません。
解決法:pip install コマンドで必要なライブラリをインストールしてください。
❌ ウィンドウサイズが合わない
原因:画面解像度や表示スケールによって異なる場合があります。
解決法:root.geometry()で適切なサイズに調整してください。
9. 練習問題
アプリの理解を深めるための練習問題です。
-
課題1:機能拡張
簡易ピアノに新しい機能を1つ追加してみましょう。
-
課題2:UIの改善
色・フォント・レイアウトを変更して、より使いやすいUIにカスタマイズしましょう。
-
課題3:保存機能の追加
処理結果をファイルに保存する機能を追加しましょう。