初心者向け No.48
チップ計算アプリ
飲食代・人数・チップ率から一人あたりの支払い金額を計算するアプリ。Spinboxウィジェットを学びます。
📋 目次
1. アプリ概要
飲食代・人数・チップ率から一人あたりの支払い金額を計算するアプリ。Spinboxウィジェットを学びます。
このアプリはツールカテゴリに分類される実践的なGUIアプリです。使用ライブラリは tkinter（標準ライブラリ） で、難易度は ★☆☆ です。
Pythonでは tkinter を使うことで、クロスプラットフォームなGUIアプリを簡単に作成できます。このアプリを通じて、ウィジェットの配置・イベント処理・データ管理など、GUI開発の実践的なスキルを習得できます。
ソースコードは完全な動作状態で提供しており、コピーしてそのまま実行できます。まずは実行して動作を確認し、その後コードを読んで仕組みを理解していきましょう。カスタマイズセクションでは機能拡張のアイデアも紹介しています。
GUIアプリ開発は、プログラミングの楽しさを実感できる最も効果的な学習方法のひとつです。アプリを作ることで、変数・関数・クラス・イベント処理など、プログラミングの重要な概念が自然と身についていきます。このアプリをきっかけに、オリジナルアプリの開発にも挑戦してみてください。
2. 機能一覧
- チップ計算アプリのメイン機能
- 直感的なGUIインターフェース
- 入力値のバリデーション
- エラーハンドリング
- 結果の見やすい表示
- キーボードショートカット対応
3. 事前準備・環境
動作確認環境
Python 3.10 以上 / Windows・Mac・Linux すべて対応
以下の環境で動作確認しています。
- Python 3.10 以上
- OS: Windows 10/11・macOS 12+・Ubuntu 20.04+
4. 完全なソースコード
コードのコピー方法
右上の「コピー」ボタンをクリックするとコードをクリップボードにコピーできます。
app48.py
import tkinter as tk
from tkinter import ttk, messagebox
class App48:
"""チップ計算アプリ"""
def __init__(self, root):
self.root = root
self.root.title("チップ計算アプリ")
self.root.geometry("440x420")
self.root.configure(bg="#f8f9fc")
self._build_ui()
def _build_ui(self):
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=24, pady=16)
main_frame.pack(fill=tk.BOTH, expand=True)
# 入力
input_frame = ttk.LabelFrame(main_frame, text="入力", padding=12)
input_frame.pack(fill=tk.X, pady=(0, 10))
tk.Label(input_frame, text="飲食代 (円):").grid(row=0, column=0, sticky="w", pady=6)
self.bill_entry = ttk.Entry(input_frame, width=14, font=("Arial", 13))
self.bill_entry.grid(row=0, column=1, padx=8, sticky="ew")
self.bill_entry.bind("<KeyRelease>", lambda e: self.calculate())
tk.Label(input_frame, text="人数:").grid(row=1, column=0, sticky="w", pady=6)
self.people_var = tk.IntVar(value=2)
ttk.Spinbox(input_frame, from_=1, to=20, textvariable=self.people_var,
width=6, font=("Arial", 12),
command=self.calculate).grid(row=1, column=1, padx=8, sticky="w")
tk.Label(input_frame, text="チップ率:").grid(row=2, column=0, sticky="w", pady=6)
self.tip_var = tk.DoubleVar(value=10.0)
tip_frame = tk.Frame(input_frame, bg=input_frame.cget("bg"))
tip_frame.grid(row=2, column=1, padx=8, sticky="ew")
ttk.Scale(tip_frame, variable=self.tip_var, from_=0, to=30,
orient=tk.HORIZONTAL, length=140,
command=lambda v: (self.tip_label.config(text=f"{float(v):.1f}%"),
self.calculate())).pack(side=tk.LEFT)
self.tip_label = tk.Label(tip_frame, text="10.0%",
bg=input_frame.cget("bg"), width=6, font=("Arial", 11))
self.tip_label.pack(side=tk.LEFT, padx=4)
# よく使うチップ率ボタン
preset_frame = tk.Frame(input_frame, bg=input_frame.cget("bg"))
preset_frame.grid(row=3, column=0, columnspan=2, pady=(6, 0))
for pct in [10, 15, 20]:
tk.Button(preset_frame, text=f"{pct}%", width=5,
bg="#e8eaf0", relief=tk.FLAT, font=("Arial", 10),
command=lambda p=pct: (self.tip_var.set(p),
self.tip_label.config(text=f"{p}.0%"),
self.calculate())).pack(side=tk.LEFT, padx=4)
input_frame.columnconfigure(1, weight=1)
# 結果
result_frame = ttk.LabelFrame(main_frame, text="計算結果", padding=12)
result_frame.pack(fill=tk.BOTH, expand=True)
self.result_labels = {}
for row, (label, key) in enumerate([
("飲食代:", "bill"),
("チップ額:", "tip"),
("合計:", "total"),
("1人当たり:", "per_person"),
]):
tk.Label(result_frame, text=label, font=("Noto Sans JP", 11),
bg=result_frame.cget("bg"), width=12, anchor="w").grid(
row=row, column=0, sticky="w", pady=4)
lbl = tk.Label(result_frame, text="--",
font=("Noto Sans JP", 13, "bold" if key in ("total", "per_person") else "normal"),
bg=result_frame.cget("bg"),
fg="#3776ab" if key == "per_person" else "#333")
lbl.grid(row=row, column=1, sticky="w", padx=8)
self.result_labels[key] = lbl
def calculate(self, *args):
try:
bill = float(self.bill_entry.get().replace(",", ""))
except ValueError:
return
people = self.people_var.get()
tip_rate = self.tip_var.get() / 100
tip = bill * tip_rate
total = bill + tip
per_person = total / people
self.result_labels["bill"].config(text=f"¥{bill:,.0f}")
self.result_labels["tip"].config(text=f"¥{tip:,.0f} ({self.tip_var.get():.1f}%)")
self.result_labels["total"].config(text=f"¥{total:,.0f}")
self.result_labels["per_person"].config(
text=f"¥{per_person:,.0f} （{people}人）")
if __name__ == "__main__":
root = tk.Tk()
app = App48(root)
root.mainloop()
5. コード解説
チップ計算アプリのコードを詳しく解説します。クラスベースの設計で各機能を整理して実装しています。
クラス設計とコンストラクタ
App48クラスにアプリの全機能をまとめています。__init__メソッドでウィンドウの基本設定を行い、_build_ui()でUI構築、process()でメイン処理を担当します。この分離により、各メソッドの責任が明確になりコードが読みやすくなります。
import tkinter as tk
from tkinter import ttk, messagebox
class App48:
"""チップ計算アプリ"""
def __init__(self, root):
self.root = root
self.root.title("チップ計算アプリ")
self.root.geometry("440x420")
self.root.configure(bg="#f8f9fc")
self._build_ui()
def _build_ui(self):
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=24, pady=16)
main_frame.pack(fill=tk.BOTH, expand=True)
# 入力
input_frame = ttk.LabelFrame(main_frame, text="入力", padding=12)
input_frame.pack(fill=tk.X, pady=(0, 10))
tk.Label(input_frame, text="飲食代 (円):").grid(row=0, column=0, sticky="w", pady=6)
self.bill_entry = ttk.Entry(input_frame, width=14, font=("Arial", 13))
self.bill_entry.grid(row=0, column=1, padx=8, sticky="ew")
self.bill_entry.bind("<KeyRelease>", lambda e: self.calculate())
tk.Label(input_frame, text="人数:").grid(row=1, column=0, sticky="w", pady=6)
self.people_var = tk.IntVar(value=2)
ttk.Spinbox(input_frame, from_=1, to=20, textvariable=self.people_var,
width=6, font=("Arial", 12),
command=self.calculate).grid(row=1, column=1, padx=8, sticky="w")
tk.Label(input_frame, text="チップ率:").grid(row=2, column=0, sticky="w", pady=6)
self.tip_var = tk.DoubleVar(value=10.0)
tip_frame = tk.Frame(input_frame, bg=input_frame.cget("bg"))
tip_frame.grid(row=2, column=1, padx=8, sticky="ew")
ttk.Scale(tip_frame, variable=self.tip_var, from_=0, to=30,
orient=tk.HORIZONTAL, length=140,
command=lambda v: (self.tip_label.config(text=f"{float(v):.1f}%"),
self.calculate())).pack(side=tk.LEFT)
self.tip_label = tk.Label(tip_frame, text="10.0%",
bg=input_frame.cget("bg"), width=6, font=("Arial", 11))
self.tip_label.pack(side=tk.LEFT, padx=4)
# よく使うチップ率ボタン
preset_frame = tk.Frame(input_frame, bg=input_frame.cget("bg"))
preset_frame.grid(row=3, column=0, columnspan=2, pady=(6, 0))
for pct in [10, 15, 20]:
tk.Button(preset_frame, text=f"{pct}%", width=5,
bg="#e8eaf0", relief=tk.FLAT, font=("Arial", 10),
command=lambda p=pct: (self.tip_var.set(p),
self.tip_label.config(text=f"{p}.0%"),
self.calculate())).pack(side=tk.LEFT, padx=4)
input_frame.columnconfigure(1, weight=1)
# 結果
result_frame = ttk.LabelFrame(main_frame, text="計算結果", padding=12)
result_frame.pack(fill=tk.BOTH, expand=True)
self.result_labels = {}
for row, (label, key) in enumerate([
("飲食代:", "bill"),
("チップ額:", "tip"),
("合計:", "total"),
("1人当たり:", "per_person"),
]):
tk.Label(result_frame, text=label, font=("Noto Sans JP", 11),
bg=result_frame.cget("bg"), width=12, anchor="w").grid(
row=row, column=0, sticky="w", pady=4)
lbl = tk.Label(result_frame, text="--",
font=("Noto Sans JP", 13, "bold" if key in ("total", "per_person") else "normal"),
bg=result_frame.cget("bg"),
fg="#3776ab" if key == "per_person" else "#333")
lbl.grid(row=row, column=1, sticky="w", padx=8)
self.result_labels[key] = lbl
def calculate(self, *args):
try:
bill = float(self.bill_entry.get().replace(",", ""))
except ValueError:
return
people = self.people_var.get()
tip_rate = self.tip_var.get() / 100
tip = bill * tip_rate
total = bill + tip
per_person = total / people
self.result_labels["bill"].config(text=f"¥{bill:,.0f}")
self.result_labels["tip"].config(text=f"¥{tip:,.0f} ({self.tip_var.get():.1f}%)")
self.result_labels["total"].config(text=f"¥{total:,.0f}")
self.result_labels["per_person"].config(
text=f"¥{per_person:,.0f} （{people}人）")
if __name__ == "__main__":
root = tk.Tk()
app = App48(root)
root.mainloop()
LabelFrameによるセクション分け
ttk.LabelFrame を使うことで、入力エリアと結果エリアを視覚的に分けられます。padding引数でフレーム内の余白を設定し、見やすいレイアウトを実現しています。
import tkinter as tk
from tkinter import ttk, messagebox
class App48:
"""チップ計算アプリ"""
def __init__(self, root):
self.root = root
self.root.title("チップ計算アプリ")
self.root.geometry("440x420")
self.root.configure(bg="#f8f9fc")
self._build_ui()
def _build_ui(self):
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=24, pady=16)
main_frame.pack(fill=tk.BOTH, expand=True)
# 入力
input_frame = ttk.LabelFrame(main_frame, text="入力", padding=12)
input_frame.pack(fill=tk.X, pady=(0, 10))
tk.Label(input_frame, text="飲食代 (円):").grid(row=0, column=0, sticky="w", pady=6)
self.bill_entry = ttk.Entry(input_frame, width=14, font=("Arial", 13))
self.bill_entry.grid(row=0, column=1, padx=8, sticky="ew")
self.bill_entry.bind("<KeyRelease>", lambda e: self.calculate())
tk.Label(input_frame, text="人数:").grid(row=1, column=0, sticky="w", pady=6)
self.people_var = tk.IntVar(value=2)
ttk.Spinbox(input_frame, from_=1, to=20, textvariable=self.people_var,
width=6, font=("Arial", 12),
command=self.calculate).grid(row=1, column=1, padx=8, sticky="w")
tk.Label(input_frame, text="チップ率:").grid(row=2, column=0, sticky="w", pady=6)
self.tip_var = tk.DoubleVar(value=10.0)
tip_frame = tk.Frame(input_frame, bg=input_frame.cget("bg"))
tip_frame.grid(row=2, column=1, padx=8, sticky="ew")
ttk.Scale(tip_frame, variable=self.tip_var, from_=0, to=30,
orient=tk.HORIZONTAL, length=140,
command=lambda v: (self.tip_label.config(text=f"{float(v):.1f}%"),
self.calculate())).pack(side=tk.LEFT)
self.tip_label = tk.Label(tip_frame, text="10.0%",
bg=input_frame.cget("bg"), width=6, font=("Arial", 11))
self.tip_label.pack(side=tk.LEFT, padx=4)
# よく使うチップ率ボタン
preset_frame = tk.Frame(input_frame, bg=input_frame.cget("bg"))
preset_frame.grid(row=3, column=0, columnspan=2, pady=(6, 0))
for pct in [10, 15, 20]:
tk.Button(preset_frame, text=f"{pct}%", width=5,
bg="#e8eaf0", relief=tk.FLAT, font=("Arial", 10),
command=lambda p=pct: (self.tip_var.set(p),
self.tip_label.config(text=f"{p}.0%"),
self.calculate())).pack(side=tk.LEFT, padx=4)
input_frame.columnconfigure(1, weight=1)
# 結果
result_frame = ttk.LabelFrame(main_frame, text="計算結果", padding=12)
result_frame.pack(fill=tk.BOTH, expand=True)
self.result_labels = {}
for row, (label, key) in enumerate([
("飲食代:", "bill"),
("チップ額:", "tip"),
("合計:", "total"),
("1人当たり:", "per_person"),
]):
tk.Label(result_frame, text=label, font=("Noto Sans JP", 11),
bg=result_frame.cget("bg"), width=12, anchor="w").grid(
row=row, column=0, sticky="w", pady=4)
lbl = tk.Label(result_frame, text="--",
font=("Noto Sans JP", 13, "bold" if key in ("total", "per_person") else "normal"),
bg=result_frame.cget("bg"),
fg="#3776ab" if key == "per_person" else "#333")
lbl.grid(row=row, column=1, sticky="w", padx=8)
self.result_labels[key] = lbl
def calculate(self, *args):
try:
bill = float(self.bill_entry.get().replace(",", ""))
except ValueError:
return
people = self.people_var.get()
tip_rate = self.tip_var.get() / 100
tip = bill * tip_rate
total = bill + tip
per_person = total / people
self.result_labels["bill"].config(text=f"¥{bill:,.0f}")
self.result_labels["tip"].config(text=f"¥{tip:,.0f} ({self.tip_var.get():.1f}%)")
self.result_labels["total"].config(text=f"¥{total:,.0f}")
self.result_labels["per_person"].config(
text=f"¥{per_person:,.0f} （{people}人）")
if __name__ == "__main__":
root = tk.Tk()
app = App48(root)
root.mainloop()
Entryウィジェットとイベントバインド
ttk.Entryで入力フィールドを作成します。bind('
import tkinter as tk
from tkinter import ttk, messagebox
class App48:
"""チップ計算アプリ"""
def __init__(self, root):
self.root = root
self.root.title("チップ計算アプリ")
self.root.geometry("440x420")
self.root.configure(bg="#f8f9fc")
self._build_ui()
def _build_ui(self):
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=24, pady=16)
main_frame.pack(fill=tk.BOTH, expand=True)
# 入力
input_frame = ttk.LabelFrame(main_frame, text="入力", padding=12)
input_frame.pack(fill=tk.X, pady=(0, 10))
tk.Label(input_frame, text="飲食代 (円):").grid(row=0, column=0, sticky="w", pady=6)
self.bill_entry = ttk.Entry(input_frame, width=14, font=("Arial", 13))
self.bill_entry.grid(row=0, column=1, padx=8, sticky="ew")
self.bill_entry.bind("<KeyRelease>", lambda e: self.calculate())
tk.Label(input_frame, text="人数:").grid(row=1, column=0, sticky="w", pady=6)
self.people_var = tk.IntVar(value=2)
ttk.Spinbox(input_frame, from_=1, to=20, textvariable=self.people_var,
width=6, font=("Arial", 12),
command=self.calculate).grid(row=1, column=1, padx=8, sticky="w")
tk.Label(input_frame, text="チップ率:").grid(row=2, column=0, sticky="w", pady=6)
self.tip_var = tk.DoubleVar(value=10.0)
tip_frame = tk.Frame(input_frame, bg=input_frame.cget("bg"))
tip_frame.grid(row=2, column=1, padx=8, sticky="ew")
ttk.Scale(tip_frame, variable=self.tip_var, from_=0, to=30,
orient=tk.HORIZONTAL, length=140,
command=lambda v: (self.tip_label.config(text=f"{float(v):.1f}%"),
self.calculate())).pack(side=tk.LEFT)
self.tip_label = tk.Label(tip_frame, text="10.0%",
bg=input_frame.cget("bg"), width=6, font=("Arial", 11))
self.tip_label.pack(side=tk.LEFT, padx=4)
# よく使うチップ率ボタン
preset_frame = tk.Frame(input_frame, bg=input_frame.cget("bg"))
preset_frame.grid(row=3, column=0, columnspan=2, pady=(6, 0))
for pct in [10, 15, 20]:
tk.Button(preset_frame, text=f"{pct}%", width=5,
bg="#e8eaf0", relief=tk.FLAT, font=("Arial", 10),
command=lambda p=pct: (self.tip_var.set(p),
self.tip_label.config(text=f"{p}.0%"),
self.calculate())).pack(side=tk.LEFT, padx=4)
input_frame.columnconfigure(1, weight=1)
# 結果
result_frame = ttk.LabelFrame(main_frame, text="計算結果", padding=12)
result_frame.pack(fill=tk.BOTH, expand=True)
self.result_labels = {}
for row, (label, key) in enumerate([
("飲食代:", "bill"),
("チップ額:", "tip"),
("合計:", "total"),
("1人当たり:", "per_person"),
]):
tk.Label(result_frame, text=label, font=("Noto Sans JP", 11),
bg=result_frame.cget("bg"), width=12, anchor="w").grid(
row=row, column=0, sticky="w", pady=4)
lbl = tk.Label(result_frame, text="--",
font=("Noto Sans JP", 13, "bold" if key in ("total", "per_person") else "normal"),
bg=result_frame.cget("bg"),
fg="#3776ab" if key == "per_person" else "#333")
lbl.grid(row=row, column=1, sticky="w", padx=8)
self.result_labels[key] = lbl
def calculate(self, *args):
try:
bill = float(self.bill_entry.get().replace(",", ""))
except ValueError:
return
people = self.people_var.get()
tip_rate = self.tip_var.get() / 100
tip = bill * tip_rate
total = bill + tip
per_person = total / people
self.result_labels["bill"].config(text=f"¥{bill:,.0f}")
self.result_labels["tip"].config(text=f"¥{tip:,.0f} ({self.tip_var.get():.1f}%)")
self.result_labels["total"].config(text=f"¥{total:,.0f}")
self.result_labels["per_person"].config(
text=f"¥{per_person:,.0f} （{people}人）")
if __name__ == "__main__":
root = tk.Tk()
app = App48(root)
root.mainloop()
Textウィジェットでの結果表示
結果表示にはtk.Textウィジェットを使います。state=tk.DISABLEDでユーザーが直接編集できないようにし、表示前にNORMALに切り替えてからinsert()で内容を更新します。
import tkinter as tk
from tkinter import ttk, messagebox
class App48:
"""チップ計算アプリ"""
def __init__(self, root):
self.root = root
self.root.title("チップ計算アプリ")
self.root.geometry("440x420")
self.root.configure(bg="#f8f9fc")
self._build_ui()
def _build_ui(self):
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=24, pady=16)
main_frame.pack(fill=tk.BOTH, expand=True)
# 入力
input_frame = ttk.LabelFrame(main_frame, text="入力", padding=12)
input_frame.pack(fill=tk.X, pady=(0, 10))
tk.Label(input_frame, text="飲食代 (円):").grid(row=0, column=0, sticky="w", pady=6)
self.bill_entry = ttk.Entry(input_frame, width=14, font=("Arial", 13))
self.bill_entry.grid(row=0, column=1, padx=8, sticky="ew")
self.bill_entry.bind("<KeyRelease>", lambda e: self.calculate())
tk.Label(input_frame, text="人数:").grid(row=1, column=0, sticky="w", pady=6)
self.people_var = tk.IntVar(value=2)
ttk.Spinbox(input_frame, from_=1, to=20, textvariable=self.people_var,
width=6, font=("Arial", 12),
command=self.calculate).grid(row=1, column=1, padx=8, sticky="w")
tk.Label(input_frame, text="チップ率:").grid(row=2, column=0, sticky="w", pady=6)
self.tip_var = tk.DoubleVar(value=10.0)
tip_frame = tk.Frame(input_frame, bg=input_frame.cget("bg"))
tip_frame.grid(row=2, column=1, padx=8, sticky="ew")
ttk.Scale(tip_frame, variable=self.tip_var, from_=0, to=30,
orient=tk.HORIZONTAL, length=140,
command=lambda v: (self.tip_label.config(text=f"{float(v):.1f}%"),
self.calculate())).pack(side=tk.LEFT)
self.tip_label = tk.Label(tip_frame, text="10.0%",
bg=input_frame.cget("bg"), width=6, font=("Arial", 11))
self.tip_label.pack(side=tk.LEFT, padx=4)
# よく使うチップ率ボタン
preset_frame = tk.Frame(input_frame, bg=input_frame.cget("bg"))
preset_frame.grid(row=3, column=0, columnspan=2, pady=(6, 0))
for pct in [10, 15, 20]:
tk.Button(preset_frame, text=f"{pct}%", width=5,
bg="#e8eaf0", relief=tk.FLAT, font=("Arial", 10),
command=lambda p=pct: (self.tip_var.set(p),
self.tip_label.config(text=f"{p}.0%"),
self.calculate())).pack(side=tk.LEFT, padx=4)
input_frame.columnconfigure(1, weight=1)
# 結果
result_frame = ttk.LabelFrame(main_frame, text="計算結果", padding=12)
result_frame.pack(fill=tk.BOTH, expand=True)
self.result_labels = {}
for row, (label, key) in enumerate([
("飲食代:", "bill"),
("チップ額:", "tip"),
("合計:", "total"),
("1人当たり:", "per_person"),
]):
tk.Label(result_frame, text=label, font=("Noto Sans JP", 11),
bg=result_frame.cget("bg"), width=12, anchor="w").grid(
row=row, column=0, sticky="w", pady=4)
lbl = tk.Label(result_frame, text="--",
font=("Noto Sans JP", 13, "bold" if key in ("total", "per_person") else "normal"),
bg=result_frame.cget("bg"),
fg="#3776ab" if key == "per_person" else "#333")
lbl.grid(row=row, column=1, sticky="w", padx=8)
self.result_labels[key] = lbl
def calculate(self, *args):
try:
bill = float(self.bill_entry.get().replace(",", ""))
except ValueError:
return
people = self.people_var.get()
tip_rate = self.tip_var.get() / 100
tip = bill * tip_rate
total = bill + tip
per_person = total / people
self.result_labels["bill"].config(text=f"¥{bill:,.0f}")
self.result_labels["tip"].config(text=f"¥{tip:,.0f} ({self.tip_var.get():.1f}%)")
self.result_labels["total"].config(text=f"¥{total:,.0f}")
self.result_labels["per_person"].config(
text=f"¥{per_person:,.0f} （{people}人）")
if __name__ == "__main__":
root = tk.Tk()
app = App48(root)
root.mainloop()
例外処理とmessagebox
try-except で ValueError と Exception を捕捉し、messagebox.showerror() でユーザーにわかりやすいエラーメッセージを表示します。入力バリデーションは必ず実装しましょう。
import tkinter as tk
from tkinter import ttk, messagebox
class App48:
"""チップ計算アプリ"""
def __init__(self, root):
self.root = root
self.root.title("チップ計算アプリ")
self.root.geometry("440x420")
self.root.configure(bg="#f8f9fc")
self._build_ui()
def _build_ui(self):
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=24, pady=16)
main_frame.pack(fill=tk.BOTH, expand=True)
# 入力
input_frame = ttk.LabelFrame(main_frame, text="入力", padding=12)
input_frame.pack(fill=tk.X, pady=(0, 10))
tk.Label(input_frame, text="飲食代 (円):").grid(row=0, column=0, sticky="w", pady=6)
self.bill_entry = ttk.Entry(input_frame, width=14, font=("Arial", 13))
self.bill_entry.grid(row=0, column=1, padx=8, sticky="ew")
self.bill_entry.bind("<KeyRelease>", lambda e: self.calculate())
tk.Label(input_frame, text="人数:").grid(row=1, column=0, sticky="w", pady=6)
self.people_var = tk.IntVar(value=2)
ttk.Spinbox(input_frame, from_=1, to=20, textvariable=self.people_var,
width=6, font=("Arial", 12),
command=self.calculate).grid(row=1, column=1, padx=8, sticky="w")
tk.Label(input_frame, text="チップ率:").grid(row=2, column=0, sticky="w", pady=6)
self.tip_var = tk.DoubleVar(value=10.0)
tip_frame = tk.Frame(input_frame, bg=input_frame.cget("bg"))
tip_frame.grid(row=2, column=1, padx=8, sticky="ew")
ttk.Scale(tip_frame, variable=self.tip_var, from_=0, to=30,
orient=tk.HORIZONTAL, length=140,
command=lambda v: (self.tip_label.config(text=f"{float(v):.1f}%"),
self.calculate())).pack(side=tk.LEFT)
self.tip_label = tk.Label(tip_frame, text="10.0%",
bg=input_frame.cget("bg"), width=6, font=("Arial", 11))
self.tip_label.pack(side=tk.LEFT, padx=4)
# よく使うチップ率ボタン
preset_frame = tk.Frame(input_frame, bg=input_frame.cget("bg"))
preset_frame.grid(row=3, column=0, columnspan=2, pady=(6, 0))
for pct in [10, 15, 20]:
tk.Button(preset_frame, text=f"{pct}%", width=5,
bg="#e8eaf0", relief=tk.FLAT, font=("Arial", 10),
command=lambda p=pct: (self.tip_var.set(p),
self.tip_label.config(text=f"{p}.0%"),
self.calculate())).pack(side=tk.LEFT, padx=4)
input_frame.columnconfigure(1, weight=1)
# 結果
result_frame = ttk.LabelFrame(main_frame, text="計算結果", padding=12)
result_frame.pack(fill=tk.BOTH, expand=True)
self.result_labels = {}
for row, (label, key) in enumerate([
("飲食代:", "bill"),
("チップ額:", "tip"),
("合計:", "total"),
("1人当たり:", "per_person"),
]):
tk.Label(result_frame, text=label, font=("Noto Sans JP", 11),
bg=result_frame.cget("bg"), width=12, anchor="w").grid(
row=row, column=0, sticky="w", pady=4)
lbl = tk.Label(result_frame, text="--",
font=("Noto Sans JP", 13, "bold" if key in ("total", "per_person") else "normal"),
bg=result_frame.cget("bg"),
fg="#3776ab" if key == "per_person" else "#333")
lbl.grid(row=row, column=1, sticky="w", padx=8)
self.result_labels[key] = lbl
def calculate(self, *args):
try:
bill = float(self.bill_entry.get().replace(",", ""))
except ValueError:
return
people = self.people_var.get()
tip_rate = self.tip_var.get() / 100
tip = bill * tip_rate
total = bill + tip
per_person = total / people
self.result_labels["bill"].config(text=f"¥{bill:,.0f}")
self.result_labels["tip"].config(text=f"¥{tip:,.0f} ({self.tip_var.get():.1f}%)")
self.result_labels["total"].config(text=f"¥{total:,.0f}")
self.result_labels["per_person"].config(
text=f"¥{per_person:,.0f} （{people}人）")
if __name__ == "__main__":
root = tk.Tk()
app = App48(root)
root.mainloop()
6. ステップバイステップガイド
このアプリをゼロから自分で作る手順を解説します。コードをコピーするだけでなく、実際に手順を追って自分で書いてみましょう。
-
1ファイルを作成する
新しいファイルを作成して app48.py と保存します。
-
2クラスの骨格を作る
App48クラスを定義し、__init__とmainloop()の最小構成を作ります。
-
3タイトルバーを作る
Frameを使ってカラーバー付きのタイトルエリアを作ります。
-
4入力フォームを実装する
LabelFrameとEntryウィジェットで入力エリアを作ります。
-
5処理ロジックを実装する
_calculate()メソッドに計算・処理ロジックを実装します。
-
6結果表示を実装する
TextウィジェットかLabelに結果を表示する_show_result()を実装します。
-
7エラー処理を追加する
try-exceptとmessageboxでエラーハンドリングを追加します。
7. カスタマイズアイデア
基本機能を習得したら、以下のカスタマイズに挑戦してみましょう。少しずつ機能を追加することで、Pythonのスキルが飛躍的に向上します。
💡 ダークモードを追加する
bg色・fg色を辞書で管理し、ボタン1つでダークモード・ライトモードを切り替えられるようにしましょう。
💡 データのエクスポート機能
計算結果をCSV・TXTファイルに保存するエクスポート機能を追加しましょう。filedialog.asksaveasfilename()でファイル保存ダイアログが使えます。
💡 入力履歴機能
以前の入力値を覚えておいてComboboxのドロップダウンで再選択できる履歴機能を追加しましょう。
8. よくある問題と解決法
❌ 日本語フォントが表示されない
原因：システムに日本語フォントが見つからない場合があります。
解決法：font引数を省略するかシステムに合ったフォントを指定してください。
❌ ウィンドウのサイズが変更できない
原因：resizable(False, False)が設定されています。
解決法：resizable(True, True)に変更してください。
9. 練習問題
アプリの理解を深めるための練習問題です。難易度順に挑戦してみてください。
-
課題1：機能拡張
チップ計算アプリに新しい機能を1つ追加してみましょう。どんな機能があると便利か考えてから実装してください。
-
課題2：UIの改善
色・フォント・レイアウトを変更して、より使いやすいUIにカスタマイズしてみましょう。
-
課題3：保存機能の追加
入力値や計算結果をファイルに保存する機能を追加しましょう。jsonやcsvモジュールを使います。