初心者向け No.086

ひらがな練習

ひらがなを表示してローマ字で入力する練習アプリ。制限時間付きで正解数・スピードを計測する。

🎯 難易度: ★★☆ 📦 ライブラリ: tkinter（標準ライブラリ） ⏱️ 制作時間: 30〜90分

📋 目次

1. アプリ概要
2. 機能一覧
3. 事前準備・環境
4. 完全なソースコード
5. コード解説
6. ステップバイステップガイド
7. カスタマイズアイデア
8. よくある問題と解決法
9. 練習問題

1. アプリ概要

ひらがなを表示してローマ字で入力する練習アプリ。制限時間付きで正解数・スピードを計測する。

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

このアプリは「ツール」カテゴリです。日々の作業を自動化する実用ツールは Python が最も得意とする領域です。短いコードで実用性のある成果物が作れる点が魅力です。tkinter（標準ライブラリ） を活かして実装するこの構造は、他のアプリにも応用が効きます。

完成形を見てから細部の解説に進む流れが効果的です。実行→気になる箇所を解説で確認→自分の手で改造、というサイクルで定着が早まります。

カスタマイズ章では具体的な拡張アイデアを示しています。一つ実装するごとに動作確認することで、変更が予期せぬ副作用を起こさないかも体感できます。

2. 機能一覧

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

3. 事前準備・環境

ℹ️

動作確認環境

Python 3.10 以上 / Windows・Mac・Linux すべて対応

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

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

4. 完全なソースコード

💡

コードのコピー方法

右上の「コピー」ボタンをクリックするとコードをクリップボードにコピーできます。

✅ 追加インストール不要（標準ライブラリのみ使用）

app086.py

import random
import time
import tkinter as tk
from tkinter import messagebox, ttk


# ひらがな → ローマ字 (主要なものを網羅)
HIRA_ROMA = {
    "あ": "a", "い": "i", "う": "u", "え": "e", "お": "o",
    "か": "ka", "き": "ki", "く": "ku", "け": "ke", "こ": "ko",
    "さ": "sa", "し": "shi", "す": "su", "せ": "se", "そ": "so",
    "た": "ta", "ち": "chi", "つ": "tsu", "て": "te", "と": "to",
    "な": "na", "に": "ni", "ぬ": "nu", "ね": "ne", "の": "no",
    "は": "ha", "ひ": "hi", "ふ": "fu", "へ": "he", "ほ": "ho",
    "ま": "ma", "み": "mi", "む": "mu", "め": "me", "も": "mo",
    "や": "ya", "ゆ": "yu", "よ": "yo",
    "ら": "ra", "り": "ri", "る": "ru", "れ": "re", "ろ": "ro",
    "わ": "wa", "を": "wo", "ん": "n",
    "が": "ga", "ぎ": "gi", "ぐ": "gu", "げ": "ge", "ご": "go",
    "ざ": "za", "じ": "ji", "ず": "zu", "ぜ": "ze", "ぞ": "zo",
    "だ": "da", "ぢ": "ji", "づ": "zu", "で": "de", "ど": "do",
    "ば": "ba", "び": "bi", "ぶ": "bu", "べ": "be", "ぼ": "bo",
    "ぱ": "pa", "ぴ": "pi", "ぷ": "pu", "ぺ": "pe", "ぽ": "po",
}


class App086:
    """ひらがな練習"""

    def __init__(self, root):
        self.root = root
        self.root.title("ひらがな練習")
        self.root.geometry("640x460")
        self.root.configure(bg="#f8f9fc")
        self.time_limit = 60  # 秒
        self.start_ts = None
        self.current = None
        self.correct = 0
        self.miss = 0
        self.running = False
        self._build_ui()

    def _build_ui(self):
        """UI を構築する"""
        title = tk.Frame(self.root, bg="#3776ab", pady=12)
        title.pack(fill=tk.X)
        tk.Label(title, text="ひらがな練習", font=("Noto Sans JP", 16, "bold"),
                 bg="#3776ab", fg="white").pack()

        info = tk.Frame(self.root, bg="#f8f9fc")
        info.pack(pady=10)
        self.time_label = tk.Label(info, text=f"残り時間: {self.time_limit}秒",
                                   font=("Noto Sans JP", 12), bg="#f8f9fc")
        self.time_label.pack(side=tk.LEFT, padx=10)
        self.score_label = tk.Label(info, text="正解: 0  ミス: 0",
                                    font=("Noto Sans JP", 12), bg="#f8f9fc")
        self.score_label.pack(side=tk.LEFT, padx=10)

        self.q_label = tk.Label(self.root, text="開始ボタンを押してね",
                                font=("Noto Sans JP", 60, "bold"),
                                bg="white", fg="#3776ab", width=4, height=1,
                                relief=tk.GROOVE)
        self.q_label.pack(pady=15)

        self.entry = ttk.Entry(self.root, font=("Arial", 18), justify="center", width=12)
        self.entry.pack(pady=5)
        self.entry.bind("<Return>", lambda e: self._check())

        btns = tk.Frame(self.root, bg="#f8f9fc")
        btns.pack(pady=10)
        ttk.Button(btns, text="スタート", command=self.start).pack(side=tk.LEFT, padx=4)
        ttk.Button(btns, text="判定", command=self._check).pack(side=tk.LEFT, padx=4)
        ttk.Button(btns, text="リセット", command=self.reset).pack(side=tk.LEFT, padx=4)

        self.status = tk.Label(self.root, text="", bg="#f8f9fc", fg="#555")
        self.status.pack()

    def start(self):
        """ゲームを開始する"""
        self.correct = 0
        self.miss = 0
        self.start_ts = time.time()
        self.running = True
        self.entry.delete(0, tk.END)
        self.entry.focus_set()
        self._next_question()
        self._tick()

    def reset(self):
        """状態をリセットする"""
        self.running = False
        self.start_ts = None
        self.q_label.config(text="-")
        self.entry.delete(0, tk.END)
        self.time_label.config(text=f"残り時間: {self.time_limit}秒")
        self.score_label.config(text="正解: 0  ミス: 0")
        self.status.config(text="")

    def _next_question(self):
        """新しい問題を出題する"""
        self.current = random.choice(list(HIRA_ROMA.keys()))
        self.q_label.config(text=self.current)
        self.entry.delete(0, tk.END)

    def _check(self):
        """入力されたローマ字を判定する"""
        if not self.running or self.current is None:
            return
        ans = self.entry.get().strip().lower()
        expected = HIRA_ROMA[self.current]
        if ans == expected:
            self.correct += 1
            self.status.config(text=f"正解！ ({self.current} = {expected})", fg="green")
            self._next_question()
        else:
            self.miss += 1
            self.status.config(text=f"ミス: 正解は {expected}", fg="red")
            self.entry.delete(0, tk.END)
        self.score_label.config(text=f"正解: {self.correct}  ミス: {self.miss}")

    def _tick(self):
        """1秒ごとにタイマー更新"""
        if not self.running or self.start_ts is None:
            return
        elapsed = time.time() - self.start_ts
        remain = self.time_limit - int(elapsed)
        if remain <= 0:
            self.running = False
            self.time_label.config(text="残り時間: 0秒")
            speed = self.correct / (self.time_limit / 60)  # 文字/分
            messagebox.showinfo("結果",
                                f"終了！\n正解: {self.correct}  ミス: {self.miss}\n"
                                f"スピード: {speed:.1f} 文字/分")
            return
        self.time_label.config(text=f"残り時間: {remain}秒")
        self.root.after(500, self._tick)


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

5. コード解説

ひらがな練習のコードを詳しく解説します。クラスベースの設計で各機能を整理して実装しています。

クラス設計とコンストラクタ

App086クラスにアプリの全機能をまとめています。__init__でウィンドウ設定、_build_ui()でUI構築、process()でメイン処理を担当します。責任の分離により、コードが読みやすくなります。