中級者向け No.100
チャットボットUI
OpenAI APIと接続してChatGPTと会話できるGUIクライアント。会話履歴の保存・読み込みとコスト表示付き。
📋 目次
1. アプリ概要
OpenAI APIと接続してChatGPTと会話できるGUIクライアント。会話履歴の保存・読み込みとコスト表示付き。
このアプリはmediaカテゴリの実践的なPythonアプリです。使用ライブラリは tkinter（標準ライブラリ）・pyaudio、難易度は ★★★ です。
Pythonの豊富なライブラリを活用することで、実用的なアプリを短いコードで実装できます。ソースコードをコピーして実行し、仕組みを理解したうえでカスタマイズに挑戦してみてください。
GUIアプリ開発はプログラミングの楽しさを実感できる最も効果的な学習方法のひとつです。変数・関数・クラス・イベント処理などの重要な概念が自然と身につきます。
2. 機能一覧
- 音声録音・再生アプリのメイン機能
- 直感的なGUIインターフェース
- 入力値のバリデーション
- エラーハンドリング
- 結果の見やすい表示
- クリア機能付き
3. 事前準備・環境
動作確認環境
Python 3.10 以上 / Windows・Mac・Linux すべて対応
以下の環境で動作確認しています。
- Python 3.10 以上
- OS: Windows 10/11・macOS 12+・Ubuntu 20.04+
追加のインストールは不要です（標準ライブラリのみ）。
4. 完全なソースコード
コードのコピー方法
右上の「コピー」ボタンをクリックするとコードをクリップボードにコピーできます。
app100.py
import tkinter as tk
from tkinter import ttk, messagebox, filedialog
import json
import os
import threading
import urllib.request
import urllib.error
from datetime import datetime
# ────────────────────────────────────────────────────────────────
# ボット設定: Ollama (ローカル) または シンプルルールベースで動作
# pip install requests は不要 — urllib.request のみ使用
# ────────────────────────────────────────────────────────────────
SAVE_PATH = os.path.join(os.path.dirname(__file__), "chatbot_history.json")
# ────── ルールベースフォールバック ──────
RULES = [
(["こんにちは", "hello", "hi", "はじめまして"],
"こんにちは！何かお手伝いできることはありますか？"),
(["ありがとう", "thank", "感謝"],
"どういたしまして！他にご質問があればお気軽にどうぞ。"),
(["python", "パイソン"],
"Python は汎用プログラミング言語で、データ分析・Web開発・機械学習など多くの分野で使われています。"),
(["tkinter", "tk"],
"tkinter は Python 標準の GUI ライブラリです。クロスプラットフォームで動作します。"),
(["天気"],
"申し訳ありませんが、私はリアルタイムの天気情報を持っていません。"),
(["助けて", "help", "ヘルプ"],
"お手伝いします！質問をどうぞ。"),
(["時間", "日付", "今日"],
f"現在の日時は {datetime.now().strftime('%Y年%m月%d日 %H:%M')} です。"),
(["バイバイ", "さようなら", "bye", "goodbye"],
"またね！いつでも話しかけてください 👋"),
]
DEFAULT_REPLY = "なるほど、興味深いですね。もう少し詳しく教えてもらえますか？"
def rule_reply(text: str) -> str:
lower = text.lower()
for keywords, reply in RULES:
if any(kw in lower for kw in keywords):
# 時刻は毎回更新
if "時間" in reply or "日付" in reply or "今日" in reply:
return f"現在の日時は {datetime.now().strftime('%Y年%m月%d日 %H:%M')} です。"
return reply
return DEFAULT_REPLY
def ollama_reply(model: str, messages: list, timeout: int = 30) -> str:
"""Ollama REST API に送信して応答を取得 (ローカルのみ)"""
url = "http://localhost:11434/api/chat"
payload = json.dumps({"model": model, "messages": messages,
"stream": False}).encode()
req = urllib.request.Request(
url, data=payload,
headers={"Content-Type": "application/json"},
method="POST")
with urllib.request.urlopen(req, timeout=timeout) as resp:
data = json.loads(resp.read())
return data["message"]["content"]
class App100:
"""チャットボットUI"""
MODES = ["ルールベース", "Ollama (ローカル)"]
THEMES = {
"ダーク": {"bg": "#0d1117", "header": "#161b22", "chat_bg": "#0d1117",
"user_bg": "#1f6feb", "bot_bg": "#21262d",
"user_fg": "#ffffff", "bot_fg": "#c9d1d9", "input_bg": "#161b22"},
"ライト": {"bg": "#f6f8fa", "header": "#ffffff", "chat_bg": "#ffffff",
"user_bg": "#0550ae", "bot_bg": "#eaeef2",
"user_fg": "#ffffff", "bot_fg": "#24292f", "input_bg": "#ffffff"},
}
def __init__(self, root):
self.root = root
self.root.title("チャットボットUI")
self.root.geometry("780x620")
self._history = [] # [{"role": "user"|"bot", "content": ..., "ts": ...}]
self._ollama_messages = [] # for Ollama API context
self._theme = "ダーク"
self._build_ui()
self._load_history()
def _build_ui(self):
self._th = self.THEMES[self._theme]
th = self._th
self.root.configure(bg=th["bg"])
# ヘッダー
self.header = tk.Frame(self.root, bg=th["header"], pady=8)
self.header.pack(fill=tk.X)
self.title_lbl = tk.Label(self.header, text="🤖 チャットボットUI",
font=("Noto Sans JP", 13, "bold"),
bg=th["header"], fg="#4fc3f7")
self.title_lbl.pack(side=tk.LEFT, padx=12)
# 設定ボタン群
tk.Label(self.header, text="モード:", bg=th["header"], fg="#8b949e",
font=("Arial", 9)).pack(side=tk.LEFT, padx=(8, 2))
self.mode_var = tk.StringVar(value="ルールベース")
self.mode_cb = ttk.Combobox(self.header, textvariable=self.mode_var,
values=self.MODES, state="readonly", width=16)
self.mode_cb.pack(side=tk.LEFT)
tk.Label(self.header, text="Ollamaモデル:", bg=th["header"], fg="#8b949e",
font=("Arial", 9)).pack(side=tk.LEFT, padx=(8, 2))
self.model_var = tk.StringVar(value="llama3")
ttk.Entry(self.header, textvariable=self.model_var, width=10).pack(side=tk.LEFT)
ttk.Button(self.header, text="🎨",
command=self._toggle_theme).pack(side=tk.RIGHT, padx=4)
ttk.Button(self.header, text="💾",
command=self._save_history).pack(side=tk.RIGHT, padx=2)
ttk.Button(self.header, text="🗑",
command=self._clear_history).pack(side=tk.RIGHT, padx=2)
# チャットエリア (Canvas + Scrollbar で仮想スクロール)
self.chat_frame_outer = tk.Frame(self.root, bg=th["chat_bg"])
self.chat_frame_outer.pack(fill=tk.BOTH, expand=True, padx=0, pady=0)
self.canvas = tk.Canvas(self.chat_frame_outer, bg=th["chat_bg"],
highlightthickness=0)
vsb = ttk.Scrollbar(self.chat_frame_outer, command=self.canvas.yview)
self.canvas.configure(yscrollcommand=vsb.set)
vsb.pack(side=tk.RIGHT, fill=tk.Y)
self.canvas.pack(fill=tk.BOTH, expand=True)
self.chat_inner = tk.Frame(self.canvas, bg=th["chat_bg"])
self._cwin = self.canvas.create_window((0, 0), window=self.chat_inner,
anchor="nw")
self.chat_inner.bind("<Configure>",
lambda e: (self.canvas.configure(
scrollregion=self.canvas.bbox("all")),
self.canvas.itemconfig(
self._cwin, width=self.canvas.winfo_width())))
self.canvas.bind("<Configure>",
lambda e: self.canvas.itemconfig(
self._cwin, width=e.width))
# ウェルカムメッセージ
self._add_bubble("bot",
"こんにちは！私はチャットボットです。\n"
"何でも話しかけてください。")
# 入力エリア
input_f = tk.Frame(self.root, bg=th["input_bg"], pady=6)
input_f.pack(fill=tk.X, padx=0)
self.input_text = tk.Text(input_f, height=3, bg=th["input_bg"],
fg=th["bot_fg"],
font=("Arial", 11), relief=tk.FLAT,
insertbackground=th["bot_fg"],
wrap=tk.WORD)
self.input_text.pack(side=tk.LEFT, fill=tk.X, expand=True, padx=(12, 4))
self.input_text.bind("<Return>", self._on_enter)
self.input_text.bind("<Shift-Return>", lambda e: None)
tk.Button(input_f, text="送信 ↵",
command=self._send,
bg="#1565c0", fg="white", relief=tk.FLAT,
font=("Arial", 10, "bold"), padx=14, pady=6,
activebackground="#0d47a1", bd=0).pack(side=tk.LEFT, padx=4)
# クイック返信候補
quick_f = tk.Frame(self.root, bg=th["bg"])
quick_f.pack(fill=tk.X, padx=8, pady=(2, 4))
for q in ["こんにちは", "Pythonについて教えて", "今日の日時は?", "ありがとう"]:
tk.Button(quick_f, text=q, command=lambda t=q: self._quick_send(t),
bg=th["header"], fg="#8b949e", relief=tk.FLAT,
font=("Arial", 8), padx=6, pady=2,
activebackground=th["bot_bg"], bd=0).pack(
side=tk.LEFT, padx=2)
self.status_var = tk.StringVar(value="準備完了")
self.status_lbl = tk.Label(self.root, textvariable=self.status_var,
bg=th["header"], fg="#8b949e",
font=("Arial", 9), anchor="w", padx=8)
self.status_lbl.pack(fill=tk.X, side=tk.BOTTOM)
def _add_bubble(self, role: str, content: str):
th = self._th
is_user = (role == "user")
outer = tk.Frame(self.chat_inner, bg=th["chat_bg"])
outer.pack(fill=tk.X, padx=8, pady=3)
bg = th["user_bg"] if is_user else th["bot_bg"]
fg = th["user_fg"] if is_user else th["bot_fg"]
side = tk.RIGHT if is_user else tk.LEFT
icon = "🧑" if is_user else "🤖"
tk.Label(outer, text=icon, bg=th["chat_bg"],
font=("Arial", 14)).pack(side=side, anchor="n", padx=(0, 4))
bubble = tk.Frame(outer, bg=bg, padx=10, pady=6)
bubble.pack(side=side, anchor="n")
tk.Label(bubble, text=content, bg=bg, fg=fg,
font=("Arial", 10), justify=tk.LEFT,
wraplength=480, anchor="w").pack(anchor="w")
ts = datetime.now().strftime("%H:%M")
tk.Label(bubble, text=ts, bg=bg, fg="#777",
font=("Arial", 7)).pack(anchor="e")
self._history.append({"role": role, "content": content,
"ts": datetime.now().isoformat()})
# スクロールを最下部へ
self.root.after(50, lambda: self.canvas.yview_moveto(1.0))
def _on_enter(self, event):
if not (event.state & 0x1): # Shift押下中でなければ送信
self._send()
return "break"
def _send(self):
text = self.input_text.get("1.0", tk.END).strip()
if not text:
return
self.input_text.delete("1.0", tk.END)
self._add_bubble("user", text)
self.status_var.set("応答中...")
threading.Thread(target=self._get_reply, args=(text,), daemon=True).start()
def _quick_send(self, text: str):
self.input_text.delete("1.0", tk.END)
self.input_text.insert("1.0", text)
self._send()
def _get_reply(self, user_text: str):
mode = self.mode_var.get()
try:
if mode == "Ollama (ローカル)":
self._ollama_messages.append({"role": "user", "content": user_text})
reply = ollama_reply(self.model_var.get(), self._ollama_messages)
self._ollama_messages.append({"role": "assistant", "content": reply})
else:
reply = rule_reply(user_text)
except urllib.error.URLError:
reply = "Ollama に接続できません。localhost:11434 でサービスが起動しているか確認してください。"
except Exception as e:
reply = f"エラーが発生しました: {e}"
self.root.after(0, self._add_bubble, "bot", reply)
self.root.after(0, self.status_var.set, "準備完了")
def _toggle_theme(self):
self._theme = "ライト" if self._theme == "ダーク" else "ダーク"
# ウィンドウを再構築（簡易）
for widget in self.root.winfo_children():
widget.destroy()
self._build_ui()
for msg in self._history:
if msg["role"] != "bot" or "こんにちは！私はチャットボット" not in msg["content"]:
self._add_bubble(msg["role"], msg["content"])
def _clear_history(self):
if messagebox.askyesno("確認", "履歴を全て削除しますか？"):
self._history.clear()
self._ollama_messages.clear()
for widget in self.chat_inner.winfo_children():
widget.destroy()
self._add_bubble("bot", "履歴をクリアしました。また話しかけてください！")
def _save_history(self):
path = filedialog.asksaveasfilename(
defaultextension=".json",
filetypes=[("JSON", "*.json")])
if not path:
return
try:
with open(path, "w", encoding="utf-8") as f:
json.dump(self._history, f, ensure_ascii=False, indent=2)
messagebox.showinfo("完了", f"保存: {path}")
except Exception as e:
messagebox.showerror("エラー", str(e))
def _load_history(self):
if os.path.exists(SAVE_PATH):
try:
with open(SAVE_PATH, encoding="utf-8") as f:
self._history = json.load(f)
# 過去の会話を再表示 (最新50件)
for msg in self._history[-50:]:
self._add_bubble(msg["role"], msg["content"])
except Exception:
self._history = []
def _auto_save(self):
try:
with open(SAVE_PATH, "w", encoding="utf-8") as f:
json.dump(self._history[-200:], f, ensure_ascii=False)
except Exception:
pass
if __name__ == "__main__":
root = tk.Tk()
app = App100(root)
root.mainloop()
5. コード解説
音声録音・再生アプリのコードを詳しく解説します。クラスベースの設計で各機能を整理して実装しています。
クラス設計とコンストラクタ
App100クラスにアプリの全機能をまとめています。__init__でウィンドウ設定、_build_ui()でUI構築、process()でメイン処理を担当します。責任の分離により、コードが読みやすくなります。
import tkinter as tk
from tkinter import ttk, messagebox, filedialog
import json
import os
import threading
import urllib.request
import urllib.error
from datetime import datetime
# ────────────────────────────────────────────────────────────────
# ボット設定: Ollama (ローカル) または シンプルルールベースで動作
# pip install requests は不要 — urllib.request のみ使用
# ────────────────────────────────────────────────────────────────
SAVE_PATH = os.path.join(os.path.dirname(__file__), "chatbot_history.json")
# ────── ルールベースフォールバック ──────
RULES = [
(["こんにちは", "hello", "hi", "はじめまして"],
"こんにちは！何かお手伝いできることはありますか？"),
(["ありがとう", "thank", "感謝"],
"どういたしまして！他にご質問があればお気軽にどうぞ。"),
(["python", "パイソン"],
"Python は汎用プログラミング言語で、データ分析・Web開発・機械学習など多くの分野で使われています。"),
(["tkinter", "tk"],
"tkinter は Python 標準の GUI ライブラリです。クロスプラットフォームで動作します。"),
(["天気"],
"申し訳ありませんが、私はリアルタイムの天気情報を持っていません。"),
(["助けて", "help", "ヘルプ"],
"お手伝いします！質問をどうぞ。"),
(["時間", "日付", "今日"],
f"現在の日時は {datetime.now().strftime('%Y年%m月%d日 %H:%M')} です。"),
(["バイバイ", "さようなら", "bye", "goodbye"],
"またね！いつでも話しかけてください 👋"),
]
DEFAULT_REPLY = "なるほど、興味深いですね。もう少し詳しく教えてもらえますか？"
def rule_reply(text: str) -> str:
lower = text.lower()
for keywords, reply in RULES:
if any(kw in lower for kw in keywords):
# 時刻は毎回更新
if "時間" in reply or "日付" in reply or "今日" in reply:
return f"現在の日時は {datetime.now().strftime('%Y年%m月%d日 %H:%M')} です。"
return reply
return DEFAULT_REPLY
def ollama_reply(model: str, messages: list, timeout: int = 30) -> str:
"""Ollama REST API に送信して応答を取得 (ローカルのみ)"""
url = "http://localhost:11434/api/chat"
payload = json.dumps({"model": model, "messages": messages,
"stream": False}).encode()
req = urllib.request.Request(
url, data=payload,
headers={"Content-Type": "application/json"},
method="POST")
with urllib.request.urlopen(req, timeout=timeout) as resp:
data = json.loads(resp.read())
return data["message"]["content"]
class App100:
"""チャットボットUI"""
MODES = ["ルールベース", "Ollama (ローカル)"]
THEMES = {
"ダーク": {"bg": "#0d1117", "header": "#161b22", "chat_bg": "#0d1117",
"user_bg": "#1f6feb", "bot_bg": "#21262d",
"user_fg": "#ffffff", "bot_fg": "#c9d1d9", "input_bg": "#161b22"},
"ライト": {"bg": "#f6f8fa", "header": "#ffffff", "chat_bg": "#ffffff",
"user_bg": "#0550ae", "bot_bg": "#eaeef2",
"user_fg": "#ffffff", "bot_fg": "#24292f", "input_bg": "#ffffff"},
}
def __init__(self, root):
self.root = root
self.root.title("チャットボットUI")
self.root.geometry("780x620")
self._history = [] # [{"role": "user"|"bot", "content": ..., "ts": ...}]
self._ollama_messages = [] # for Ollama API context
self._theme = "ダーク"
self._build_ui()
self._load_history()
def _build_ui(self):
self._th = self.THEMES[self._theme]
th = self._th
self.root.configure(bg=th["bg"])
# ヘッダー
self.header = tk.Frame(self.root, bg=th["header"], pady=8)
self.header.pack(fill=tk.X)
self.title_lbl = tk.Label(self.header, text="🤖 チャットボットUI",
font=("Noto Sans JP", 13, "bold"),
bg=th["header"], fg="#4fc3f7")
self.title_lbl.pack(side=tk.LEFT, padx=12)
# 設定ボタン群
tk.Label(self.header, text="モード:", bg=th["header"], fg="#8b949e",
font=("Arial", 9)).pack(side=tk.LEFT, padx=(8, 2))
self.mode_var = tk.StringVar(value="ルールベース")
self.mode_cb = ttk.Combobox(self.header, textvariable=self.mode_var,
values=self.MODES, state="readonly", width=16)
self.mode_cb.pack(side=tk.LEFT)
tk.Label(self.header, text="Ollamaモデル:", bg=th["header"], fg="#8b949e",
font=("Arial", 9)).pack(side=tk.LEFT, padx=(8, 2))
self.model_var = tk.StringVar(value="llama3")
ttk.Entry(self.header, textvariable=self.model_var, width=10).pack(side=tk.LEFT)
ttk.Button(self.header, text="🎨",
command=self._toggle_theme).pack(side=tk.RIGHT, padx=4)
ttk.Button(self.header, text="💾",
command=self._save_history).pack(side=tk.RIGHT, padx=2)
ttk.Button(self.header, text="🗑",
command=self._clear_history).pack(side=tk.RIGHT, padx=2)
# チャットエリア (Canvas + Scrollbar で仮想スクロール)
self.chat_frame_outer = tk.Frame(self.root, bg=th["chat_bg"])
self.chat_frame_outer.pack(fill=tk.BOTH, expand=True, padx=0, pady=0)
self.canvas = tk.Canvas(self.chat_frame_outer, bg=th["chat_bg"],
highlightthickness=0)
vsb = ttk.Scrollbar(self.chat_frame_outer, command=self.canvas.yview)
self.canvas.configure(yscrollcommand=vsb.set)
vsb.pack(side=tk.RIGHT, fill=tk.Y)
self.canvas.pack(fill=tk.BOTH, expand=True)
self.chat_inner = tk.Frame(self.canvas, bg=th["chat_bg"])
self._cwin = self.canvas.create_window((0, 0), window=self.chat_inner,
anchor="nw")
self.chat_inner.bind("<Configure>",
lambda e: (self.canvas.configure(
scrollregion=self.canvas.bbox("all")),
self.canvas.itemconfig(
self._cwin, width=self.canvas.winfo_width())))
self.canvas.bind("<Configure>",
lambda e: self.canvas.itemconfig(
self._cwin, width=e.width))
# ウェルカムメッセージ
self._add_bubble("bot",
"こんにちは！私はチャットボットです。\n"
"何でも話しかけてください。")
# 入力エリア
input_f = tk.Frame(self.root, bg=th["input_bg"], pady=6)
input_f.pack(fill=tk.X, padx=0)
self.input_text = tk.Text(input_f, height=3, bg=th["input_bg"],
fg=th["bot_fg"],
font=("Arial", 11), relief=tk.FLAT,
insertbackground=th["bot_fg"],
wrap=tk.WORD)
self.input_text.pack(side=tk.LEFT, fill=tk.X, expand=True, padx=(12, 4))
self.input_text.bind("<Return>", self._on_enter)
self.input_text.bind("<Shift-Return>", lambda e: None)
tk.Button(input_f, text="送信 ↵",
command=self._send,
bg="#1565c0", fg="white", relief=tk.FLAT,
font=("Arial", 10, "bold"), padx=14, pady=6,
activebackground="#0d47a1", bd=0).pack(side=tk.LEFT, padx=4)
# クイック返信候補
quick_f = tk.Frame(self.root, bg=th["bg"])
quick_f.pack(fill=tk.X, padx=8, pady=(2, 4))
for q in ["こんにちは", "Pythonについて教えて", "今日の日時は?", "ありがとう"]:
tk.Button(quick_f, text=q, command=lambda t=q: self._quick_send(t),
bg=th["header"], fg="#8b949e", relief=tk.FLAT,
font=("Arial", 8), padx=6, pady=2,
activebackground=th["bot_bg"], bd=0).pack(
side=tk.LEFT, padx=2)
self.status_var = tk.StringVar(value="準備完了")
self.status_lbl = tk.Label(self.root, textvariable=self.status_var,
bg=th["header"], fg="#8b949e",
font=("Arial", 9), anchor="w", padx=8)
self.status_lbl.pack(fill=tk.X, side=tk.BOTTOM)
def _add_bubble(self, role: str, content: str):
th = self._th
is_user = (role == "user")
outer = tk.Frame(self.chat_inner, bg=th["chat_bg"])
outer.pack(fill=tk.X, padx=8, pady=3)
bg = th["user_bg"] if is_user else th["bot_bg"]
fg = th["user_fg"] if is_user else th["bot_fg"]
side = tk.RIGHT if is_user else tk.LEFT
icon = "🧑" if is_user else "🤖"
tk.Label(outer, text=icon, bg=th["chat_bg"],
font=("Arial", 14)).pack(side=side, anchor="n", padx=(0, 4))
bubble = tk.Frame(outer, bg=bg, padx=10, pady=6)
bubble.pack(side=side, anchor="n")
tk.Label(bubble, text=content, bg=bg, fg=fg,
font=("Arial", 10), justify=tk.LEFT,
wraplength=480, anchor="w").pack(anchor="w")
ts = datetime.now().strftime("%H:%M")
tk.Label(bubble, text=ts, bg=bg, fg="#777",
font=("Arial", 7)).pack(anchor="e")
self._history.append({"role": role, "content": content,
"ts": datetime.now().isoformat()})
# スクロールを最下部へ
self.root.after(50, lambda: self.canvas.yview_moveto(1.0))
def _on_enter(self, event):
if not (event.state & 0x1): # Shift押下中でなければ送信
self._send()
return "break"
def _send(self):
text = self.input_text.get("1.0", tk.END).strip()
if not text:
return
self.input_text.delete("1.0", tk.END)
self._add_bubble("user", text)
self.status_var.set("応答中...")
threading.Thread(target=self._get_reply, args=(text,), daemon=True).start()
def _quick_send(self, text: str):
self.input_text.delete("1.0", tk.END)
self.input_text.insert("1.0", text)
self._send()
def _get_reply(self, user_text: str):
mode = self.mode_var.get()
try:
if mode == "Ollama (ローカル)":
self._ollama_messages.append({"role": "user", "content": user_text})
reply = ollama_reply(self.model_var.get(), self._ollama_messages)
self._ollama_messages.append({"role": "assistant", "content": reply})
else:
reply = rule_reply(user_text)
except urllib.error.URLError:
reply = "Ollama に接続できません。localhost:11434 でサービスが起動しているか確認してください。"
except Exception as e:
reply = f"エラーが発生しました: {e}"
self.root.after(0, self._add_bubble, "bot", reply)
self.root.after(0, self.status_var.set, "準備完了")
def _toggle_theme(self):
self._theme = "ライト" if self._theme == "ダーク" else "ダーク"
# ウィンドウを再構築（簡易）
for widget in self.root.winfo_children():
widget.destroy()
self._build_ui()
for msg in self._history:
if msg["role"] != "bot" or "こんにちは！私はチャットボット" not in msg["content"]:
self._add_bubble(msg["role"], msg["content"])
def _clear_history(self):
if messagebox.askyesno("確認", "履歴を全て削除しますか？"):
self._history.clear()
self._ollama_messages.clear()
for widget in self.chat_inner.winfo_children():
widget.destroy()
self._add_bubble("bot", "履歴をクリアしました。また話しかけてください！")
def _save_history(self):
path = filedialog.asksaveasfilename(
defaultextension=".json",
filetypes=[("JSON", "*.json")])
if not path:
return
try:
with open(path, "w", encoding="utf-8") as f:
json.dump(self._history, f, ensure_ascii=False, indent=2)
messagebox.showinfo("完了", f"保存: {path}")
except Exception as e:
messagebox.showerror("エラー", str(e))
def _load_history(self):
if os.path.exists(SAVE_PATH):
try:
with open(SAVE_PATH, encoding="utf-8") as f:
self._history = json.load(f)
# 過去の会話を再表示 (最新50件)
for msg in self._history[-50:]:
self._add_bubble(msg["role"], msg["content"])
except Exception:
self._history = []
def _auto_save(self):
try:
with open(SAVE_PATH, "w", encoding="utf-8") as f:
json.dump(self._history[-200:], f, ensure_ascii=False)
except Exception:
pass
if __name__ == "__main__":
root = tk.Tk()
app = App100(root)
root.mainloop()
UIレイアウトの構築
LabelFrameで入力エリアと結果エリアを視覚的に分けています。pack()で縦に並べ、expand=Trueで結果エリアが画面いっぱいに広がるよう設定しています。
import tkinter as tk
from tkinter import ttk, messagebox, filedialog
import json
import os
import threading
import urllib.request
import urllib.error
from datetime import datetime
# ────────────────────────────────────────────────────────────────
# ボット設定: Ollama (ローカル) または シンプルルールベースで動作
# pip install requests は不要 — urllib.request のみ使用
# ────────────────────────────────────────────────────────────────
SAVE_PATH = os.path.join(os.path.dirname(__file__), "chatbot_history.json")
# ────── ルールベースフォールバック ──────
RULES = [
(["こんにちは", "hello", "hi", "はじめまして"],
"こんにちは！何かお手伝いできることはありますか？"),
(["ありがとう", "thank", "感謝"],
"どういたしまして！他にご質問があればお気軽にどうぞ。"),
(["python", "パイソン"],
"Python は汎用プログラミング言語で、データ分析・Web開発・機械学習など多くの分野で使われています。"),
(["tkinter", "tk"],
"tkinter は Python 標準の GUI ライブラリです。クロスプラットフォームで動作します。"),
(["天気"],
"申し訳ありませんが、私はリアルタイムの天気情報を持っていません。"),
(["助けて", "help", "ヘルプ"],
"お手伝いします！質問をどうぞ。"),
(["時間", "日付", "今日"],
f"現在の日時は {datetime.now().strftime('%Y年%m月%d日 %H:%M')} です。"),
(["バイバイ", "さようなら", "bye", "goodbye"],
"またね！いつでも話しかけてください 👋"),
]
DEFAULT_REPLY = "なるほど、興味深いですね。もう少し詳しく教えてもらえますか？"
def rule_reply(text: str) -> str:
lower = text.lower()
for keywords, reply in RULES:
if any(kw in lower for kw in keywords):
# 時刻は毎回更新
if "時間" in reply or "日付" in reply or "今日" in reply:
return f"現在の日時は {datetime.now().strftime('%Y年%m月%d日 %H:%M')} です。"
return reply
return DEFAULT_REPLY
def ollama_reply(model: str, messages: list, timeout: int = 30) -> str:
"""Ollama REST API に送信して応答を取得 (ローカルのみ)"""
url = "http://localhost:11434/api/chat"
payload = json.dumps({"model": model, "messages": messages,
"stream": False}).encode()
req = urllib.request.Request(
url, data=payload,
headers={"Content-Type": "application/json"},
method="POST")
with urllib.request.urlopen(req, timeout=timeout) as resp:
data = json.loads(resp.read())
return data["message"]["content"]
class App100:
"""チャットボットUI"""
MODES = ["ルールベース", "Ollama (ローカル)"]
THEMES = {
"ダーク": {"bg": "#0d1117", "header": "#161b22", "chat_bg": "#0d1117",
"user_bg": "#1f6feb", "bot_bg": "#21262d",
"user_fg": "#ffffff", "bot_fg": "#c9d1d9", "input_bg": "#161b22"},
"ライト": {"bg": "#f6f8fa", "header": "#ffffff", "chat_bg": "#ffffff",
"user_bg": "#0550ae", "bot_bg": "#eaeef2",
"user_fg": "#ffffff", "bot_fg": "#24292f", "input_bg": "#ffffff"},
}
def __init__(self, root):
self.root = root
self.root.title("チャットボットUI")
self.root.geometry("780x620")
self._history = [] # [{"role": "user"|"bot", "content": ..., "ts": ...}]
self._ollama_messages = [] # for Ollama API context
self._theme = "ダーク"
self._build_ui()
self._load_history()
def _build_ui(self):
self._th = self.THEMES[self._theme]
th = self._th
self.root.configure(bg=th["bg"])
# ヘッダー
self.header = tk.Frame(self.root, bg=th["header"], pady=8)
self.header.pack(fill=tk.X)
self.title_lbl = tk.Label(self.header, text="🤖 チャットボットUI",
font=("Noto Sans JP", 13, "bold"),
bg=th["header"], fg="#4fc3f7")
self.title_lbl.pack(side=tk.LEFT, padx=12)
# 設定ボタン群
tk.Label(self.header, text="モード:", bg=th["header"], fg="#8b949e",
font=("Arial", 9)).pack(side=tk.LEFT, padx=(8, 2))
self.mode_var = tk.StringVar(value="ルールベース")
self.mode_cb = ttk.Combobox(self.header, textvariable=self.mode_var,
values=self.MODES, state="readonly", width=16)
self.mode_cb.pack(side=tk.LEFT)
tk.Label(self.header, text="Ollamaモデル:", bg=th["header"], fg="#8b949e",
font=("Arial", 9)).pack(side=tk.LEFT, padx=(8, 2))
self.model_var = tk.StringVar(value="llama3")
ttk.Entry(self.header, textvariable=self.model_var, width=10).pack(side=tk.LEFT)
ttk.Button(self.header, text="🎨",
command=self._toggle_theme).pack(side=tk.RIGHT, padx=4)
ttk.Button(self.header, text="💾",
command=self._save_history).pack(side=tk.RIGHT, padx=2)
ttk.Button(self.header, text="🗑",
command=self._clear_history).pack(side=tk.RIGHT, padx=2)
# チャットエリア (Canvas + Scrollbar で仮想スクロール)
self.chat_frame_outer = tk.Frame(self.root, bg=th["chat_bg"])
self.chat_frame_outer.pack(fill=tk.BOTH, expand=True, padx=0, pady=0)
self.canvas = tk.Canvas(self.chat_frame_outer, bg=th["chat_bg"],
highlightthickness=0)
vsb = ttk.Scrollbar(self.chat_frame_outer, command=self.canvas.yview)
self.canvas.configure(yscrollcommand=vsb.set)
vsb.pack(side=tk.RIGHT, fill=tk.Y)
self.canvas.pack(fill=tk.BOTH, expand=True)
self.chat_inner = tk.Frame(self.canvas, bg=th["chat_bg"])
self._cwin = self.canvas.create_window((0, 0), window=self.chat_inner,
anchor="nw")
self.chat_inner.bind("<Configure>",
lambda e: (self.canvas.configure(
scrollregion=self.canvas.bbox("all")),
self.canvas.itemconfig(
self._cwin, width=self.canvas.winfo_width())))
self.canvas.bind("<Configure>",
lambda e: self.canvas.itemconfig(
self._cwin, width=e.width))
# ウェルカムメッセージ
self._add_bubble("bot",
"こんにちは！私はチャットボットです。\n"
"何でも話しかけてください。")
# 入力エリア
input_f = tk.Frame(self.root, bg=th["input_bg"], pady=6)
input_f.pack(fill=tk.X, padx=0)
self.input_text = tk.Text(input_f, height=3, bg=th["input_bg"],
fg=th["bot_fg"],
font=("Arial", 11), relief=tk.FLAT,
insertbackground=th["bot_fg"],
wrap=tk.WORD)
self.input_text.pack(side=tk.LEFT, fill=tk.X, expand=True, padx=(12, 4))
self.input_text.bind("<Return>", self._on_enter)
self.input_text.bind("<Shift-Return>", lambda e: None)
tk.Button(input_f, text="送信 ↵",
command=self._send,
bg="#1565c0", fg="white", relief=tk.FLAT,
font=("Arial", 10, "bold"), padx=14, pady=6,
activebackground="#0d47a1", bd=0).pack(side=tk.LEFT, padx=4)
# クイック返信候補
quick_f = tk.Frame(self.root, bg=th["bg"])
quick_f.pack(fill=tk.X, padx=8, pady=(2, 4))
for q in ["こんにちは", "Pythonについて教えて", "今日の日時は?", "ありがとう"]:
tk.Button(quick_f, text=q, command=lambda t=q: self._quick_send(t),
bg=th["header"], fg="#8b949e", relief=tk.FLAT,
font=("Arial", 8), padx=6, pady=2,
activebackground=th["bot_bg"], bd=0).pack(
side=tk.LEFT, padx=2)
self.status_var = tk.StringVar(value="準備完了")
self.status_lbl = tk.Label(self.root, textvariable=self.status_var,
bg=th["header"], fg="#8b949e",
font=("Arial", 9), anchor="w", padx=8)
self.status_lbl.pack(fill=tk.X, side=tk.BOTTOM)
def _add_bubble(self, role: str, content: str):
th = self._th
is_user = (role == "user")
outer = tk.Frame(self.chat_inner, bg=th["chat_bg"])
outer.pack(fill=tk.X, padx=8, pady=3)
bg = th["user_bg"] if is_user else th["bot_bg"]
fg = th["user_fg"] if is_user else th["bot_fg"]
side = tk.RIGHT if is_user else tk.LEFT
icon = "🧑" if is_user else "🤖"
tk.Label(outer, text=icon, bg=th["chat_bg"],
font=("Arial", 14)).pack(side=side, anchor="n", padx=(0, 4))
bubble = tk.Frame(outer, bg=bg, padx=10, pady=6)
bubble.pack(side=side, anchor="n")
tk.Label(bubble, text=content, bg=bg, fg=fg,
font=("Arial", 10), justify=tk.LEFT,
wraplength=480, anchor="w").pack(anchor="w")
ts = datetime.now().strftime("%H:%M")
tk.Label(bubble, text=ts, bg=bg, fg="#777",
font=("Arial", 7)).pack(anchor="e")
self._history.append({"role": role, "content": content,
"ts": datetime.now().isoformat()})
# スクロールを最下部へ
self.root.after(50, lambda: self.canvas.yview_moveto(1.0))
def _on_enter(self, event):
if not (event.state & 0x1): # Shift押下中でなければ送信
self._send()
return "break"
def _send(self):
text = self.input_text.get("1.0", tk.END).strip()
if not text:
return
self.input_text.delete("1.0", tk.END)
self._add_bubble("user", text)
self.status_var.set("応答中...")
threading.Thread(target=self._get_reply, args=(text,), daemon=True).start()
def _quick_send(self, text: str):
self.input_text.delete("1.0", tk.END)
self.input_text.insert("1.0", text)
self._send()
def _get_reply(self, user_text: str):
mode = self.mode_var.get()
try:
if mode == "Ollama (ローカル)":
self._ollama_messages.append({"role": "user", "content": user_text})
reply = ollama_reply(self.model_var.get(), self._ollama_messages)
self._ollama_messages.append({"role": "assistant", "content": reply})
else:
reply = rule_reply(user_text)
except urllib.error.URLError:
reply = "Ollama に接続できません。localhost:11434 でサービスが起動しているか確認してください。"
except Exception as e:
reply = f"エラーが発生しました: {e}"
self.root.after(0, self._add_bubble, "bot", reply)
self.root.after(0, self.status_var.set, "準備完了")
def _toggle_theme(self):
self._theme = "ライト" if self._theme == "ダーク" else "ダーク"
# ウィンドウを再構築（簡易）
for widget in self.root.winfo_children():
widget.destroy()
self._build_ui()
for msg in self._history:
if msg["role"] != "bot" or "こんにちは！私はチャットボット" not in msg["content"]:
self._add_bubble(msg["role"], msg["content"])
def _clear_history(self):
if messagebox.askyesno("確認", "履歴を全て削除しますか？"):
self._history.clear()
self._ollama_messages.clear()
for widget in self.chat_inner.winfo_children():
widget.destroy()
self._add_bubble("bot", "履歴をクリアしました。また話しかけてください！")
def _save_history(self):
path = filedialog.asksaveasfilename(
defaultextension=".json",
filetypes=[("JSON", "*.json")])
if not path:
return
try:
with open(path, "w", encoding="utf-8") as f:
json.dump(self._history, f, ensure_ascii=False, indent=2)
messagebox.showinfo("完了", f"保存: {path}")
except Exception as e:
messagebox.showerror("エラー", str(e))
def _load_history(self):
if os.path.exists(SAVE_PATH):
try:
with open(SAVE_PATH, encoding="utf-8") as f:
self._history = json.load(f)
# 過去の会話を再表示 (最新50件)
for msg in self._history[-50:]:
self._add_bubble(msg["role"], msg["content"])
except Exception:
self._history = []
def _auto_save(self):
try:
with open(SAVE_PATH, "w", encoding="utf-8") as f:
json.dump(self._history[-200:], f, ensure_ascii=False)
except Exception:
pass
if __name__ == "__main__":
root = tk.Tk()
app = App100(root)
root.mainloop()
イベント処理
ボタンのcommand引数でクリックイベントを、bind('
import tkinter as tk
from tkinter import ttk, messagebox, filedialog
import json
import os
import threading
import urllib.request
import urllib.error
from datetime import datetime
# ────────────────────────────────────────────────────────────────
# ボット設定: Ollama (ローカル) または シンプルルールベースで動作
# pip install requests は不要 — urllib.request のみ使用
# ────────────────────────────────────────────────────────────────
SAVE_PATH = os.path.join(os.path.dirname(__file__), "chatbot_history.json")
# ────── ルールベースフォールバック ──────
RULES = [
(["こんにちは", "hello", "hi", "はじめまして"],
"こんにちは！何かお手伝いできることはありますか？"),
(["ありがとう", "thank", "感謝"],
"どういたしまして！他にご質問があればお気軽にどうぞ。"),
(["python", "パイソン"],
"Python は汎用プログラミング言語で、データ分析・Web開発・機械学習など多くの分野で使われています。"),
(["tkinter", "tk"],
"tkinter は Python 標準の GUI ライブラリです。クロスプラットフォームで動作します。"),
(["天気"],
"申し訳ありませんが、私はリアルタイムの天気情報を持っていません。"),
(["助けて", "help", "ヘルプ"],
"お手伝いします！質問をどうぞ。"),
(["時間", "日付", "今日"],
f"現在の日時は {datetime.now().strftime('%Y年%m月%d日 %H:%M')} です。"),
(["バイバイ", "さようなら", "bye", "goodbye"],
"またね！いつでも話しかけてください 👋"),
]
DEFAULT_REPLY = "なるほど、興味深いですね。もう少し詳しく教えてもらえますか？"
def rule_reply(text: str) -> str:
lower = text.lower()
for keywords, reply in RULES:
if any(kw in lower for kw in keywords):
# 時刻は毎回更新
if "時間" in reply or "日付" in reply or "今日" in reply:
return f"現在の日時は {datetime.now().strftime('%Y年%m月%d日 %H:%M')} です。"
return reply
return DEFAULT_REPLY
def ollama_reply(model: str, messages: list, timeout: int = 30) -> str:
"""Ollama REST API に送信して応答を取得 (ローカルのみ)"""
url = "http://localhost:11434/api/chat"
payload = json.dumps({"model": model, "messages": messages,
"stream": False}).encode()
req = urllib.request.Request(
url, data=payload,
headers={"Content-Type": "application/json"},
method="POST")
with urllib.request.urlopen(req, timeout=timeout) as resp:
data = json.loads(resp.read())
return data["message"]["content"]
class App100:
"""チャットボットUI"""
MODES = ["ルールベース", "Ollama (ローカル)"]
THEMES = {
"ダーク": {"bg": "#0d1117", "header": "#161b22", "chat_bg": "#0d1117",
"user_bg": "#1f6feb", "bot_bg": "#21262d",
"user_fg": "#ffffff", "bot_fg": "#c9d1d9", "input_bg": "#161b22"},
"ライト": {"bg": "#f6f8fa", "header": "#ffffff", "chat_bg": "#ffffff",
"user_bg": "#0550ae", "bot_bg": "#eaeef2",
"user_fg": "#ffffff", "bot_fg": "#24292f", "input_bg": "#ffffff"},
}
def __init__(self, root):
self.root = root
self.root.title("チャットボットUI")
self.root.geometry("780x620")
self._history = [] # [{"role": "user"|"bot", "content": ..., "ts": ...}]
self._ollama_messages = [] # for Ollama API context
self._theme = "ダーク"
self._build_ui()
self._load_history()
def _build_ui(self):
self._th = self.THEMES[self._theme]
th = self._th
self.root.configure(bg=th["bg"])
# ヘッダー
self.header = tk.Frame(self.root, bg=th["header"], pady=8)
self.header.pack(fill=tk.X)
self.title_lbl = tk.Label(self.header, text="🤖 チャットボットUI",
font=("Noto Sans JP", 13, "bold"),
bg=th["header"], fg="#4fc3f7")
self.title_lbl.pack(side=tk.LEFT, padx=12)
# 設定ボタン群
tk.Label(self.header, text="モード:", bg=th["header"], fg="#8b949e",
font=("Arial", 9)).pack(side=tk.LEFT, padx=(8, 2))
self.mode_var = tk.StringVar(value="ルールベース")
self.mode_cb = ttk.Combobox(self.header, textvariable=self.mode_var,
values=self.MODES, state="readonly", width=16)
self.mode_cb.pack(side=tk.LEFT)
tk.Label(self.header, text="Ollamaモデル:", bg=th["header"], fg="#8b949e",
font=("Arial", 9)).pack(side=tk.LEFT, padx=(8, 2))
self.model_var = tk.StringVar(value="llama3")
ttk.Entry(self.header, textvariable=self.model_var, width=10).pack(side=tk.LEFT)
ttk.Button(self.header, text="🎨",
command=self._toggle_theme).pack(side=tk.RIGHT, padx=4)
ttk.Button(self.header, text="💾",
command=self._save_history).pack(side=tk.RIGHT, padx=2)
ttk.Button(self.header, text="🗑",
command=self._clear_history).pack(side=tk.RIGHT, padx=2)
# チャットエリア (Canvas + Scrollbar で仮想スクロール)
self.chat_frame_outer = tk.Frame(self.root, bg=th["chat_bg"])
self.chat_frame_outer.pack(fill=tk.BOTH, expand=True, padx=0, pady=0)
self.canvas = tk.Canvas(self.chat_frame_outer, bg=th["chat_bg"],
highlightthickness=0)
vsb = ttk.Scrollbar(self.chat_frame_outer, command=self.canvas.yview)
self.canvas.configure(yscrollcommand=vsb.set)
vsb.pack(side=tk.RIGHT, fill=tk.Y)
self.canvas.pack(fill=tk.BOTH, expand=True)
self.chat_inner = tk.Frame(self.canvas, bg=th["chat_bg"])
self._cwin = self.canvas.create_window((0, 0), window=self.chat_inner,
anchor="nw")
self.chat_inner.bind("<Configure>",
lambda e: (self.canvas.configure(
scrollregion=self.canvas.bbox("all")),
self.canvas.itemconfig(
self._cwin, width=self.canvas.winfo_width())))
self.canvas.bind("<Configure>",
lambda e: self.canvas.itemconfig(
self._cwin, width=e.width))
# ウェルカムメッセージ
self._add_bubble("bot",
"こんにちは！私はチャットボットです。\n"
"何でも話しかけてください。")
# 入力エリア
input_f = tk.Frame(self.root, bg=th["input_bg"], pady=6)
input_f.pack(fill=tk.X, padx=0)
self.input_text = tk.Text(input_f, height=3, bg=th["input_bg"],
fg=th["bot_fg"],
font=("Arial", 11), relief=tk.FLAT,
insertbackground=th["bot_fg"],
wrap=tk.WORD)
self.input_text.pack(side=tk.LEFT, fill=tk.X, expand=True, padx=(12, 4))
self.input_text.bind("<Return>", self._on_enter)
self.input_text.bind("<Shift-Return>", lambda e: None)
tk.Button(input_f, text="送信 ↵",
command=self._send,
bg="#1565c0", fg="white", relief=tk.FLAT,
font=("Arial", 10, "bold"), padx=14, pady=6,
activebackground="#0d47a1", bd=0).pack(side=tk.LEFT, padx=4)
# クイック返信候補
quick_f = tk.Frame(self.root, bg=th["bg"])
quick_f.pack(fill=tk.X, padx=8, pady=(2, 4))
for q in ["こんにちは", "Pythonについて教えて", "今日の日時は?", "ありがとう"]:
tk.Button(quick_f, text=q, command=lambda t=q: self._quick_send(t),
bg=th["header"], fg="#8b949e", relief=tk.FLAT,
font=("Arial", 8), padx=6, pady=2,
activebackground=th["bot_bg"], bd=0).pack(
side=tk.LEFT, padx=2)
self.status_var = tk.StringVar(value="準備完了")
self.status_lbl = tk.Label(self.root, textvariable=self.status_var,
bg=th["header"], fg="#8b949e",
font=("Arial", 9), anchor="w", padx=8)
self.status_lbl.pack(fill=tk.X, side=tk.BOTTOM)
def _add_bubble(self, role: str, content: str):
th = self._th
is_user = (role == "user")
outer = tk.Frame(self.chat_inner, bg=th["chat_bg"])
outer.pack(fill=tk.X, padx=8, pady=3)
bg = th["user_bg"] if is_user else th["bot_bg"]
fg = th["user_fg"] if is_user else th["bot_fg"]
side = tk.RIGHT if is_user else tk.LEFT
icon = "🧑" if is_user else "🤖"
tk.Label(outer, text=icon, bg=th["chat_bg"],
font=("Arial", 14)).pack(side=side, anchor="n", padx=(0, 4))
bubble = tk.Frame(outer, bg=bg, padx=10, pady=6)
bubble.pack(side=side, anchor="n")
tk.Label(bubble, text=content, bg=bg, fg=fg,
font=("Arial", 10), justify=tk.LEFT,
wraplength=480, anchor="w").pack(anchor="w")
ts = datetime.now().strftime("%H:%M")
tk.Label(bubble, text=ts, bg=bg, fg="#777",
font=("Arial", 7)).pack(anchor="e")
self._history.append({"role": role, "content": content,
"ts": datetime.now().isoformat()})
# スクロールを最下部へ
self.root.after(50, lambda: self.canvas.yview_moveto(1.0))
def _on_enter(self, event):
if not (event.state & 0x1): # Shift押下中でなければ送信
self._send()
return "break"
def _send(self):
text = self.input_text.get("1.0", tk.END).strip()
if not text:
return
self.input_text.delete("1.0", tk.END)
self._add_bubble("user", text)
self.status_var.set("応答中...")
threading.Thread(target=self._get_reply, args=(text,), daemon=True).start()
def _quick_send(self, text: str):
self.input_text.delete("1.0", tk.END)
self.input_text.insert("1.0", text)
self._send()
def _get_reply(self, user_text: str):
mode = self.mode_var.get()
try:
if mode == "Ollama (ローカル)":
self._ollama_messages.append({"role": "user", "content": user_text})
reply = ollama_reply(self.model_var.get(), self._ollama_messages)
self._ollama_messages.append({"role": "assistant", "content": reply})
else:
reply = rule_reply(user_text)
except urllib.error.URLError:
reply = "Ollama に接続できません。localhost:11434 でサービスが起動しているか確認してください。"
except Exception as e:
reply = f"エラーが発生しました: {e}"
self.root.after(0, self._add_bubble, "bot", reply)
self.root.after(0, self.status_var.set, "準備完了")
def _toggle_theme(self):
self._theme = "ライト" if self._theme == "ダーク" else "ダーク"
# ウィンドウを再構築（簡易）
for widget in self.root.winfo_children():
widget.destroy()
self._build_ui()
for msg in self._history:
if msg["role"] != "bot" or "こんにちは！私はチャットボット" not in msg["content"]:
self._add_bubble(msg["role"], msg["content"])
def _clear_history(self):
if messagebox.askyesno("確認", "履歴を全て削除しますか？"):
self._history.clear()
self._ollama_messages.clear()
for widget in self.chat_inner.winfo_children():
widget.destroy()
self._add_bubble("bot", "履歴をクリアしました。また話しかけてください！")
def _save_history(self):
path = filedialog.asksaveasfilename(
defaultextension=".json",
filetypes=[("JSON", "*.json")])
if not path:
return
try:
with open(path, "w", encoding="utf-8") as f:
json.dump(self._history, f, ensure_ascii=False, indent=2)
messagebox.showinfo("完了", f"保存: {path}")
except Exception as e:
messagebox.showerror("エラー", str(e))
def _load_history(self):
if os.path.exists(SAVE_PATH):
try:
with open(SAVE_PATH, encoding="utf-8") as f:
self._history = json.load(f)
# 過去の会話を再表示 (最新50件)
for msg in self._history[-50:]:
self._add_bubble(msg["role"], msg["content"])
except Exception:
self._history = []
def _auto_save(self):
try:
with open(SAVE_PATH, "w", encoding="utf-8") as f:
json.dump(self._history[-200:], f, ensure_ascii=False)
except Exception:
pass
if __name__ == "__main__":
root = tk.Tk()
app = App100(root)
root.mainloop()
Textウィジェットでの結果表示
tk.Textウィジェットをstate=DISABLED（読み取り専用）で作成し、更新時はNORMALに変更してinsert()で内容を書き込み、再びDISABLEDに戻します。
import tkinter as tk
from tkinter import ttk, messagebox, filedialog
import json
import os
import threading
import urllib.request
import urllib.error
from datetime import datetime
# ────────────────────────────────────────────────────────────────
# ボット設定: Ollama (ローカル) または シンプルルールベースで動作
# pip install requests は不要 — urllib.request のみ使用
# ────────────────────────────────────────────────────────────────
SAVE_PATH = os.path.join(os.path.dirname(__file__), "chatbot_history.json")
# ────── ルールベースフォールバック ──────
RULES = [
(["こんにちは", "hello", "hi", "はじめまして"],
"こんにちは！何かお手伝いできることはありますか？"),
(["ありがとう", "thank", "感謝"],
"どういたしまして！他にご質問があればお気軽にどうぞ。"),
(["python", "パイソン"],
"Python は汎用プログラミング言語で、データ分析・Web開発・機械学習など多くの分野で使われています。"),
(["tkinter", "tk"],
"tkinter は Python 標準の GUI ライブラリです。クロスプラットフォームで動作します。"),
(["天気"],
"申し訳ありませんが、私はリアルタイムの天気情報を持っていません。"),
(["助けて", "help", "ヘルプ"],
"お手伝いします！質問をどうぞ。"),
(["時間", "日付", "今日"],
f"現在の日時は {datetime.now().strftime('%Y年%m月%d日 %H:%M')} です。"),
(["バイバイ", "さようなら", "bye", "goodbye"],
"またね！いつでも話しかけてください 👋"),
]
DEFAULT_REPLY = "なるほど、興味深いですね。もう少し詳しく教えてもらえますか？"
def rule_reply(text: str) -> str:
lower = text.lower()
for keywords, reply in RULES:
if any(kw in lower for kw in keywords):
# 時刻は毎回更新
if "時間" in reply or "日付" in reply or "今日" in reply:
return f"現在の日時は {datetime.now().strftime('%Y年%m月%d日 %H:%M')} です。"
return reply
return DEFAULT_REPLY
def ollama_reply(model: str, messages: list, timeout: int = 30) -> str:
"""Ollama REST API に送信して応答を取得 (ローカルのみ)"""
url = "http://localhost:11434/api/chat"
payload = json.dumps({"model": model, "messages": messages,
"stream": False}).encode()
req = urllib.request.Request(
url, data=payload,
headers={"Content-Type": "application/json"},
method="POST")
with urllib.request.urlopen(req, timeout=timeout) as resp:
data = json.loads(resp.read())
return data["message"]["content"]
class App100:
"""チャットボットUI"""
MODES = ["ルールベース", "Ollama (ローカル)"]
THEMES = {
"ダーク": {"bg": "#0d1117", "header": "#161b22", "chat_bg": "#0d1117",
"user_bg": "#1f6feb", "bot_bg": "#21262d",
"user_fg": "#ffffff", "bot_fg": "#c9d1d9", "input_bg": "#161b22"},
"ライト": {"bg": "#f6f8fa", "header": "#ffffff", "chat_bg": "#ffffff",
"user_bg": "#0550ae", "bot_bg": "#eaeef2",
"user_fg": "#ffffff", "bot_fg": "#24292f", "input_bg": "#ffffff"},
}
def __init__(self, root):
self.root = root
self.root.title("チャットボットUI")
self.root.geometry("780x620")
self._history = [] # [{"role": "user"|"bot", "content": ..., "ts": ...}]
self._ollama_messages = [] # for Ollama API context
self._theme = "ダーク"
self._build_ui()
self._load_history()
def _build_ui(self):
self._th = self.THEMES[self._theme]
th = self._th
self.root.configure(bg=th["bg"])
# ヘッダー
self.header = tk.Frame(self.root, bg=th["header"], pady=8)
self.header.pack(fill=tk.X)
self.title_lbl = tk.Label(self.header, text="🤖 チャットボットUI",
font=("Noto Sans JP", 13, "bold"),
bg=th["header"], fg="#4fc3f7")
self.title_lbl.pack(side=tk.LEFT, padx=12)
# 設定ボタン群
tk.Label(self.header, text="モード:", bg=th["header"], fg="#8b949e",
font=("Arial", 9)).pack(side=tk.LEFT, padx=(8, 2))
self.mode_var = tk.StringVar(value="ルールベース")
self.mode_cb = ttk.Combobox(self.header, textvariable=self.mode_var,
values=self.MODES, state="readonly", width=16)
self.mode_cb.pack(side=tk.LEFT)
tk.Label(self.header, text="Ollamaモデル:", bg=th["header"], fg="#8b949e",
font=("Arial", 9)).pack(side=tk.LEFT, padx=(8, 2))
self.model_var = tk.StringVar(value="llama3")
ttk.Entry(self.header, textvariable=self.model_var, width=10).pack(side=tk.LEFT)
ttk.Button(self.header, text="🎨",
command=self._toggle_theme).pack(side=tk.RIGHT, padx=4)
ttk.Button(self.header, text="💾",
command=self._save_history).pack(side=tk.RIGHT, padx=2)
ttk.Button(self.header, text="🗑",
command=self._clear_history).pack(side=tk.RIGHT, padx=2)
# チャットエリア (Canvas + Scrollbar で仮想スクロール)
self.chat_frame_outer = tk.Frame(self.root, bg=th["chat_bg"])
self.chat_frame_outer.pack(fill=tk.BOTH, expand=True, padx=0, pady=0)
self.canvas = tk.Canvas(self.chat_frame_outer, bg=th["chat_bg"],
highlightthickness=0)
vsb = ttk.Scrollbar(self.chat_frame_outer, command=self.canvas.yview)
self.canvas.configure(yscrollcommand=vsb.set)
vsb.pack(side=tk.RIGHT, fill=tk.Y)
self.canvas.pack(fill=tk.BOTH, expand=True)
self.chat_inner = tk.Frame(self.canvas, bg=th["chat_bg"])
self._cwin = self.canvas.create_window((0, 0), window=self.chat_inner,
anchor="nw")
self.chat_inner.bind("<Configure>",
lambda e: (self.canvas.configure(
scrollregion=self.canvas.bbox("all")),
self.canvas.itemconfig(
self._cwin, width=self.canvas.winfo_width())))
self.canvas.bind("<Configure>",
lambda e: self.canvas.itemconfig(
self._cwin, width=e.width))
# ウェルカムメッセージ
self._add_bubble("bot",
"こんにちは！私はチャットボットです。\n"
"何でも話しかけてください。")
# 入力エリア
input_f = tk.Frame(self.root, bg=th["input_bg"], pady=6)
input_f.pack(fill=tk.X, padx=0)
self.input_text = tk.Text(input_f, height=3, bg=th["input_bg"],
fg=th["bot_fg"],
font=("Arial", 11), relief=tk.FLAT,
insertbackground=th["bot_fg"],
wrap=tk.WORD)
self.input_text.pack(side=tk.LEFT, fill=tk.X, expand=True, padx=(12, 4))
self.input_text.bind("<Return>", self._on_enter)
self.input_text.bind("<Shift-Return>", lambda e: None)
tk.Button(input_f, text="送信 ↵",
command=self._send,
bg="#1565c0", fg="white", relief=tk.FLAT,
font=("Arial", 10, "bold"), padx=14, pady=6,
activebackground="#0d47a1", bd=0).pack(side=tk.LEFT, padx=4)
# クイック返信候補
quick_f = tk.Frame(self.root, bg=th["bg"])
quick_f.pack(fill=tk.X, padx=8, pady=(2, 4))
for q in ["こんにちは", "Pythonについて教えて", "今日の日時は?", "ありがとう"]:
tk.Button(quick_f, text=q, command=lambda t=q: self._quick_send(t),
bg=th["header"], fg="#8b949e", relief=tk.FLAT,
font=("Arial", 8), padx=6, pady=2,
activebackground=th["bot_bg"], bd=0).pack(
side=tk.LEFT, padx=2)
self.status_var = tk.StringVar(value="準備完了")
self.status_lbl = tk.Label(self.root, textvariable=self.status_var,
bg=th["header"], fg="#8b949e",
font=("Arial", 9), anchor="w", padx=8)
self.status_lbl.pack(fill=tk.X, side=tk.BOTTOM)
def _add_bubble(self, role: str, content: str):
th = self._th
is_user = (role == "user")
outer = tk.Frame(self.chat_inner, bg=th["chat_bg"])
outer.pack(fill=tk.X, padx=8, pady=3)
bg = th["user_bg"] if is_user else th["bot_bg"]
fg = th["user_fg"] if is_user else th["bot_fg"]
side = tk.RIGHT if is_user else tk.LEFT
icon = "🧑" if is_user else "🤖"
tk.Label(outer, text=icon, bg=th["chat_bg"],
font=("Arial", 14)).pack(side=side, anchor="n", padx=(0, 4))
bubble = tk.Frame(outer, bg=bg, padx=10, pady=6)
bubble.pack(side=side, anchor="n")
tk.Label(bubble, text=content, bg=bg, fg=fg,
font=("Arial", 10), justify=tk.LEFT,
wraplength=480, anchor="w").pack(anchor="w")
ts = datetime.now().strftime("%H:%M")
tk.Label(bubble, text=ts, bg=bg, fg="#777",
font=("Arial", 7)).pack(anchor="e")
self._history.append({"role": role, "content": content,
"ts": datetime.now().isoformat()})
# スクロールを最下部へ
self.root.after(50, lambda: self.canvas.yview_moveto(1.0))
def _on_enter(self, event):
if not (event.state & 0x1): # Shift押下中でなければ送信
self._send()
return "break"
def _send(self):
text = self.input_text.get("1.0", tk.END).strip()
if not text:
return
self.input_text.delete("1.0", tk.END)
self._add_bubble("user", text)
self.status_var.set("応答中...")
threading.Thread(target=self._get_reply, args=(text,), daemon=True).start()
def _quick_send(self, text: str):
self.input_text.delete("1.0", tk.END)
self.input_text.insert("1.0", text)
self._send()
def _get_reply(self, user_text: str):
mode = self.mode_var.get()
try:
if mode == "Ollama (ローカル)":
self._ollama_messages.append({"role": "user", "content": user_text})
reply = ollama_reply(self.model_var.get(), self._ollama_messages)
self._ollama_messages.append({"role": "assistant", "content": reply})
else:
reply = rule_reply(user_text)
except urllib.error.URLError:
reply = "Ollama に接続できません。localhost:11434 でサービスが起動しているか確認してください。"
except Exception as e:
reply = f"エラーが発生しました: {e}"
self.root.after(0, self._add_bubble, "bot", reply)
self.root.after(0, self.status_var.set, "準備完了")
def _toggle_theme(self):
self._theme = "ライト" if self._theme == "ダーク" else "ダーク"
# ウィンドウを再構築（簡易）
for widget in self.root.winfo_children():
widget.destroy()
self._build_ui()
for msg in self._history:
if msg["role"] != "bot" or "こんにちは！私はチャットボット" not in msg["content"]:
self._add_bubble(msg["role"], msg["content"])
def _clear_history(self):
if messagebox.askyesno("確認", "履歴を全て削除しますか？"):
self._history.clear()
self._ollama_messages.clear()
for widget in self.chat_inner.winfo_children():
widget.destroy()
self._add_bubble("bot", "履歴をクリアしました。また話しかけてください！")
def _save_history(self):
path = filedialog.asksaveasfilename(
defaultextension=".json",
filetypes=[("JSON", "*.json")])
if not path:
return
try:
with open(path, "w", encoding="utf-8") as f:
json.dump(self._history, f, ensure_ascii=False, indent=2)
messagebox.showinfo("完了", f"保存: {path}")
except Exception as e:
messagebox.showerror("エラー", str(e))
def _load_history(self):
if os.path.exists(SAVE_PATH):
try:
with open(SAVE_PATH, encoding="utf-8") as f:
self._history = json.load(f)
# 過去の会話を再表示 (最新50件)
for msg in self._history[-50:]:
self._add_bubble(msg["role"], msg["content"])
except Exception:
self._history = []
def _auto_save(self):
try:
with open(SAVE_PATH, "w", encoding="utf-8") as f:
json.dump(self._history[-200:], f, ensure_ascii=False)
except Exception:
pass
if __name__ == "__main__":
root = tk.Tk()
app = App100(root)
root.mainloop()
例外処理とエラーハンドリング
try-exceptでValueErrorとExceptionを捕捉し、messagebox.showerror()でエラーメッセージを表示します。予期しないエラーも処理することで、アプリの堅牢性が向上します。
import tkinter as tk
from tkinter import ttk, messagebox, filedialog
import json
import os
import threading
import urllib.request
import urllib.error
from datetime import datetime
# ────────────────────────────────────────────────────────────────
# ボット設定: Ollama (ローカル) または シンプルルールベースで動作
# pip install requests は不要 — urllib.request のみ使用
# ────────────────────────────────────────────────────────────────
SAVE_PATH = os.path.join(os.path.dirname(__file__), "chatbot_history.json")
# ────── ルールベースフォールバック ──────
RULES = [
(["こんにちは", "hello", "hi", "はじめまして"],
"こんにちは！何かお手伝いできることはありますか？"),
(["ありがとう", "thank", "感謝"],
"どういたしまして！他にご質問があればお気軽にどうぞ。"),
(["python", "パイソン"],
"Python は汎用プログラミング言語で、データ分析・Web開発・機械学習など多くの分野で使われています。"),
(["tkinter", "tk"],
"tkinter は Python 標準の GUI ライブラリです。クロスプラットフォームで動作します。"),
(["天気"],
"申し訳ありませんが、私はリアルタイムの天気情報を持っていません。"),
(["助けて", "help", "ヘルプ"],
"お手伝いします！質問をどうぞ。"),
(["時間", "日付", "今日"],
f"現在の日時は {datetime.now().strftime('%Y年%m月%d日 %H:%M')} です。"),
(["バイバイ", "さようなら", "bye", "goodbye"],
"またね！いつでも話しかけてください 👋"),
]
DEFAULT_REPLY = "なるほど、興味深いですね。もう少し詳しく教えてもらえますか？"
def rule_reply(text: str) -> str:
lower = text.lower()
for keywords, reply in RULES:
if any(kw in lower for kw in keywords):
# 時刻は毎回更新
if "時間" in reply or "日付" in reply or "今日" in reply:
return f"現在の日時は {datetime.now().strftime('%Y年%m月%d日 %H:%M')} です。"
return reply
return DEFAULT_REPLY
def ollama_reply(model: str, messages: list, timeout: int = 30) -> str:
"""Ollama REST API に送信して応答を取得 (ローカルのみ)"""
url = "http://localhost:11434/api/chat"
payload = json.dumps({"model": model, "messages": messages,
"stream": False}).encode()
req = urllib.request.Request(
url, data=payload,
headers={"Content-Type": "application/json"},
method="POST")
with urllib.request.urlopen(req, timeout=timeout) as resp:
data = json.loads(resp.read())
return data["message"]["content"]
class App100:
"""チャットボットUI"""
MODES = ["ルールベース", "Ollama (ローカル)"]
THEMES = {
"ダーク": {"bg": "#0d1117", "header": "#161b22", "chat_bg": "#0d1117",
"user_bg": "#1f6feb", "bot_bg": "#21262d",
"user_fg": "#ffffff", "bot_fg": "#c9d1d9", "input_bg": "#161b22"},
"ライト": {"bg": "#f6f8fa", "header": "#ffffff", "chat_bg": "#ffffff",
"user_bg": "#0550ae", "bot_bg": "#eaeef2",
"user_fg": "#ffffff", "bot_fg": "#24292f", "input_bg": "#ffffff"},
}
def __init__(self, root):
self.root = root
self.root.title("チャットボットUI")
self.root.geometry("780x620")
self._history = [] # [{"role": "user"|"bot", "content": ..., "ts": ...}]
self._ollama_messages = [] # for Ollama API context
self._theme = "ダーク"
self._build_ui()
self._load_history()
def _build_ui(self):
self._th = self.THEMES[self._theme]
th = self._th
self.root.configure(bg=th["bg"])
# ヘッダー
self.header = tk.Frame(self.root, bg=th["header"], pady=8)
self.header.pack(fill=tk.X)
self.title_lbl = tk.Label(self.header, text="🤖 チャットボットUI",
font=("Noto Sans JP", 13, "bold"),
bg=th["header"], fg="#4fc3f7")
self.title_lbl.pack(side=tk.LEFT, padx=12)
# 設定ボタン群
tk.Label(self.header, text="モード:", bg=th["header"], fg="#8b949e",
font=("Arial", 9)).pack(side=tk.LEFT, padx=(8, 2))
self.mode_var = tk.StringVar(value="ルールベース")
self.mode_cb = ttk.Combobox(self.header, textvariable=self.mode_var,
values=self.MODES, state="readonly", width=16)
self.mode_cb.pack(side=tk.LEFT)
tk.Label(self.header, text="Ollamaモデル:", bg=th["header"], fg="#8b949e",
font=("Arial", 9)).pack(side=tk.LEFT, padx=(8, 2))
self.model_var = tk.StringVar(value="llama3")
ttk.Entry(self.header, textvariable=self.model_var, width=10).pack(side=tk.LEFT)
ttk.Button(self.header, text="🎨",
command=self._toggle_theme).pack(side=tk.RIGHT, padx=4)
ttk.Button(self.header, text="💾",
command=self._save_history).pack(side=tk.RIGHT, padx=2)
ttk.Button(self.header, text="🗑",
command=self._clear_history).pack(side=tk.RIGHT, padx=2)
# チャットエリア (Canvas + Scrollbar で仮想スクロール)
self.chat_frame_outer = tk.Frame(self.root, bg=th["chat_bg"])
self.chat_frame_outer.pack(fill=tk.BOTH, expand=True, padx=0, pady=0)
self.canvas = tk.Canvas(self.chat_frame_outer, bg=th["chat_bg"],
highlightthickness=0)
vsb = ttk.Scrollbar(self.chat_frame_outer, command=self.canvas.yview)
self.canvas.configure(yscrollcommand=vsb.set)
vsb.pack(side=tk.RIGHT, fill=tk.Y)
self.canvas.pack(fill=tk.BOTH, expand=True)
self.chat_inner = tk.Frame(self.canvas, bg=th["chat_bg"])
self._cwin = self.canvas.create_window((0, 0), window=self.chat_inner,
anchor="nw")
self.chat_inner.bind("<Configure>",
lambda e: (self.canvas.configure(
scrollregion=self.canvas.bbox("all")),
self.canvas.itemconfig(
self._cwin, width=self.canvas.winfo_width())))
self.canvas.bind("<Configure>",
lambda e: self.canvas.itemconfig(
self._cwin, width=e.width))
# ウェルカムメッセージ
self._add_bubble("bot",
"こんにちは！私はチャットボットです。\n"
"何でも話しかけてください。")
# 入力エリア
input_f = tk.Frame(self.root, bg=th["input_bg"], pady=6)
input_f.pack(fill=tk.X, padx=0)
self.input_text = tk.Text(input_f, height=3, bg=th["input_bg"],
fg=th["bot_fg"],
font=("Arial", 11), relief=tk.FLAT,
insertbackground=th["bot_fg"],
wrap=tk.WORD)
self.input_text.pack(side=tk.LEFT, fill=tk.X, expand=True, padx=(12, 4))
self.input_text.bind("<Return>", self._on_enter)
self.input_text.bind("<Shift-Return>", lambda e: None)
tk.Button(input_f, text="送信 ↵",
command=self._send,
bg="#1565c0", fg="white", relief=tk.FLAT,
font=("Arial", 10, "bold"), padx=14, pady=6,
activebackground="#0d47a1", bd=0).pack(side=tk.LEFT, padx=4)
# クイック返信候補
quick_f = tk.Frame(self.root, bg=th["bg"])
quick_f.pack(fill=tk.X, padx=8, pady=(2, 4))
for q in ["こんにちは", "Pythonについて教えて", "今日の日時は?", "ありがとう"]:
tk.Button(quick_f, text=q, command=lambda t=q: self._quick_send(t),
bg=th["header"], fg="#8b949e", relief=tk.FLAT,
font=("Arial", 8), padx=6, pady=2,
activebackground=th["bot_bg"], bd=0).pack(
side=tk.LEFT, padx=2)
self.status_var = tk.StringVar(value="準備完了")
self.status_lbl = tk.Label(self.root, textvariable=self.status_var,
bg=th["header"], fg="#8b949e",
font=("Arial", 9), anchor="w", padx=8)
self.status_lbl.pack(fill=tk.X, side=tk.BOTTOM)
def _add_bubble(self, role: str, content: str):
th = self._th
is_user = (role == "user")
outer = tk.Frame(self.chat_inner, bg=th["chat_bg"])
outer.pack(fill=tk.X, padx=8, pady=3)
bg = th["user_bg"] if is_user else th["bot_bg"]
fg = th["user_fg"] if is_user else th["bot_fg"]
side = tk.RIGHT if is_user else tk.LEFT
icon = "🧑" if is_user else "🤖"
tk.Label(outer, text=icon, bg=th["chat_bg"],
font=("Arial", 14)).pack(side=side, anchor="n", padx=(0, 4))
bubble = tk.Frame(outer, bg=bg, padx=10, pady=6)
bubble.pack(side=side, anchor="n")
tk.Label(bubble, text=content, bg=bg, fg=fg,
font=("Arial", 10), justify=tk.LEFT,
wraplength=480, anchor="w").pack(anchor="w")
ts = datetime.now().strftime("%H:%M")
tk.Label(bubble, text=ts, bg=bg, fg="#777",
font=("Arial", 7)).pack(anchor="e")
self._history.append({"role": role, "content": content,
"ts": datetime.now().isoformat()})
# スクロールを最下部へ
self.root.after(50, lambda: self.canvas.yview_moveto(1.0))
def _on_enter(self, event):
if not (event.state & 0x1): # Shift押下中でなければ送信
self._send()
return "break"
def _send(self):
text = self.input_text.get("1.0", tk.END).strip()
if not text:
return
self.input_text.delete("1.0", tk.END)
self._add_bubble("user", text)
self.status_var.set("応答中...")
threading.Thread(target=self._get_reply, args=(text,), daemon=True).start()
def _quick_send(self, text: str):
self.input_text.delete("1.0", tk.END)
self.input_text.insert("1.0", text)
self._send()
def _get_reply(self, user_text: str):
mode = self.mode_var.get()
try:
if mode == "Ollama (ローカル)":
self._ollama_messages.append({"role": "user", "content": user_text})
reply = ollama_reply(self.model_var.get(), self._ollama_messages)
self._ollama_messages.append({"role": "assistant", "content": reply})
else:
reply = rule_reply(user_text)
except urllib.error.URLError:
reply = "Ollama に接続できません。localhost:11434 でサービスが起動しているか確認してください。"
except Exception as e:
reply = f"エラーが発生しました: {e}"
self.root.after(0, self._add_bubble, "bot", reply)
self.root.after(0, self.status_var.set, "準備完了")
def _toggle_theme(self):
self._theme = "ライト" if self._theme == "ダーク" else "ダーク"
# ウィンドウを再構築（簡易）
for widget in self.root.winfo_children():
widget.destroy()
self._build_ui()
for msg in self._history:
if msg["role"] != "bot" or "こんにちは！私はチャットボット" not in msg["content"]:
self._add_bubble(msg["role"], msg["content"])
def _clear_history(self):
if messagebox.askyesno("確認", "履歴を全て削除しますか？"):
self._history.clear()
self._ollama_messages.clear()
for widget in self.chat_inner.winfo_children():
widget.destroy()
self._add_bubble("bot", "履歴をクリアしました。また話しかけてください！")
def _save_history(self):
path = filedialog.asksaveasfilename(
defaultextension=".json",
filetypes=[("JSON", "*.json")])
if not path:
return
try:
with open(path, "w", encoding="utf-8") as f:
json.dump(self._history, f, ensure_ascii=False, indent=2)
messagebox.showinfo("完了", f"保存: {path}")
except Exception as e:
messagebox.showerror("エラー", str(e))
def _load_history(self):
if os.path.exists(SAVE_PATH):
try:
with open(SAVE_PATH, encoding="utf-8") as f:
self._history = json.load(f)
# 過去の会話を再表示 (最新50件)
for msg in self._history[-50:]:
self._add_bubble(msg["role"], msg["content"])
except Exception:
self._history = []
def _auto_save(self):
try:
with open(SAVE_PATH, "w", encoding="utf-8") as f:
json.dump(self._history[-200:], f, ensure_ascii=False)
except Exception:
pass
if __name__ == "__main__":
root = tk.Tk()
app = App100(root)
root.mainloop()
6. ステップバイステップガイド
このアプリをゼロから自分で作る手順を解説します。コードをコピーするだけでなく、実際に手順を追って自分で書いてみましょう。
-
1ファイルを作成する
新しいファイルを作成して app072.py と保存します。
-
2クラスの骨格を作る
App100クラスを定義し、__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 コマンドで必要なライブラリをインストールしてください。 (pip install pyaudio)
❌ ウィンドウサイズが合わない
原因：画面解像度や表示スケールによって異なる場合があります。
解決法：root.geometry()で適切なサイズに調整してください。
9. 練習問題
アプリの理解を深めるための練習問題です。
-
課題1：機能拡張
音声録音・再生アプリに新しい機能を1つ追加してみましょう。
-
課題2：UIの改善
色・フォント・レイアウトを変更して、より使いやすいUIにカスタマイズしましょう。
-
課題3：保存機能の追加
処理結果をファイルに保存する機能を追加しましょう。