中級者向け No.17

チャットアプリ(ソケット通信)

LAN内でリアルタイムチャットができるアプリ。socketとthreadingモジュールで双方向通信を実装します。

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

1. アプリ概要

LAN内でリアルタイムチャットができるアプリ。socketとthreadingモジュールで双方向通信を実装します。

このアプリは中級カテゴリに分類される実践的な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. 完全なソースコード

💡
コードのコピー方法

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

app17.py
import tkinter as tk
from tkinter import ttk, messagebox
import socket
import threading
import json
from datetime import datetime


class App17:
    """チャットアプリ(ソケット通信)"""

    DEFAULT_PORT = 55555
    BUFFER_SIZE = 4096

    def __init__(self, root):
        self.root = root
        self.root.title("チャットアプリ")
        self.root.geometry("700x560")
        self.root.configure(bg="#1a1a2e")
        self.server_socket = None
        self.client_socket = None
        self.clients = {}  # addr -> socket (server mode)
        self.nickname = "ゲスト"
        self.mode = None
        self._build_ui()
        self._show_connect_panel()

    def _build_ui(self):
        header = tk.Frame(self.root, bg="#16213e", pady=8)
        header.pack(fill=tk.X)
        tk.Label(header, text="💬 チャットアプリ(LAN通信)",
                 font=("Noto Sans JP", 14, "bold"),
                 bg="#16213e", fg="#58a6ff").pack(side=tk.LEFT, padx=12)
        self.status_badge = tk.Label(header, text="● 未接続",
                                     bg="#16213e", fg="#e74c3c",
                                     font=("Arial", 10))
        self.status_badge.pack(side=tk.RIGHT, padx=12)

        # 接続パネル
        self.connect_frame = tk.Frame(self.root, bg="#1a1a2e")

        # チャットエリア
        self.chat_frame = tk.Frame(self.root, bg="#1a1a2e")

        self.status_var = tk.StringVar(value="")
        tk.Label(self.root, textvariable=self.status_var,
                 bg="#16213e", fg="#8b949e", font=("Arial", 9),
                 anchor="w", padx=8).pack(fill=tk.X, side=tk.BOTTOM)

    def _show_connect_panel(self):
        self.chat_frame.pack_forget()
        self.connect_frame.pack(fill=tk.BOTH, expand=True)
        for w in self.connect_frame.winfo_children():
            w.destroy()

        c = tk.Frame(self.connect_frame, bg="#1a1a2e")
        c.place(relx=0.5, rely=0.35, anchor="center")

        tk.Label(c, text="💬 チャット接続設定",
                 font=("Noto Sans JP", 14, "bold"),
                 bg="#1a1a2e", fg="#58a6ff").pack(pady=10)

        form = tk.Frame(c, bg="#1a1a2e")
        form.pack()

        tk.Label(form, text="ニックネーム:",
                 bg="#1a1a2e", fg="#ccc").grid(row=0, column=0, sticky="w", pady=4)
        self.nick_var = tk.StringVar(value="ユーザー1")
        ttk.Entry(form, textvariable=self.nick_var, width=20).grid(
            row=0, column=1, padx=8)

        tk.Label(form, text="ポート:",
                 bg="#1a1a2e", fg="#ccc").grid(row=1, column=0, sticky="w", pady=4)
        self.port_var = tk.IntVar(value=self.DEFAULT_PORT)
        ttk.Entry(form, textvariable=self.port_var, width=10).grid(
            row=1, column=1, padx=8, sticky="w")

        server_frame = tk.Frame(c, bg="#1a1a2e")
        server_frame.pack(pady=10)
        ttk.Button(server_frame, text="🖥️ サーバーとして起動",
                   command=self._start_server).pack(side=tk.LEFT, padx=8)

        sep = tk.Label(c, text="───────── または ─────────",
                       bg="#1a1a2e", fg="#444")
        sep.pack()

        client_frame = tk.Frame(c, bg="#1a1a2e")
        client_frame.pack(pady=10)
        tk.Label(client_frame, text="接続先IP:",
                 bg="#1a1a2e", fg="#ccc").pack(side=tk.LEFT)
        self.host_var = tk.StringVar(value="127.0.0.1")
        ttk.Entry(client_frame, textvariable=self.host_var,
                  width=16).pack(side=tk.LEFT, padx=8)
        ttk.Button(client_frame, text="🔗 接続",
                   command=self._connect_client).pack(side=tk.LEFT)

    def _show_chat(self):
        self.connect_frame.pack_forget()
        self.chat_frame.pack(fill=tk.BOTH, expand=True)
        for w in self.chat_frame.winfo_children():
            w.destroy()

        paned = ttk.PanedWindow(self.chat_frame, orient=tk.HORIZONTAL)
        paned.pack(fill=tk.BOTH, expand=True)

        # 左: チャットログ
        left = tk.Frame(paned, bg="#0d1117")
        self.chat_text = tk.Text(left, bg="#0d1117", fg="#c9d1d9",
                                  font=("Noto Sans JP", 11),
                                  wrap=tk.WORD, state=tk.DISABLED,
                                  relief=tk.FLAT)
        sb = ttk.Scrollbar(left, command=self.chat_text.yview)
        self.chat_text.configure(yscrollcommand=sb.set)
        sb.pack(side=tk.RIGHT, fill=tk.Y)
        self.chat_text.pack(fill=tk.BOTH, expand=True)
        self.chat_text.tag_configure("self", foreground="#3fb950")
        self.chat_text.tag_configure("other", foreground="#58a6ff")
        self.chat_text.tag_configure("system", foreground="#ffa657",
                                      font=("Arial", 9))
        paned.add(left, weight=3)

        # 右: 接続中ユーザー
        right = tk.Frame(paned, bg="#161b22")
        tk.Label(right, text="参加中", bg="#0f3460", fg="#ccc",
                 pady=4, font=("Arial", 10)).pack(fill=tk.X)
        self.users_lb = tk.Listbox(right, bg="#161b22", fg="#c9d1d9",
                                    relief=tk.FLAT, font=("Arial", 10))
        self.users_lb.pack(fill=tk.BOTH, expand=True)
        paned.add(right, weight=1)

        # 入力エリア
        input_frame = tk.Frame(self.chat_frame, bg="#161b22", pady=4)
        input_frame.pack(fill=tk.X)
        self.msg_var = tk.StringVar()
        msg_entry = ttk.Entry(input_frame, textvariable=self.msg_var,
                               font=("Noto Sans JP", 11))
        msg_entry.pack(side=tk.LEFT, fill=tk.X, expand=True, padx=8)
        msg_entry.bind("<Return>", lambda e: self._send_message())
        ttk.Button(input_frame, text="送信",
                   command=self._send_message).pack(side=tk.LEFT, padx=4)
        ttk.Button(input_frame, text="切断",
                   command=self._disconnect).pack(side=tk.LEFT, padx=4)
        msg_entry.focus_set()

    def _start_server(self):
        self.nickname = self.nick_var.get() or "ホスト"
        port = self.port_var.get()
        try:
            self.server_socket = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
            self.server_socket.setsockopt(socket.SOL_SOCKET, socket.SO_REUSEADDR, 1)
            self.server_socket.bind(("", port))
            self.server_socket.listen(10)
            self.mode = "server"
            self.status_badge.config(text=f"● サーバー (:{port})", fg="#3fb950")
            self._show_chat()
            self._log_system(f"サーバー起動: ポート {port}")
            self._log_system(f"ローカルIP: {self._get_local_ip()}")
            self.users_lb.insert(tk.END, f"  👑 {self.nickname} (あなた)")
            threading.Thread(target=self._accept_loop, daemon=True).start()
        except Exception as e:
            messagebox.showerror("エラー", str(e))

    def _connect_client(self):
        self.nickname = self.nick_var.get() or "ゲスト"
        host = self.host_var.get().strip()
        port = self.port_var.get()
        try:
            self.client_socket = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
            self.client_socket.connect((host, port))
            self.mode = "client"
            # ニックネームを送信
            self._send_raw(self.client_socket,
                           {"type": "join", "nick": self.nickname})
            self.status_badge.config(text=f"● 接続中: {host}:{port}",
                                     fg="#3fb950")
            self._show_chat()
            self._log_system(f"{host}:{port} に接続しました")
            self.users_lb.insert(tk.END, f"  👤 {self.nickname} (あなた)")
            threading.Thread(target=self._recv_loop,
                             args=(self.client_socket,), daemon=True).start()
        except Exception as e:
            messagebox.showerror("接続エラー", str(e))

    def _accept_loop(self):
        while self.mode == "server":
            try:
                conn, addr = self.server_socket.accept()
                threading.Thread(target=self._handle_client,
                                 args=(conn, addr), daemon=True).start()
            except Exception:
                break

    def _handle_client(self, conn, addr):
        nick = str(addr)
        self.clients[addr] = (conn, nick)
        try:
            while True:
                data = self._recv_raw(conn)
                if data is None:
                    break
                msg_type = data.get("type", "message")
                if msg_type == "join":
                    nick = data.get("nick", str(addr))
                    self.clients[addr] = (conn, nick)
                    self.root.after(0, self._log_system, f"✅ {nick} が参加しました")
                    self.root.after(0, self.users_lb.insert,
                                    tk.END, f"  👤 {nick}")
                    self._broadcast({"type": "system",
                                     "text": f"{nick} が参加しました"}, exclude=conn)
                elif msg_type == "message":
                    text = data.get("text", "")
                    self.root.after(0, self._log_message, nick, text, False)
                    self._broadcast({"type": "message", "nick": nick, "text": text},
                                    exclude=conn)
        except Exception:
            pass
        finally:
            del self.clients[addr]
            conn.close()
            self.root.after(0, self._log_system, f"❌ {nick} が退出しました")

    def _recv_loop(self, conn):
        while True:
            data = self._recv_raw(conn)
            if data is None:
                self.root.after(0, self._log_system, "接続が切断されました")
                break
            msg_type = data.get("type", "message")
            if msg_type == "message":
                nick = data.get("nick", "?")
                text = data.get("text", "")
                self.root.after(0, self._log_message, nick, text, False)
            elif msg_type == "system":
                text = data.get("text", "")
                self.root.after(0, self._log_system, text)

    def _broadcast(self, data, exclude=None):
        for addr, (conn, nick) in list(self.clients.items()):
            if conn != exclude:
                try:
                    self._send_raw(conn, data)
                except Exception:
                    pass

    def _send_raw(self, sock, data):
        raw = json.dumps(data, ensure_ascii=False).encode("utf-8")
        length = len(raw).to_bytes(4, "big")
        sock.sendall(length + raw)

    def _recv_raw(self, sock):
        try:
            length_data = self._recv_exactly(sock, 4)
            if not length_data:
                return None
            length = int.from_bytes(length_data, "big")
            raw = self._recv_exactly(sock, length)
            if not raw:
                return None
            return json.loads(raw.decode("utf-8"))
        except Exception:
            return None

    def _recv_exactly(self, sock, n):
        data = b""
        while len(data) < n:
            chunk = sock.recv(n - len(data))
            if not chunk:
                return None
            data += chunk
        return data

    def _send_message(self):
        text = self.msg_var.get().strip()
        if not text:
            return
        self.msg_var.set("")
        self._log_message(self.nickname, text, True)
        msg = {"type": "message", "nick": self.nickname, "text": text}
        if self.mode == "server":
            self._broadcast(msg)
        elif self.mode == "client" and self.client_socket:
            try:
                self._send_raw(self.client_socket, msg)
            except Exception as e:
                self._log_system(f"送信エラー: {e}")

    def _log_message(self, nick, text, is_self):
        self.chat_text.config(state=tk.NORMAL)
        now = datetime.now().strftime("%H:%M")
        tag = "self" if is_self else "other"
        self.chat_text.insert(tk.END, f"[{now}] {nick}: ", tag)
        self.chat_text.insert(tk.END, text + "\n")
        self.chat_text.config(state=tk.DISABLED)
        self.chat_text.see(tk.END)

    def _log_system(self, text):
        self.chat_text.config(state=tk.NORMAL)
        now = datetime.now().strftime("%H:%M")
        self.chat_text.insert(tk.END, f"[{now}] {text}\n", "system")
        self.chat_text.config(state=tk.DISABLED)
        self.chat_text.see(tk.END)

    def _disconnect(self):
        self.mode = None
        if self.client_socket:
            try:
                self.client_socket.close()
            except Exception:
                pass
        if self.server_socket:
            try:
                self.server_socket.close()
            except Exception:
                pass
        self.status_badge.config(text="● 未接続", fg="#e74c3c")
        self._show_connect_panel()

    def _get_local_ip(self):
        try:
            s = socket.socket(socket.AF_INET, socket.SOCK_DGRAM)
            s.connect(("8.8.8.8", 80))
            ip = s.getsockname()[0]
            s.close()
            return ip
        except Exception:
            return "127.0.0.1"


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

5. コード解説

チャットアプリ(ソケット通信)のコードを詳しく解説します。クラスベースの設計で各機能を整理して実装しています。

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

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

import tkinter as tk
from tkinter import ttk, messagebox
import socket
import threading
import json
from datetime import datetime


class App17:
    """チャットアプリ(ソケット通信)"""

    DEFAULT_PORT = 55555
    BUFFER_SIZE = 4096

    def __init__(self, root):
        self.root = root
        self.root.title("チャットアプリ")
        self.root.geometry("700x560")
        self.root.configure(bg="#1a1a2e")
        self.server_socket = None
        self.client_socket = None
        self.clients = {}  # addr -> socket (server mode)
        self.nickname = "ゲスト"
        self.mode = None
        self._build_ui()
        self._show_connect_panel()

    def _build_ui(self):
        header = tk.Frame(self.root, bg="#16213e", pady=8)
        header.pack(fill=tk.X)
        tk.Label(header, text="💬 チャットアプリ(LAN通信)",
                 font=("Noto Sans JP", 14, "bold"),
                 bg="#16213e", fg="#58a6ff").pack(side=tk.LEFT, padx=12)
        self.status_badge = tk.Label(header, text="● 未接続",
                                     bg="#16213e", fg="#e74c3c",
                                     font=("Arial", 10))
        self.status_badge.pack(side=tk.RIGHT, padx=12)

        # 接続パネル
        self.connect_frame = tk.Frame(self.root, bg="#1a1a2e")

        # チャットエリア
        self.chat_frame = tk.Frame(self.root, bg="#1a1a2e")

        self.status_var = tk.StringVar(value="")
        tk.Label(self.root, textvariable=self.status_var,
                 bg="#16213e", fg="#8b949e", font=("Arial", 9),
                 anchor="w", padx=8).pack(fill=tk.X, side=tk.BOTTOM)

    def _show_connect_panel(self):
        self.chat_frame.pack_forget()
        self.connect_frame.pack(fill=tk.BOTH, expand=True)
        for w in self.connect_frame.winfo_children():
            w.destroy()

        c = tk.Frame(self.connect_frame, bg="#1a1a2e")
        c.place(relx=0.5, rely=0.35, anchor="center")

        tk.Label(c, text="💬 チャット接続設定",
                 font=("Noto Sans JP", 14, "bold"),
                 bg="#1a1a2e", fg="#58a6ff").pack(pady=10)

        form = tk.Frame(c, bg="#1a1a2e")
        form.pack()

        tk.Label(form, text="ニックネーム:",
                 bg="#1a1a2e", fg="#ccc").grid(row=0, column=0, sticky="w", pady=4)
        self.nick_var = tk.StringVar(value="ユーザー1")
        ttk.Entry(form, textvariable=self.nick_var, width=20).grid(
            row=0, column=1, padx=8)

        tk.Label(form, text="ポート:",
                 bg="#1a1a2e", fg="#ccc").grid(row=1, column=0, sticky="w", pady=4)
        self.port_var = tk.IntVar(value=self.DEFAULT_PORT)
        ttk.Entry(form, textvariable=self.port_var, width=10).grid(
            row=1, column=1, padx=8, sticky="w")

        server_frame = tk.Frame(c, bg="#1a1a2e")
        server_frame.pack(pady=10)
        ttk.Button(server_frame, text="🖥️ サーバーとして起動",
                   command=self._start_server).pack(side=tk.LEFT, padx=8)

        sep = tk.Label(c, text="───────── または ─────────",
                       bg="#1a1a2e", fg="#444")
        sep.pack()

        client_frame = tk.Frame(c, bg="#1a1a2e")
        client_frame.pack(pady=10)
        tk.Label(client_frame, text="接続先IP:",
                 bg="#1a1a2e", fg="#ccc").pack(side=tk.LEFT)
        self.host_var = tk.StringVar(value="127.0.0.1")
        ttk.Entry(client_frame, textvariable=self.host_var,
                  width=16).pack(side=tk.LEFT, padx=8)
        ttk.Button(client_frame, text="🔗 接続",
                   command=self._connect_client).pack(side=tk.LEFT)

    def _show_chat(self):
        self.connect_frame.pack_forget()
        self.chat_frame.pack(fill=tk.BOTH, expand=True)
        for w in self.chat_frame.winfo_children():
            w.destroy()

        paned = ttk.PanedWindow(self.chat_frame, orient=tk.HORIZONTAL)
        paned.pack(fill=tk.BOTH, expand=True)

        # 左: チャットログ
        left = tk.Frame(paned, bg="#0d1117")
        self.chat_text = tk.Text(left, bg="#0d1117", fg="#c9d1d9",
                                  font=("Noto Sans JP", 11),
                                  wrap=tk.WORD, state=tk.DISABLED,
                                  relief=tk.FLAT)
        sb = ttk.Scrollbar(left, command=self.chat_text.yview)
        self.chat_text.configure(yscrollcommand=sb.set)
        sb.pack(side=tk.RIGHT, fill=tk.Y)
        self.chat_text.pack(fill=tk.BOTH, expand=True)
        self.chat_text.tag_configure("self", foreground="#3fb950")
        self.chat_text.tag_configure("other", foreground="#58a6ff")
        self.chat_text.tag_configure("system", foreground="#ffa657",
                                      font=("Arial", 9))
        paned.add(left, weight=3)

        # 右: 接続中ユーザー
        right = tk.Frame(paned, bg="#161b22")
        tk.Label(right, text="参加中", bg="#0f3460", fg="#ccc",
                 pady=4, font=("Arial", 10)).pack(fill=tk.X)
        self.users_lb = tk.Listbox(right, bg="#161b22", fg="#c9d1d9",
                                    relief=tk.FLAT, font=("Arial", 10))
        self.users_lb.pack(fill=tk.BOTH, expand=True)
        paned.add(right, weight=1)

        # 入力エリア
        input_frame = tk.Frame(self.chat_frame, bg="#161b22", pady=4)
        input_frame.pack(fill=tk.X)
        self.msg_var = tk.StringVar()
        msg_entry = ttk.Entry(input_frame, textvariable=self.msg_var,
                               font=("Noto Sans JP", 11))
        msg_entry.pack(side=tk.LEFT, fill=tk.X, expand=True, padx=8)
        msg_entry.bind("<Return>", lambda e: self._send_message())
        ttk.Button(input_frame, text="送信",
                   command=self._send_message).pack(side=tk.LEFT, padx=4)
        ttk.Button(input_frame, text="切断",
                   command=self._disconnect).pack(side=tk.LEFT, padx=4)
        msg_entry.focus_set()

    def _start_server(self):
        self.nickname = self.nick_var.get() or "ホスト"
        port = self.port_var.get()
        try:
            self.server_socket = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
            self.server_socket.setsockopt(socket.SOL_SOCKET, socket.SO_REUSEADDR, 1)
            self.server_socket.bind(("", port))
            self.server_socket.listen(10)
            self.mode = "server"
            self.status_badge.config(text=f"● サーバー (:{port})", fg="#3fb950")
            self._show_chat()
            self._log_system(f"サーバー起動: ポート {port}")
            self._log_system(f"ローカルIP: {self._get_local_ip()}")
            self.users_lb.insert(tk.END, f"  👑 {self.nickname} (あなた)")
            threading.Thread(target=self._accept_loop, daemon=True).start()
        except Exception as e:
            messagebox.showerror("エラー", str(e))

    def _connect_client(self):
        self.nickname = self.nick_var.get() or "ゲスト"
        host = self.host_var.get().strip()
        port = self.port_var.get()
        try:
            self.client_socket = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
            self.client_socket.connect((host, port))
            self.mode = "client"
            # ニックネームを送信
            self._send_raw(self.client_socket,
                           {"type": "join", "nick": self.nickname})
            self.status_badge.config(text=f"● 接続中: {host}:{port}",
                                     fg="#3fb950")
            self._show_chat()
            self._log_system(f"{host}:{port} に接続しました")
            self.users_lb.insert(tk.END, f"  👤 {self.nickname} (あなた)")
            threading.Thread(target=self._recv_loop,
                             args=(self.client_socket,), daemon=True).start()
        except Exception as e:
            messagebox.showerror("接続エラー", str(e))

    def _accept_loop(self):
        while self.mode == "server":
            try:
                conn, addr = self.server_socket.accept()
                threading.Thread(target=self._handle_client,
                                 args=(conn, addr), daemon=True).start()
            except Exception:
                break

    def _handle_client(self, conn, addr):
        nick = str(addr)
        self.clients[addr] = (conn, nick)
        try:
            while True:
                data = self._recv_raw(conn)
                if data is None:
                    break
                msg_type = data.get("type", "message")
                if msg_type == "join":
                    nick = data.get("nick", str(addr))
                    self.clients[addr] = (conn, nick)
                    self.root.after(0, self._log_system, f"✅ {nick} が参加しました")
                    self.root.after(0, self.users_lb.insert,
                                    tk.END, f"  👤 {nick}")
                    self._broadcast({"type": "system",
                                     "text": f"{nick} が参加しました"}, exclude=conn)
                elif msg_type == "message":
                    text = data.get("text", "")
                    self.root.after(0, self._log_message, nick, text, False)
                    self._broadcast({"type": "message", "nick": nick, "text": text},
                                    exclude=conn)
        except Exception:
            pass
        finally:
            del self.clients[addr]
            conn.close()
            self.root.after(0, self._log_system, f"❌ {nick} が退出しました")

    def _recv_loop(self, conn):
        while True:
            data = self._recv_raw(conn)
            if data is None:
                self.root.after(0, self._log_system, "接続が切断されました")
                break
            msg_type = data.get("type", "message")
            if msg_type == "message":
                nick = data.get("nick", "?")
                text = data.get("text", "")
                self.root.after(0, self._log_message, nick, text, False)
            elif msg_type == "system":
                text = data.get("text", "")
                self.root.after(0, self._log_system, text)

    def _broadcast(self, data, exclude=None):
        for addr, (conn, nick) in list(self.clients.items()):
            if conn != exclude:
                try:
                    self._send_raw(conn, data)
                except Exception:
                    pass

    def _send_raw(self, sock, data):
        raw = json.dumps(data, ensure_ascii=False).encode("utf-8")
        length = len(raw).to_bytes(4, "big")
        sock.sendall(length + raw)

    def _recv_raw(self, sock):
        try:
            length_data = self._recv_exactly(sock, 4)
            if not length_data:
                return None
            length = int.from_bytes(length_data, "big")
            raw = self._recv_exactly(sock, length)
            if not raw:
                return None
            return json.loads(raw.decode("utf-8"))
        except Exception:
            return None

    def _recv_exactly(self, sock, n):
        data = b""
        while len(data) < n:
            chunk = sock.recv(n - len(data))
            if not chunk:
                return None
            data += chunk
        return data

    def _send_message(self):
        text = self.msg_var.get().strip()
        if not text:
            return
        self.msg_var.set("")
        self._log_message(self.nickname, text, True)
        msg = {"type": "message", "nick": self.nickname, "text": text}
        if self.mode == "server":
            self._broadcast(msg)
        elif self.mode == "client" and self.client_socket:
            try:
                self._send_raw(self.client_socket, msg)
            except Exception as e:
                self._log_system(f"送信エラー: {e}")

    def _log_message(self, nick, text, is_self):
        self.chat_text.config(state=tk.NORMAL)
        now = datetime.now().strftime("%H:%M")
        tag = "self" if is_self else "other"
        self.chat_text.insert(tk.END, f"[{now}] {nick}: ", tag)
        self.chat_text.insert(tk.END, text + "\n")
        self.chat_text.config(state=tk.DISABLED)
        self.chat_text.see(tk.END)

    def _log_system(self, text):
        self.chat_text.config(state=tk.NORMAL)
        now = datetime.now().strftime("%H:%M")
        self.chat_text.insert(tk.END, f"[{now}] {text}\n", "system")
        self.chat_text.config(state=tk.DISABLED)
        self.chat_text.see(tk.END)

    def _disconnect(self):
        self.mode = None
        if self.client_socket:
            try:
                self.client_socket.close()
            except Exception:
                pass
        if self.server_socket:
            try:
                self.server_socket.close()
            except Exception:
                pass
        self.status_badge.config(text="● 未接続", fg="#e74c3c")
        self._show_connect_panel()

    def _get_local_ip(self):
        try:
            s = socket.socket(socket.AF_INET, socket.SOCK_DGRAM)
            s.connect(("8.8.8.8", 80))
            ip = s.getsockname()[0]
            s.close()
            return ip
        except Exception:
            return "127.0.0.1"


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

LabelFrameによるセクション分け

ttk.LabelFrame を使うことで、入力エリアと結果エリアを視覚的に分けられます。padding引数でフレーム内の余白を設定し、見やすいレイアウトを実現しています。

import tkinter as tk
from tkinter import ttk, messagebox
import socket
import threading
import json
from datetime import datetime


class App17:
    """チャットアプリ(ソケット通信)"""

    DEFAULT_PORT = 55555
    BUFFER_SIZE = 4096

    def __init__(self, root):
        self.root = root
        self.root.title("チャットアプリ")
        self.root.geometry("700x560")
        self.root.configure(bg="#1a1a2e")
        self.server_socket = None
        self.client_socket = None
        self.clients = {}  # addr -> socket (server mode)
        self.nickname = "ゲスト"
        self.mode = None
        self._build_ui()
        self._show_connect_panel()

    def _build_ui(self):
        header = tk.Frame(self.root, bg="#16213e", pady=8)
        header.pack(fill=tk.X)
        tk.Label(header, text="💬 チャットアプリ(LAN通信)",
                 font=("Noto Sans JP", 14, "bold"),
                 bg="#16213e", fg="#58a6ff").pack(side=tk.LEFT, padx=12)
        self.status_badge = tk.Label(header, text="● 未接続",
                                     bg="#16213e", fg="#e74c3c",
                                     font=("Arial", 10))
        self.status_badge.pack(side=tk.RIGHT, padx=12)

        # 接続パネル
        self.connect_frame = tk.Frame(self.root, bg="#1a1a2e")

        # チャットエリア
        self.chat_frame = tk.Frame(self.root, bg="#1a1a2e")

        self.status_var = tk.StringVar(value="")
        tk.Label(self.root, textvariable=self.status_var,
                 bg="#16213e", fg="#8b949e", font=("Arial", 9),
                 anchor="w", padx=8).pack(fill=tk.X, side=tk.BOTTOM)

    def _show_connect_panel(self):
        self.chat_frame.pack_forget()
        self.connect_frame.pack(fill=tk.BOTH, expand=True)
        for w in self.connect_frame.winfo_children():
            w.destroy()

        c = tk.Frame(self.connect_frame, bg="#1a1a2e")
        c.place(relx=0.5, rely=0.35, anchor="center")

        tk.Label(c, text="💬 チャット接続設定",
                 font=("Noto Sans JP", 14, "bold"),
                 bg="#1a1a2e", fg="#58a6ff").pack(pady=10)

        form = tk.Frame(c, bg="#1a1a2e")
        form.pack()

        tk.Label(form, text="ニックネーム:",
                 bg="#1a1a2e", fg="#ccc").grid(row=0, column=0, sticky="w", pady=4)
        self.nick_var = tk.StringVar(value="ユーザー1")
        ttk.Entry(form, textvariable=self.nick_var, width=20).grid(
            row=0, column=1, padx=8)

        tk.Label(form, text="ポート:",
                 bg="#1a1a2e", fg="#ccc").grid(row=1, column=0, sticky="w", pady=4)
        self.port_var = tk.IntVar(value=self.DEFAULT_PORT)
        ttk.Entry(form, textvariable=self.port_var, width=10).grid(
            row=1, column=1, padx=8, sticky="w")

        server_frame = tk.Frame(c, bg="#1a1a2e")
        server_frame.pack(pady=10)
        ttk.Button(server_frame, text="🖥️ サーバーとして起動",
                   command=self._start_server).pack(side=tk.LEFT, padx=8)

        sep = tk.Label(c, text="───────── または ─────────",
                       bg="#1a1a2e", fg="#444")
        sep.pack()

        client_frame = tk.Frame(c, bg="#1a1a2e")
        client_frame.pack(pady=10)
        tk.Label(client_frame, text="接続先IP:",
                 bg="#1a1a2e", fg="#ccc").pack(side=tk.LEFT)
        self.host_var = tk.StringVar(value="127.0.0.1")
        ttk.Entry(client_frame, textvariable=self.host_var,
                  width=16).pack(side=tk.LEFT, padx=8)
        ttk.Button(client_frame, text="🔗 接続",
                   command=self._connect_client).pack(side=tk.LEFT)

    def _show_chat(self):
        self.connect_frame.pack_forget()
        self.chat_frame.pack(fill=tk.BOTH, expand=True)
        for w in self.chat_frame.winfo_children():
            w.destroy()

        paned = ttk.PanedWindow(self.chat_frame, orient=tk.HORIZONTAL)
        paned.pack(fill=tk.BOTH, expand=True)

        # 左: チャットログ
        left = tk.Frame(paned, bg="#0d1117")
        self.chat_text = tk.Text(left, bg="#0d1117", fg="#c9d1d9",
                                  font=("Noto Sans JP", 11),
                                  wrap=tk.WORD, state=tk.DISABLED,
                                  relief=tk.FLAT)
        sb = ttk.Scrollbar(left, command=self.chat_text.yview)
        self.chat_text.configure(yscrollcommand=sb.set)
        sb.pack(side=tk.RIGHT, fill=tk.Y)
        self.chat_text.pack(fill=tk.BOTH, expand=True)
        self.chat_text.tag_configure("self", foreground="#3fb950")
        self.chat_text.tag_configure("other", foreground="#58a6ff")
        self.chat_text.tag_configure("system", foreground="#ffa657",
                                      font=("Arial", 9))
        paned.add(left, weight=3)

        # 右: 接続中ユーザー
        right = tk.Frame(paned, bg="#161b22")
        tk.Label(right, text="参加中", bg="#0f3460", fg="#ccc",
                 pady=4, font=("Arial", 10)).pack(fill=tk.X)
        self.users_lb = tk.Listbox(right, bg="#161b22", fg="#c9d1d9",
                                    relief=tk.FLAT, font=("Arial", 10))
        self.users_lb.pack(fill=tk.BOTH, expand=True)
        paned.add(right, weight=1)

        # 入力エリア
        input_frame = tk.Frame(self.chat_frame, bg="#161b22", pady=4)
        input_frame.pack(fill=tk.X)
        self.msg_var = tk.StringVar()
        msg_entry = ttk.Entry(input_frame, textvariable=self.msg_var,
                               font=("Noto Sans JP", 11))
        msg_entry.pack(side=tk.LEFT, fill=tk.X, expand=True, padx=8)
        msg_entry.bind("<Return>", lambda e: self._send_message())
        ttk.Button(input_frame, text="送信",
                   command=self._send_message).pack(side=tk.LEFT, padx=4)
        ttk.Button(input_frame, text="切断",
                   command=self._disconnect).pack(side=tk.LEFT, padx=4)
        msg_entry.focus_set()

    def _start_server(self):
        self.nickname = self.nick_var.get() or "ホスト"
        port = self.port_var.get()
        try:
            self.server_socket = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
            self.server_socket.setsockopt(socket.SOL_SOCKET, socket.SO_REUSEADDR, 1)
            self.server_socket.bind(("", port))
            self.server_socket.listen(10)
            self.mode = "server"
            self.status_badge.config(text=f"● サーバー (:{port})", fg="#3fb950")
            self._show_chat()
            self._log_system(f"サーバー起動: ポート {port}")
            self._log_system(f"ローカルIP: {self._get_local_ip()}")
            self.users_lb.insert(tk.END, f"  👑 {self.nickname} (あなた)")
            threading.Thread(target=self._accept_loop, daemon=True).start()
        except Exception as e:
            messagebox.showerror("エラー", str(e))

    def _connect_client(self):
        self.nickname = self.nick_var.get() or "ゲスト"
        host = self.host_var.get().strip()
        port = self.port_var.get()
        try:
            self.client_socket = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
            self.client_socket.connect((host, port))
            self.mode = "client"
            # ニックネームを送信
            self._send_raw(self.client_socket,
                           {"type": "join", "nick": self.nickname})
            self.status_badge.config(text=f"● 接続中: {host}:{port}",
                                     fg="#3fb950")
            self._show_chat()
            self._log_system(f"{host}:{port} に接続しました")
            self.users_lb.insert(tk.END, f"  👤 {self.nickname} (あなた)")
            threading.Thread(target=self._recv_loop,
                             args=(self.client_socket,), daemon=True).start()
        except Exception as e:
            messagebox.showerror("接続エラー", str(e))

    def _accept_loop(self):
        while self.mode == "server":
            try:
                conn, addr = self.server_socket.accept()
                threading.Thread(target=self._handle_client,
                                 args=(conn, addr), daemon=True).start()
            except Exception:
                break

    def _handle_client(self, conn, addr):
        nick = str(addr)
        self.clients[addr] = (conn, nick)
        try:
            while True:
                data = self._recv_raw(conn)
                if data is None:
                    break
                msg_type = data.get("type", "message")
                if msg_type == "join":
                    nick = data.get("nick", str(addr))
                    self.clients[addr] = (conn, nick)
                    self.root.after(0, self._log_system, f"✅ {nick} が参加しました")
                    self.root.after(0, self.users_lb.insert,
                                    tk.END, f"  👤 {nick}")
                    self._broadcast({"type": "system",
                                     "text": f"{nick} が参加しました"}, exclude=conn)
                elif msg_type == "message":
                    text = data.get("text", "")
                    self.root.after(0, self._log_message, nick, text, False)
                    self._broadcast({"type": "message", "nick": nick, "text": text},
                                    exclude=conn)
        except Exception:
            pass
        finally:
            del self.clients[addr]
            conn.close()
            self.root.after(0, self._log_system, f"❌ {nick} が退出しました")

    def _recv_loop(self, conn):
        while True:
            data = self._recv_raw(conn)
            if data is None:
                self.root.after(0, self._log_system, "接続が切断されました")
                break
            msg_type = data.get("type", "message")
            if msg_type == "message":
                nick = data.get("nick", "?")
                text = data.get("text", "")
                self.root.after(0, self._log_message, nick, text, False)
            elif msg_type == "system":
                text = data.get("text", "")
                self.root.after(0, self._log_system, text)

    def _broadcast(self, data, exclude=None):
        for addr, (conn, nick) in list(self.clients.items()):
            if conn != exclude:
                try:
                    self._send_raw(conn, data)
                except Exception:
                    pass

    def _send_raw(self, sock, data):
        raw = json.dumps(data, ensure_ascii=False).encode("utf-8")
        length = len(raw).to_bytes(4, "big")
        sock.sendall(length + raw)

    def _recv_raw(self, sock):
        try:
            length_data = self._recv_exactly(sock, 4)
            if not length_data:
                return None
            length = int.from_bytes(length_data, "big")
            raw = self._recv_exactly(sock, length)
            if not raw:
                return None
            return json.loads(raw.decode("utf-8"))
        except Exception:
            return None

    def _recv_exactly(self, sock, n):
        data = b""
        while len(data) < n:
            chunk = sock.recv(n - len(data))
            if not chunk:
                return None
            data += chunk
        return data

    def _send_message(self):
        text = self.msg_var.get().strip()
        if not text:
            return
        self.msg_var.set("")
        self._log_message(self.nickname, text, True)
        msg = {"type": "message", "nick": self.nickname, "text": text}
        if self.mode == "server":
            self._broadcast(msg)
        elif self.mode == "client" and self.client_socket:
            try:
                self._send_raw(self.client_socket, msg)
            except Exception as e:
                self._log_system(f"送信エラー: {e}")

    def _log_message(self, nick, text, is_self):
        self.chat_text.config(state=tk.NORMAL)
        now = datetime.now().strftime("%H:%M")
        tag = "self" if is_self else "other"
        self.chat_text.insert(tk.END, f"[{now}] {nick}: ", tag)
        self.chat_text.insert(tk.END, text + "\n")
        self.chat_text.config(state=tk.DISABLED)
        self.chat_text.see(tk.END)

    def _log_system(self, text):
        self.chat_text.config(state=tk.NORMAL)
        now = datetime.now().strftime("%H:%M")
        self.chat_text.insert(tk.END, f"[{now}] {text}\n", "system")
        self.chat_text.config(state=tk.DISABLED)
        self.chat_text.see(tk.END)

    def _disconnect(self):
        self.mode = None
        if self.client_socket:
            try:
                self.client_socket.close()
            except Exception:
                pass
        if self.server_socket:
            try:
                self.server_socket.close()
            except Exception:
                pass
        self.status_badge.config(text="● 未接続", fg="#e74c3c")
        self._show_connect_panel()

    def _get_local_ip(self):
        try:
            s = socket.socket(socket.AF_INET, socket.SOCK_DGRAM)
            s.connect(("8.8.8.8", 80))
            ip = s.getsockname()[0]
            s.close()
            return ip
        except Exception:
            return "127.0.0.1"


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

Entryウィジェットとイベントバインド

ttk.Entryで入力フィールドを作成します。bind('', ...)でEnterキー押下時に処理を実行できます。これにより、マウスを使わずキーボードだけで操作できるUXが実現できます。

import tkinter as tk
from tkinter import ttk, messagebox
import socket
import threading
import json
from datetime import datetime


class App17:
    """チャットアプリ(ソケット通信)"""

    DEFAULT_PORT = 55555
    BUFFER_SIZE = 4096

    def __init__(self, root):
        self.root = root
        self.root.title("チャットアプリ")
        self.root.geometry("700x560")
        self.root.configure(bg="#1a1a2e")
        self.server_socket = None
        self.client_socket = None
        self.clients = {}  # addr -> socket (server mode)
        self.nickname = "ゲスト"
        self.mode = None
        self._build_ui()
        self._show_connect_panel()

    def _build_ui(self):
        header = tk.Frame(self.root, bg="#16213e", pady=8)
        header.pack(fill=tk.X)
        tk.Label(header, text="💬 チャットアプリ(LAN通信)",
                 font=("Noto Sans JP", 14, "bold"),
                 bg="#16213e", fg="#58a6ff").pack(side=tk.LEFT, padx=12)
        self.status_badge = tk.Label(header, text="● 未接続",
                                     bg="#16213e", fg="#e74c3c",
                                     font=("Arial", 10))
        self.status_badge.pack(side=tk.RIGHT, padx=12)

        # 接続パネル
        self.connect_frame = tk.Frame(self.root, bg="#1a1a2e")

        # チャットエリア
        self.chat_frame = tk.Frame(self.root, bg="#1a1a2e")

        self.status_var = tk.StringVar(value="")
        tk.Label(self.root, textvariable=self.status_var,
                 bg="#16213e", fg="#8b949e", font=("Arial", 9),
                 anchor="w", padx=8).pack(fill=tk.X, side=tk.BOTTOM)

    def _show_connect_panel(self):
        self.chat_frame.pack_forget()
        self.connect_frame.pack(fill=tk.BOTH, expand=True)
        for w in self.connect_frame.winfo_children():
            w.destroy()

        c = tk.Frame(self.connect_frame, bg="#1a1a2e")
        c.place(relx=0.5, rely=0.35, anchor="center")

        tk.Label(c, text="💬 チャット接続設定",
                 font=("Noto Sans JP", 14, "bold"),
                 bg="#1a1a2e", fg="#58a6ff").pack(pady=10)

        form = tk.Frame(c, bg="#1a1a2e")
        form.pack()

        tk.Label(form, text="ニックネーム:",
                 bg="#1a1a2e", fg="#ccc").grid(row=0, column=0, sticky="w", pady=4)
        self.nick_var = tk.StringVar(value="ユーザー1")
        ttk.Entry(form, textvariable=self.nick_var, width=20).grid(
            row=0, column=1, padx=8)

        tk.Label(form, text="ポート:",
                 bg="#1a1a2e", fg="#ccc").grid(row=1, column=0, sticky="w", pady=4)
        self.port_var = tk.IntVar(value=self.DEFAULT_PORT)
        ttk.Entry(form, textvariable=self.port_var, width=10).grid(
            row=1, column=1, padx=8, sticky="w")

        server_frame = tk.Frame(c, bg="#1a1a2e")
        server_frame.pack(pady=10)
        ttk.Button(server_frame, text="🖥️ サーバーとして起動",
                   command=self._start_server).pack(side=tk.LEFT, padx=8)

        sep = tk.Label(c, text="───────── または ─────────",
                       bg="#1a1a2e", fg="#444")
        sep.pack()

        client_frame = tk.Frame(c, bg="#1a1a2e")
        client_frame.pack(pady=10)
        tk.Label(client_frame, text="接続先IP:",
                 bg="#1a1a2e", fg="#ccc").pack(side=tk.LEFT)
        self.host_var = tk.StringVar(value="127.0.0.1")
        ttk.Entry(client_frame, textvariable=self.host_var,
                  width=16).pack(side=tk.LEFT, padx=8)
        ttk.Button(client_frame, text="🔗 接続",
                   command=self._connect_client).pack(side=tk.LEFT)

    def _show_chat(self):
        self.connect_frame.pack_forget()
        self.chat_frame.pack(fill=tk.BOTH, expand=True)
        for w in self.chat_frame.winfo_children():
            w.destroy()

        paned = ttk.PanedWindow(self.chat_frame, orient=tk.HORIZONTAL)
        paned.pack(fill=tk.BOTH, expand=True)

        # 左: チャットログ
        left = tk.Frame(paned, bg="#0d1117")
        self.chat_text = tk.Text(left, bg="#0d1117", fg="#c9d1d9",
                                  font=("Noto Sans JP", 11),
                                  wrap=tk.WORD, state=tk.DISABLED,
                                  relief=tk.FLAT)
        sb = ttk.Scrollbar(left, command=self.chat_text.yview)
        self.chat_text.configure(yscrollcommand=sb.set)
        sb.pack(side=tk.RIGHT, fill=tk.Y)
        self.chat_text.pack(fill=tk.BOTH, expand=True)
        self.chat_text.tag_configure("self", foreground="#3fb950")
        self.chat_text.tag_configure("other", foreground="#58a6ff")
        self.chat_text.tag_configure("system", foreground="#ffa657",
                                      font=("Arial", 9))
        paned.add(left, weight=3)

        # 右: 接続中ユーザー
        right = tk.Frame(paned, bg="#161b22")
        tk.Label(right, text="参加中", bg="#0f3460", fg="#ccc",
                 pady=4, font=("Arial", 10)).pack(fill=tk.X)
        self.users_lb = tk.Listbox(right, bg="#161b22", fg="#c9d1d9",
                                    relief=tk.FLAT, font=("Arial", 10))
        self.users_lb.pack(fill=tk.BOTH, expand=True)
        paned.add(right, weight=1)

        # 入力エリア
        input_frame = tk.Frame(self.chat_frame, bg="#161b22", pady=4)
        input_frame.pack(fill=tk.X)
        self.msg_var = tk.StringVar()
        msg_entry = ttk.Entry(input_frame, textvariable=self.msg_var,
                               font=("Noto Sans JP", 11))
        msg_entry.pack(side=tk.LEFT, fill=tk.X, expand=True, padx=8)
        msg_entry.bind("<Return>", lambda e: self._send_message())
        ttk.Button(input_frame, text="送信",
                   command=self._send_message).pack(side=tk.LEFT, padx=4)
        ttk.Button(input_frame, text="切断",
                   command=self._disconnect).pack(side=tk.LEFT, padx=4)
        msg_entry.focus_set()

    def _start_server(self):
        self.nickname = self.nick_var.get() or "ホスト"
        port = self.port_var.get()
        try:
            self.server_socket = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
            self.server_socket.setsockopt(socket.SOL_SOCKET, socket.SO_REUSEADDR, 1)
            self.server_socket.bind(("", port))
            self.server_socket.listen(10)
            self.mode = "server"
            self.status_badge.config(text=f"● サーバー (:{port})", fg="#3fb950")
            self._show_chat()
            self._log_system(f"サーバー起動: ポート {port}")
            self._log_system(f"ローカルIP: {self._get_local_ip()}")
            self.users_lb.insert(tk.END, f"  👑 {self.nickname} (あなた)")
            threading.Thread(target=self._accept_loop, daemon=True).start()
        except Exception as e:
            messagebox.showerror("エラー", str(e))

    def _connect_client(self):
        self.nickname = self.nick_var.get() or "ゲスト"
        host = self.host_var.get().strip()
        port = self.port_var.get()
        try:
            self.client_socket = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
            self.client_socket.connect((host, port))
            self.mode = "client"
            # ニックネームを送信
            self._send_raw(self.client_socket,
                           {"type": "join", "nick": self.nickname})
            self.status_badge.config(text=f"● 接続中: {host}:{port}",
                                     fg="#3fb950")
            self._show_chat()
            self._log_system(f"{host}:{port} に接続しました")
            self.users_lb.insert(tk.END, f"  👤 {self.nickname} (あなた)")
            threading.Thread(target=self._recv_loop,
                             args=(self.client_socket,), daemon=True).start()
        except Exception as e:
            messagebox.showerror("接続エラー", str(e))

    def _accept_loop(self):
        while self.mode == "server":
            try:
                conn, addr = self.server_socket.accept()
                threading.Thread(target=self._handle_client,
                                 args=(conn, addr), daemon=True).start()
            except Exception:
                break

    def _handle_client(self, conn, addr):
        nick = str(addr)
        self.clients[addr] = (conn, nick)
        try:
            while True:
                data = self._recv_raw(conn)
                if data is None:
                    break
                msg_type = data.get("type", "message")
                if msg_type == "join":
                    nick = data.get("nick", str(addr))
                    self.clients[addr] = (conn, nick)
                    self.root.after(0, self._log_system, f"✅ {nick} が参加しました")
                    self.root.after(0, self.users_lb.insert,
                                    tk.END, f"  👤 {nick}")
                    self._broadcast({"type": "system",
                                     "text": f"{nick} が参加しました"}, exclude=conn)
                elif msg_type == "message":
                    text = data.get("text", "")
                    self.root.after(0, self._log_message, nick, text, False)
                    self._broadcast({"type": "message", "nick": nick, "text": text},
                                    exclude=conn)
        except Exception:
            pass
        finally:
            del self.clients[addr]
            conn.close()
            self.root.after(0, self._log_system, f"❌ {nick} が退出しました")

    def _recv_loop(self, conn):
        while True:
            data = self._recv_raw(conn)
            if data is None:
                self.root.after(0, self._log_system, "接続が切断されました")
                break
            msg_type = data.get("type", "message")
            if msg_type == "message":
                nick = data.get("nick", "?")
                text = data.get("text", "")
                self.root.after(0, self._log_message, nick, text, False)
            elif msg_type == "system":
                text = data.get("text", "")
                self.root.after(0, self._log_system, text)

    def _broadcast(self, data, exclude=None):
        for addr, (conn, nick) in list(self.clients.items()):
            if conn != exclude:
                try:
                    self._send_raw(conn, data)
                except Exception:
                    pass

    def _send_raw(self, sock, data):
        raw = json.dumps(data, ensure_ascii=False).encode("utf-8")
        length = len(raw).to_bytes(4, "big")
        sock.sendall(length + raw)

    def _recv_raw(self, sock):
        try:
            length_data = self._recv_exactly(sock, 4)
            if not length_data:
                return None
            length = int.from_bytes(length_data, "big")
            raw = self._recv_exactly(sock, length)
            if not raw:
                return None
            return json.loads(raw.decode("utf-8"))
        except Exception:
            return None

    def _recv_exactly(self, sock, n):
        data = b""
        while len(data) < n:
            chunk = sock.recv(n - len(data))
            if not chunk:
                return None
            data += chunk
        return data

    def _send_message(self):
        text = self.msg_var.get().strip()
        if not text:
            return
        self.msg_var.set("")
        self._log_message(self.nickname, text, True)
        msg = {"type": "message", "nick": self.nickname, "text": text}
        if self.mode == "server":
            self._broadcast(msg)
        elif self.mode == "client" and self.client_socket:
            try:
                self._send_raw(self.client_socket, msg)
            except Exception as e:
                self._log_system(f"送信エラー: {e}")

    def _log_message(self, nick, text, is_self):
        self.chat_text.config(state=tk.NORMAL)
        now = datetime.now().strftime("%H:%M")
        tag = "self" if is_self else "other"
        self.chat_text.insert(tk.END, f"[{now}] {nick}: ", tag)
        self.chat_text.insert(tk.END, text + "\n")
        self.chat_text.config(state=tk.DISABLED)
        self.chat_text.see(tk.END)

    def _log_system(self, text):
        self.chat_text.config(state=tk.NORMAL)
        now = datetime.now().strftime("%H:%M")
        self.chat_text.insert(tk.END, f"[{now}] {text}\n", "system")
        self.chat_text.config(state=tk.DISABLED)
        self.chat_text.see(tk.END)

    def _disconnect(self):
        self.mode = None
        if self.client_socket:
            try:
                self.client_socket.close()
            except Exception:
                pass
        if self.server_socket:
            try:
                self.server_socket.close()
            except Exception:
                pass
        self.status_badge.config(text="● 未接続", fg="#e74c3c")
        self._show_connect_panel()

    def _get_local_ip(self):
        try:
            s = socket.socket(socket.AF_INET, socket.SOCK_DGRAM)
            s.connect(("8.8.8.8", 80))
            ip = s.getsockname()[0]
            s.close()
            return ip
        except Exception:
            return "127.0.0.1"


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

Textウィジェットでの結果表示

結果表示にはtk.Textウィジェットを使います。state=tk.DISABLEDでユーザーが直接編集できないようにし、表示前にNORMALに切り替えてからinsert()で内容を更新します。

import tkinter as tk
from tkinter import ttk, messagebox
import socket
import threading
import json
from datetime import datetime


class App17:
    """チャットアプリ(ソケット通信)"""

    DEFAULT_PORT = 55555
    BUFFER_SIZE = 4096

    def __init__(self, root):
        self.root = root
        self.root.title("チャットアプリ")
        self.root.geometry("700x560")
        self.root.configure(bg="#1a1a2e")
        self.server_socket = None
        self.client_socket = None
        self.clients = {}  # addr -> socket (server mode)
        self.nickname = "ゲスト"
        self.mode = None
        self._build_ui()
        self._show_connect_panel()

    def _build_ui(self):
        header = tk.Frame(self.root, bg="#16213e", pady=8)
        header.pack(fill=tk.X)
        tk.Label(header, text="💬 チャットアプリ(LAN通信)",
                 font=("Noto Sans JP", 14, "bold"),
                 bg="#16213e", fg="#58a6ff").pack(side=tk.LEFT, padx=12)
        self.status_badge = tk.Label(header, text="● 未接続",
                                     bg="#16213e", fg="#e74c3c",
                                     font=("Arial", 10))
        self.status_badge.pack(side=tk.RIGHT, padx=12)

        # 接続パネル
        self.connect_frame = tk.Frame(self.root, bg="#1a1a2e")

        # チャットエリア
        self.chat_frame = tk.Frame(self.root, bg="#1a1a2e")

        self.status_var = tk.StringVar(value="")
        tk.Label(self.root, textvariable=self.status_var,
                 bg="#16213e", fg="#8b949e", font=("Arial", 9),
                 anchor="w", padx=8).pack(fill=tk.X, side=tk.BOTTOM)

    def _show_connect_panel(self):
        self.chat_frame.pack_forget()
        self.connect_frame.pack(fill=tk.BOTH, expand=True)
        for w in self.connect_frame.winfo_children():
            w.destroy()

        c = tk.Frame(self.connect_frame, bg="#1a1a2e")
        c.place(relx=0.5, rely=0.35, anchor="center")

        tk.Label(c, text="💬 チャット接続設定",
                 font=("Noto Sans JP", 14, "bold"),
                 bg="#1a1a2e", fg="#58a6ff").pack(pady=10)

        form = tk.Frame(c, bg="#1a1a2e")
        form.pack()

        tk.Label(form, text="ニックネーム:",
                 bg="#1a1a2e", fg="#ccc").grid(row=0, column=0, sticky="w", pady=4)
        self.nick_var = tk.StringVar(value="ユーザー1")
        ttk.Entry(form, textvariable=self.nick_var, width=20).grid(
            row=0, column=1, padx=8)

        tk.Label(form, text="ポート:",
                 bg="#1a1a2e", fg="#ccc").grid(row=1, column=0, sticky="w", pady=4)
        self.port_var = tk.IntVar(value=self.DEFAULT_PORT)
        ttk.Entry(form, textvariable=self.port_var, width=10).grid(
            row=1, column=1, padx=8, sticky="w")

        server_frame = tk.Frame(c, bg="#1a1a2e")
        server_frame.pack(pady=10)
        ttk.Button(server_frame, text="🖥️ サーバーとして起動",
                   command=self._start_server).pack(side=tk.LEFT, padx=8)

        sep = tk.Label(c, text="───────── または ─────────",
                       bg="#1a1a2e", fg="#444")
        sep.pack()

        client_frame = tk.Frame(c, bg="#1a1a2e")
        client_frame.pack(pady=10)
        tk.Label(client_frame, text="接続先IP:",
                 bg="#1a1a2e", fg="#ccc").pack(side=tk.LEFT)
        self.host_var = tk.StringVar(value="127.0.0.1")
        ttk.Entry(client_frame, textvariable=self.host_var,
                  width=16).pack(side=tk.LEFT, padx=8)
        ttk.Button(client_frame, text="🔗 接続",
                   command=self._connect_client).pack(side=tk.LEFT)

    def _show_chat(self):
        self.connect_frame.pack_forget()
        self.chat_frame.pack(fill=tk.BOTH, expand=True)
        for w in self.chat_frame.winfo_children():
            w.destroy()

        paned = ttk.PanedWindow(self.chat_frame, orient=tk.HORIZONTAL)
        paned.pack(fill=tk.BOTH, expand=True)

        # 左: チャットログ
        left = tk.Frame(paned, bg="#0d1117")
        self.chat_text = tk.Text(left, bg="#0d1117", fg="#c9d1d9",
                                  font=("Noto Sans JP", 11),
                                  wrap=tk.WORD, state=tk.DISABLED,
                                  relief=tk.FLAT)
        sb = ttk.Scrollbar(left, command=self.chat_text.yview)
        self.chat_text.configure(yscrollcommand=sb.set)
        sb.pack(side=tk.RIGHT, fill=tk.Y)
        self.chat_text.pack(fill=tk.BOTH, expand=True)
        self.chat_text.tag_configure("self", foreground="#3fb950")
        self.chat_text.tag_configure("other", foreground="#58a6ff")
        self.chat_text.tag_configure("system", foreground="#ffa657",
                                      font=("Arial", 9))
        paned.add(left, weight=3)

        # 右: 接続中ユーザー
        right = tk.Frame(paned, bg="#161b22")
        tk.Label(right, text="参加中", bg="#0f3460", fg="#ccc",
                 pady=4, font=("Arial", 10)).pack(fill=tk.X)
        self.users_lb = tk.Listbox(right, bg="#161b22", fg="#c9d1d9",
                                    relief=tk.FLAT, font=("Arial", 10))
        self.users_lb.pack(fill=tk.BOTH, expand=True)
        paned.add(right, weight=1)

        # 入力エリア
        input_frame = tk.Frame(self.chat_frame, bg="#161b22", pady=4)
        input_frame.pack(fill=tk.X)
        self.msg_var = tk.StringVar()
        msg_entry = ttk.Entry(input_frame, textvariable=self.msg_var,
                               font=("Noto Sans JP", 11))
        msg_entry.pack(side=tk.LEFT, fill=tk.X, expand=True, padx=8)
        msg_entry.bind("<Return>", lambda e: self._send_message())
        ttk.Button(input_frame, text="送信",
                   command=self._send_message).pack(side=tk.LEFT, padx=4)
        ttk.Button(input_frame, text="切断",
                   command=self._disconnect).pack(side=tk.LEFT, padx=4)
        msg_entry.focus_set()

    def _start_server(self):
        self.nickname = self.nick_var.get() or "ホスト"
        port = self.port_var.get()
        try:
            self.server_socket = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
            self.server_socket.setsockopt(socket.SOL_SOCKET, socket.SO_REUSEADDR, 1)
            self.server_socket.bind(("", port))
            self.server_socket.listen(10)
            self.mode = "server"
            self.status_badge.config(text=f"● サーバー (:{port})", fg="#3fb950")
            self._show_chat()
            self._log_system(f"サーバー起動: ポート {port}")
            self._log_system(f"ローカルIP: {self._get_local_ip()}")
            self.users_lb.insert(tk.END, f"  👑 {self.nickname} (あなた)")
            threading.Thread(target=self._accept_loop, daemon=True).start()
        except Exception as e:
            messagebox.showerror("エラー", str(e))

    def _connect_client(self):
        self.nickname = self.nick_var.get() or "ゲスト"
        host = self.host_var.get().strip()
        port = self.port_var.get()
        try:
            self.client_socket = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
            self.client_socket.connect((host, port))
            self.mode = "client"
            # ニックネームを送信
            self._send_raw(self.client_socket,
                           {"type": "join", "nick": self.nickname})
            self.status_badge.config(text=f"● 接続中: {host}:{port}",
                                     fg="#3fb950")
            self._show_chat()
            self._log_system(f"{host}:{port} に接続しました")
            self.users_lb.insert(tk.END, f"  👤 {self.nickname} (あなた)")
            threading.Thread(target=self._recv_loop,
                             args=(self.client_socket,), daemon=True).start()
        except Exception as e:
            messagebox.showerror("接続エラー", str(e))

    def _accept_loop(self):
        while self.mode == "server":
            try:
                conn, addr = self.server_socket.accept()
                threading.Thread(target=self._handle_client,
                                 args=(conn, addr), daemon=True).start()
            except Exception:
                break

    def _handle_client(self, conn, addr):
        nick = str(addr)
        self.clients[addr] = (conn, nick)
        try:
            while True:
                data = self._recv_raw(conn)
                if data is None:
                    break
                msg_type = data.get("type", "message")
                if msg_type == "join":
                    nick = data.get("nick", str(addr))
                    self.clients[addr] = (conn, nick)
                    self.root.after(0, self._log_system, f"✅ {nick} が参加しました")
                    self.root.after(0, self.users_lb.insert,
                                    tk.END, f"  👤 {nick}")
                    self._broadcast({"type": "system",
                                     "text": f"{nick} が参加しました"}, exclude=conn)
                elif msg_type == "message":
                    text = data.get("text", "")
                    self.root.after(0, self._log_message, nick, text, False)
                    self._broadcast({"type": "message", "nick": nick, "text": text},
                                    exclude=conn)
        except Exception:
            pass
        finally:
            del self.clients[addr]
            conn.close()
            self.root.after(0, self._log_system, f"❌ {nick} が退出しました")

    def _recv_loop(self, conn):
        while True:
            data = self._recv_raw(conn)
            if data is None:
                self.root.after(0, self._log_system, "接続が切断されました")
                break
            msg_type = data.get("type", "message")
            if msg_type == "message":
                nick = data.get("nick", "?")
                text = data.get("text", "")
                self.root.after(0, self._log_message, nick, text, False)
            elif msg_type == "system":
                text = data.get("text", "")
                self.root.after(0, self._log_system, text)

    def _broadcast(self, data, exclude=None):
        for addr, (conn, nick) in list(self.clients.items()):
            if conn != exclude:
                try:
                    self._send_raw(conn, data)
                except Exception:
                    pass

    def _send_raw(self, sock, data):
        raw = json.dumps(data, ensure_ascii=False).encode("utf-8")
        length = len(raw).to_bytes(4, "big")
        sock.sendall(length + raw)

    def _recv_raw(self, sock):
        try:
            length_data = self._recv_exactly(sock, 4)
            if not length_data:
                return None
            length = int.from_bytes(length_data, "big")
            raw = self._recv_exactly(sock, length)
            if not raw:
                return None
            return json.loads(raw.decode("utf-8"))
        except Exception:
            return None

    def _recv_exactly(self, sock, n):
        data = b""
        while len(data) < n:
            chunk = sock.recv(n - len(data))
            if not chunk:
                return None
            data += chunk
        return data

    def _send_message(self):
        text = self.msg_var.get().strip()
        if not text:
            return
        self.msg_var.set("")
        self._log_message(self.nickname, text, True)
        msg = {"type": "message", "nick": self.nickname, "text": text}
        if self.mode == "server":
            self._broadcast(msg)
        elif self.mode == "client" and self.client_socket:
            try:
                self._send_raw(self.client_socket, msg)
            except Exception as e:
                self._log_system(f"送信エラー: {e}")

    def _log_message(self, nick, text, is_self):
        self.chat_text.config(state=tk.NORMAL)
        now = datetime.now().strftime("%H:%M")
        tag = "self" if is_self else "other"
        self.chat_text.insert(tk.END, f"[{now}] {nick}: ", tag)
        self.chat_text.insert(tk.END, text + "\n")
        self.chat_text.config(state=tk.DISABLED)
        self.chat_text.see(tk.END)

    def _log_system(self, text):
        self.chat_text.config(state=tk.NORMAL)
        now = datetime.now().strftime("%H:%M")
        self.chat_text.insert(tk.END, f"[{now}] {text}\n", "system")
        self.chat_text.config(state=tk.DISABLED)
        self.chat_text.see(tk.END)

    def _disconnect(self):
        self.mode = None
        if self.client_socket:
            try:
                self.client_socket.close()
            except Exception:
                pass
        if self.server_socket:
            try:
                self.server_socket.close()
            except Exception:
                pass
        self.status_badge.config(text="● 未接続", fg="#e74c3c")
        self._show_connect_panel()

    def _get_local_ip(self):
        try:
            s = socket.socket(socket.AF_INET, socket.SOCK_DGRAM)
            s.connect(("8.8.8.8", 80))
            ip = s.getsockname()[0]
            s.close()
            return ip
        except Exception:
            return "127.0.0.1"


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

例外処理とmessagebox

try-except で ValueError と Exception を捕捉し、messagebox.showerror() でユーザーにわかりやすいエラーメッセージを表示します。入力バリデーションは必ず実装しましょう。

import tkinter as tk
from tkinter import ttk, messagebox
import socket
import threading
import json
from datetime import datetime


class App17:
    """チャットアプリ(ソケット通信)"""

    DEFAULT_PORT = 55555
    BUFFER_SIZE = 4096

    def __init__(self, root):
        self.root = root
        self.root.title("チャットアプリ")
        self.root.geometry("700x560")
        self.root.configure(bg="#1a1a2e")
        self.server_socket = None
        self.client_socket = None
        self.clients = {}  # addr -> socket (server mode)
        self.nickname = "ゲスト"
        self.mode = None
        self._build_ui()
        self._show_connect_panel()

    def _build_ui(self):
        header = tk.Frame(self.root, bg="#16213e", pady=8)
        header.pack(fill=tk.X)
        tk.Label(header, text="💬 チャットアプリ(LAN通信)",
                 font=("Noto Sans JP", 14, "bold"),
                 bg="#16213e", fg="#58a6ff").pack(side=tk.LEFT, padx=12)
        self.status_badge = tk.Label(header, text="● 未接続",
                                     bg="#16213e", fg="#e74c3c",
                                     font=("Arial", 10))
        self.status_badge.pack(side=tk.RIGHT, padx=12)

        # 接続パネル
        self.connect_frame = tk.Frame(self.root, bg="#1a1a2e")

        # チャットエリア
        self.chat_frame = tk.Frame(self.root, bg="#1a1a2e")

        self.status_var = tk.StringVar(value="")
        tk.Label(self.root, textvariable=self.status_var,
                 bg="#16213e", fg="#8b949e", font=("Arial", 9),
                 anchor="w", padx=8).pack(fill=tk.X, side=tk.BOTTOM)

    def _show_connect_panel(self):
        self.chat_frame.pack_forget()
        self.connect_frame.pack(fill=tk.BOTH, expand=True)
        for w in self.connect_frame.winfo_children():
            w.destroy()

        c = tk.Frame(self.connect_frame, bg="#1a1a2e")
        c.place(relx=0.5, rely=0.35, anchor="center")

        tk.Label(c, text="💬 チャット接続設定",
                 font=("Noto Sans JP", 14, "bold"),
                 bg="#1a1a2e", fg="#58a6ff").pack(pady=10)

        form = tk.Frame(c, bg="#1a1a2e")
        form.pack()

        tk.Label(form, text="ニックネーム:",
                 bg="#1a1a2e", fg="#ccc").grid(row=0, column=0, sticky="w", pady=4)
        self.nick_var = tk.StringVar(value="ユーザー1")
        ttk.Entry(form, textvariable=self.nick_var, width=20).grid(
            row=0, column=1, padx=8)

        tk.Label(form, text="ポート:",
                 bg="#1a1a2e", fg="#ccc").grid(row=1, column=0, sticky="w", pady=4)
        self.port_var = tk.IntVar(value=self.DEFAULT_PORT)
        ttk.Entry(form, textvariable=self.port_var, width=10).grid(
            row=1, column=1, padx=8, sticky="w")

        server_frame = tk.Frame(c, bg="#1a1a2e")
        server_frame.pack(pady=10)
        ttk.Button(server_frame, text="🖥️ サーバーとして起動",
                   command=self._start_server).pack(side=tk.LEFT, padx=8)

        sep = tk.Label(c, text="───────── または ─────────",
                       bg="#1a1a2e", fg="#444")
        sep.pack()

        client_frame = tk.Frame(c, bg="#1a1a2e")
        client_frame.pack(pady=10)
        tk.Label(client_frame, text="接続先IP:",
                 bg="#1a1a2e", fg="#ccc").pack(side=tk.LEFT)
        self.host_var = tk.StringVar(value="127.0.0.1")
        ttk.Entry(client_frame, textvariable=self.host_var,
                  width=16).pack(side=tk.LEFT, padx=8)
        ttk.Button(client_frame, text="🔗 接続",
                   command=self._connect_client).pack(side=tk.LEFT)

    def _show_chat(self):
        self.connect_frame.pack_forget()
        self.chat_frame.pack(fill=tk.BOTH, expand=True)
        for w in self.chat_frame.winfo_children():
            w.destroy()

        paned = ttk.PanedWindow(self.chat_frame, orient=tk.HORIZONTAL)
        paned.pack(fill=tk.BOTH, expand=True)

        # 左: チャットログ
        left = tk.Frame(paned, bg="#0d1117")
        self.chat_text = tk.Text(left, bg="#0d1117", fg="#c9d1d9",
                                  font=("Noto Sans JP", 11),
                                  wrap=tk.WORD, state=tk.DISABLED,
                                  relief=tk.FLAT)
        sb = ttk.Scrollbar(left, command=self.chat_text.yview)
        self.chat_text.configure(yscrollcommand=sb.set)
        sb.pack(side=tk.RIGHT, fill=tk.Y)
        self.chat_text.pack(fill=tk.BOTH, expand=True)
        self.chat_text.tag_configure("self", foreground="#3fb950")
        self.chat_text.tag_configure("other", foreground="#58a6ff")
        self.chat_text.tag_configure("system", foreground="#ffa657",
                                      font=("Arial", 9))
        paned.add(left, weight=3)

        # 右: 接続中ユーザー
        right = tk.Frame(paned, bg="#161b22")
        tk.Label(right, text="参加中", bg="#0f3460", fg="#ccc",
                 pady=4, font=("Arial", 10)).pack(fill=tk.X)
        self.users_lb = tk.Listbox(right, bg="#161b22", fg="#c9d1d9",
                                    relief=tk.FLAT, font=("Arial", 10))
        self.users_lb.pack(fill=tk.BOTH, expand=True)
        paned.add(right, weight=1)

        # 入力エリア
        input_frame = tk.Frame(self.chat_frame, bg="#161b22", pady=4)
        input_frame.pack(fill=tk.X)
        self.msg_var = tk.StringVar()
        msg_entry = ttk.Entry(input_frame, textvariable=self.msg_var,
                               font=("Noto Sans JP", 11))
        msg_entry.pack(side=tk.LEFT, fill=tk.X, expand=True, padx=8)
        msg_entry.bind("<Return>", lambda e: self._send_message())
        ttk.Button(input_frame, text="送信",
                   command=self._send_message).pack(side=tk.LEFT, padx=4)
        ttk.Button(input_frame, text="切断",
                   command=self._disconnect).pack(side=tk.LEFT, padx=4)
        msg_entry.focus_set()

    def _start_server(self):
        self.nickname = self.nick_var.get() or "ホスト"
        port = self.port_var.get()
        try:
            self.server_socket = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
            self.server_socket.setsockopt(socket.SOL_SOCKET, socket.SO_REUSEADDR, 1)
            self.server_socket.bind(("", port))
            self.server_socket.listen(10)
            self.mode = "server"
            self.status_badge.config(text=f"● サーバー (:{port})", fg="#3fb950")
            self._show_chat()
            self._log_system(f"サーバー起動: ポート {port}")
            self._log_system(f"ローカルIP: {self._get_local_ip()}")
            self.users_lb.insert(tk.END, f"  👑 {self.nickname} (あなた)")
            threading.Thread(target=self._accept_loop, daemon=True).start()
        except Exception as e:
            messagebox.showerror("エラー", str(e))

    def _connect_client(self):
        self.nickname = self.nick_var.get() or "ゲスト"
        host = self.host_var.get().strip()
        port = self.port_var.get()
        try:
            self.client_socket = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
            self.client_socket.connect((host, port))
            self.mode = "client"
            # ニックネームを送信
            self._send_raw(self.client_socket,
                           {"type": "join", "nick": self.nickname})
            self.status_badge.config(text=f"● 接続中: {host}:{port}",
                                     fg="#3fb950")
            self._show_chat()
            self._log_system(f"{host}:{port} に接続しました")
            self.users_lb.insert(tk.END, f"  👤 {self.nickname} (あなた)")
            threading.Thread(target=self._recv_loop,
                             args=(self.client_socket,), daemon=True).start()
        except Exception as e:
            messagebox.showerror("接続エラー", str(e))

    def _accept_loop(self):
        while self.mode == "server":
            try:
                conn, addr = self.server_socket.accept()
                threading.Thread(target=self._handle_client,
                                 args=(conn, addr), daemon=True).start()
            except Exception:
                break

    def _handle_client(self, conn, addr):
        nick = str(addr)
        self.clients[addr] = (conn, nick)
        try:
            while True:
                data = self._recv_raw(conn)
                if data is None:
                    break
                msg_type = data.get("type", "message")
                if msg_type == "join":
                    nick = data.get("nick", str(addr))
                    self.clients[addr] = (conn, nick)
                    self.root.after(0, self._log_system, f"✅ {nick} が参加しました")
                    self.root.after(0, self.users_lb.insert,
                                    tk.END, f"  👤 {nick}")
                    self._broadcast({"type": "system",
                                     "text": f"{nick} が参加しました"}, exclude=conn)
                elif msg_type == "message":
                    text = data.get("text", "")
                    self.root.after(0, self._log_message, nick, text, False)
                    self._broadcast({"type": "message", "nick": nick, "text": text},
                                    exclude=conn)
        except Exception:
            pass
        finally:
            del self.clients[addr]
            conn.close()
            self.root.after(0, self._log_system, f"❌ {nick} が退出しました")

    def _recv_loop(self, conn):
        while True:
            data = self._recv_raw(conn)
            if data is None:
                self.root.after(0, self._log_system, "接続が切断されました")
                break
            msg_type = data.get("type", "message")
            if msg_type == "message":
                nick = data.get("nick", "?")
                text = data.get("text", "")
                self.root.after(0, self._log_message, nick, text, False)
            elif msg_type == "system":
                text = data.get("text", "")
                self.root.after(0, self._log_system, text)

    def _broadcast(self, data, exclude=None):
        for addr, (conn, nick) in list(self.clients.items()):
            if conn != exclude:
                try:
                    self._send_raw(conn, data)
                except Exception:
                    pass

    def _send_raw(self, sock, data):
        raw = json.dumps(data, ensure_ascii=False).encode("utf-8")
        length = len(raw).to_bytes(4, "big")
        sock.sendall(length + raw)

    def _recv_raw(self, sock):
        try:
            length_data = self._recv_exactly(sock, 4)
            if not length_data:
                return None
            length = int.from_bytes(length_data, "big")
            raw = self._recv_exactly(sock, length)
            if not raw:
                return None
            return json.loads(raw.decode("utf-8"))
        except Exception:
            return None

    def _recv_exactly(self, sock, n):
        data = b""
        while len(data) < n:
            chunk = sock.recv(n - len(data))
            if not chunk:
                return None
            data += chunk
        return data

    def _send_message(self):
        text = self.msg_var.get().strip()
        if not text:
            return
        self.msg_var.set("")
        self._log_message(self.nickname, text, True)
        msg = {"type": "message", "nick": self.nickname, "text": text}
        if self.mode == "server":
            self._broadcast(msg)
        elif self.mode == "client" and self.client_socket:
            try:
                self._send_raw(self.client_socket, msg)
            except Exception as e:
                self._log_system(f"送信エラー: {e}")

    def _log_message(self, nick, text, is_self):
        self.chat_text.config(state=tk.NORMAL)
        now = datetime.now().strftime("%H:%M")
        tag = "self" if is_self else "other"
        self.chat_text.insert(tk.END, f"[{now}] {nick}: ", tag)
        self.chat_text.insert(tk.END, text + "\n")
        self.chat_text.config(state=tk.DISABLED)
        self.chat_text.see(tk.END)

    def _log_system(self, text):
        self.chat_text.config(state=tk.NORMAL)
        now = datetime.now().strftime("%H:%M")
        self.chat_text.insert(tk.END, f"[{now}] {text}\n", "system")
        self.chat_text.config(state=tk.DISABLED)
        self.chat_text.see(tk.END)

    def _disconnect(self):
        self.mode = None
        if self.client_socket:
            try:
                self.client_socket.close()
            except Exception:
                pass
        if self.server_socket:
            try:
                self.server_socket.close()
            except Exception:
                pass
        self.status_badge.config(text="● 未接続", fg="#e74c3c")
        self._show_connect_panel()

    def _get_local_ip(self):
        try:
            s = socket.socket(socket.AF_INET, socket.SOCK_DGRAM)
            s.connect(("8.8.8.8", 80))
            ip = s.getsockname()[0]
            s.close()
            return ip
        except Exception:
            return "127.0.0.1"


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

6. ステップバイステップガイド

このアプリをゼロから自分で作る手順を解説します。コードをコピーするだけでなく、実際に手順を追って自分で書いてみましょう。

  1. 1
    ファイルを作成する

    新しいファイルを作成して app17.py と保存します。

  2. 2
    クラスの骨格を作る

    App17クラスを定義し、__init__とmainloop()の最小構成を作ります。

  3. 3
    タイトルバーを作る

    Frameを使ってカラーバー付きのタイトルエリアを作ります。

  4. 4
    入力フォームを実装する

    LabelFrameとEntryウィジェットで入力エリアを作ります。

  5. 5
    処理ロジックを実装する

    _calculate()メソッドに計算・処理ロジックを実装します。

  6. 6
    結果表示を実装する

    TextウィジェットかLabelに結果を表示する_show_result()を実装します。

  7. 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:機能拡張

    チャットアプリ(ソケット通信)に新しい機能を1つ追加してみましょう。どんな機能があると便利か考えてから実装してください。

  2. 課題2:UIの改善

    色・フォント・レイアウトを変更して、より使いやすいUIにカスタマイズしてみましょう。

  3. 課題3:保存機能の追加

    入力値や計算結果をファイルに保存する機能を追加しましょう。jsonやcsvモジュールを使います。

🚀
次に挑戦するアプリ

このアプリをマスターしたら、次のNo.18に挑戦しましょう。