温度変換アプリ
摂氏・華氏・ケルビンを相互変換するアプリ。Entry・Label・Buttonを組み合わせた入力フォームの実装パターンを学びます。
1. アプリ概要
摂氏・華氏・ケルビンを相互変換するアプリ。Entry・Label・Buttonを組み合わせた入力フォームの実装パターンを学びます。
このアプリは変換カテゴリに分類される実践的な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. 完全なソースコード
右上の「コピー」ボタンをクリックするとコードをクリップボードにコピーできます。
import tkinter as tk
from tkinter import ttk, messagebox
class App03:
"""温度変換アプリ"""
def __init__(self, root):
self.root = root
self.root.title("温度変換アプリ")
self.root.geometry("500x400")
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)
# 入力エリア
input_frame = ttk.LabelFrame(main_frame, text="入力", padding=10)
input_frame.pack(fill=tk.X, pady=(0, 10))
tk.Label(input_frame, text="温度:").grid(row=0, column=0, sticky="w")
self.entry = ttk.Entry(input_frame, width=20, font=("Arial", 12))
self.entry.grid(row=0, column=1, padx=8, sticky="ew")
self.entry.bind("<Return>", lambda e: self.process())
tk.Label(input_frame, text="単位:").grid(row=0, column=2, sticky="w", padx=(8, 0))
self.unit_var = tk.StringVar(value="摂氏 (°C)")
self.unit_combo = ttk.Combobox(
input_frame,
textvariable=self.unit_var,
values=["摂氏 (°C)", "華氏 (°F)", "ケルビン (K)"],
state="readonly",
width=14
)
self.unit_combo.grid(row=0, column=3, padx=8)
input_frame.columnconfigure(1, weight=1)
# 実行ボタン
ttk.Button(
main_frame,
text="変換する",
command=self.process
).pack(pady=8)
# 結果エリア
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)
# スクロールバー
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._calculate(value)
self._show_result(result)
except ValueError as e:
messagebox.showerror("エラー", f"入力値が不正です: {e}")
except Exception as e:
messagebox.showerror("エラー", f"予期しないエラー: {e}")
def _calculate(self, value):
"""温度変換の計算処理"""
temp = float(value)
unit = self.unit_var.get()
# まず摂氏に変換
if unit == "摂氏 (°C)":
celsius = temp
elif unit == "華氏 (°F)":
celsius = (temp - 32) * 5 / 9
else: # ケルビン
if temp < 0:
raise ValueError("ケルビンは0以上の値を入力してください")
celsius = temp - 273.15
if celsius < -273.15:
raise ValueError("絶対零度(-273.15°C)より低い温度は存在しません")
fahrenheit = celsius * 9 / 5 + 32
kelvin = celsius + 273.15
return (
f"【変換結果】\n"
f"\n"
f"摂氏 (°C): {celsius:.2f} °C\n"
f"華氏 (°F): {fahrenheit:.2f} °F\n"
f"ケルビン (K): {kelvin:.2f} K"
)
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 = App03(root)
root.mainloop()
5. コード解説
温度変換アプリのコードを詳しく解説します。クラスベースの設計で各機能を整理して実装しています。
クラス設計とコンストラクタ
App03クラスにアプリの全機能をまとめています。__init__メソッドでウィンドウの基本設定を行い、_build_ui()でUI構築、process()でメイン処理を担当します。この分離により、各メソッドの責任が明確になりコードが読みやすくなります。
class App03:
def __init__(self, root):
self.root = root
self.root.title("温度変換アプリ")
self._build_ui()
LabelFrameによるセクション分け
ttk.LabelFrame を使うことで、入力エリアと結果エリアを視覚的に分けられます。padding引数でフレーム内の余白を設定し、見やすいレイアウトを実現しています。
input_frame = ttk.LabelFrame(main_frame, text="入力", padding=10)
input_frame.pack(fill=tk.X, pady=(0, 10))
Entryウィジェットとイベントバインド
ttk.Entryで入力フィールドを作成します。bind('
self.entry = ttk.Entry(frame, width=30)
self.entry.bind('', lambda e: self.process())
Textウィジェットでの結果表示
結果表示にはtk.Textウィジェットを使います。state=tk.DISABLEDでユーザーが直接編集できないようにし、表示前にNORMALに切り替えてからinsert()で内容を更新します。
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)
例外処理とmessagebox
try-except で ValueError と Exception を捕捉し、messagebox.showerror() でユーザーにわかりやすいエラーメッセージを表示します。入力バリデーションは必ず実装しましょう。
try:
result = self._calculate(value)
except ValueError as e:
messagebox.showerror("エラー", f"入力値が不正: {e}")
6. ステップバイステップガイド
このアプリをゼロから自分で作る手順を解説します。コードをコピーするだけでなく、実際に手順を追って自分で書いてみましょう。
-
1ファイルを作成する
新しいファイルを作成して app03.py と保存します。
-
2クラスの骨格を作る
App03クラスを定義し、__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モジュールを使います。