初心者向け No.22

文字数カウンター

入力した文章の文字数・単語数をリアルタイムにカウントするアプリ。テキストウィジェットのイベント処理を学びます。

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

📋 目次

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

1. アプリ概要

入力した文章の文字数・単語数をリアルタイムにカウントするアプリ。テキストウィジェットのイベント処理を学びます。

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

💡

コードのコピー方法

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

app22.py

import tkinter as tk
from tkinter import ttk


class App22:
    """文字数カウンター"""

    def __init__(self, root):
        self.root = root
        self.root.title("文字数カウンター")
        self.root.geometry("500x420")
        self.root.configure(bg="#f8f9fc")
        self._build_ui()

    def _build_ui(self):
        title_frame = tk.Frame(self.root, bg="#3776ab", pady=12)
        title_frame.pack(fill=tk.X)
        tk.Label(title_frame, text="文字数カウンター",
                 font=("Noto Sans JP", 16, "bold"),
                 bg="#3776ab", fg="white").pack()

        main_frame = tk.Frame(self.root, bg="#f8f9fc", padx=20, pady=12)
        main_frame.pack(fill=tk.BOTH, expand=True)

        # 入力エリア
        input_frame = ttk.LabelFrame(main_frame, text="テキストを入力", padding=8)
        input_frame.pack(fill=tk.BOTH, expand=True, pady=(0, 10))

        self.text = tk.Text(input_frame, font=("Noto Sans JP", 12), wrap=tk.WORD,
                            bg="white", fg="#111", padx=6, pady=6, height=10)
        self.text.pack(side=tk.LEFT, fill=tk.BOTH, expand=True)
        sb = ttk.Scrollbar(input_frame, command=self.text.yview)
        self.text.configure(yscrollcommand=sb.set)
        sb.pack(side=tk.RIGHT, fill=tk.Y)
        self.text.bind("<KeyRelease>", self._update)

        # クリアボタン
        ttk.Button(main_frame, text="クリア",
                   command=lambda: (self.text.delete("1.0", tk.END), self._update())).pack(anchor="e", pady=(0, 8))

        # カウント表示
        count_frame = ttk.LabelFrame(main_frame, text="カウント結果", padding=10)
        count_frame.pack(fill=tk.X)

        self.labels = {}
        items = [
            ("総文字数", "total"),
            ("スペース除く", "no_space"),
            ("改行除く", "no_newline"),
            ("行数", "lines"),
            ("単語数（スペース区切り）", "words"),
        ]
        for row, (label, key) in enumerate(items):
            tk.Label(count_frame, text=f"{label}:", bg=count_frame.cget("bg"),
                     font=("Noto Sans JP", 11), anchor="w", width=22).grid(
                row=row, column=0, sticky="w", pady=2)
            lbl = tk.Label(count_frame, text="0", bg=count_frame.cget("bg"),
                           font=("Noto Sans JP", 13, "bold"), fg="#3776ab",
                           anchor="w", width=8)
            lbl.grid(row=row, column=1, sticky="w")
            self.labels[key] = lbl

    def _update(self, event=None):
        content = self.text.get("1.0", tk.END)[:-1]  # 末尾の余分な改行を除く
        self.labels["total"].config(text=str(len(content)))
        self.labels["no_space"].config(text=str(len(content.replace(" ", "").replace("　", ""))))
        self.labels["no_newline"].config(text=str(len(content.replace("\n", ""))))
        self.labels["lines"].config(text=str(content.count("\n") + (1 if content else 0)))
        self.labels["words"].config(text=str(len(content.split())))


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

5. コード解説

文字数カウンターのコードを詳しく解説します。クラスベースの設計で各機能を整理して実装しています。

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

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

import tkinter as tk
from tkinter import ttk


class App22:
    """文字数カウンター"""

    def __init__(self, root):
        self.root = root
        self.root.title("文字数カウンター")
        self.root.geometry("500x420")
        self.root.configure(bg="#f8f9fc")
        self._build_ui()

    def _build_ui(self):
        title_frame = tk.Frame(self.root, bg="#3776ab", pady=12)
        title_frame.pack(fill=tk.X)
        tk.Label(title_frame, text="文字数カウンター",
                 font=("Noto Sans JP", 16, "bold"),
                 bg="#3776ab", fg="white").pack()

        main_frame = tk.Frame(self.root, bg="#f8f9fc", padx=20, pady=12)
        main_frame.pack(fill=tk.BOTH, expand=True)

        # 入力エリア
        input_frame = ttk.LabelFrame(main_frame, text="テキストを入力", padding=8)
        input_frame.pack(fill=tk.BOTH, expand=True, pady=(0, 10))

        self.text = tk.Text(input_frame, font=("Noto Sans JP", 12), wrap=tk.WORD,
                            bg="white", fg="#111", padx=6, pady=6, height=10)
        self.text.pack(side=tk.LEFT, fill=tk.BOTH, expand=True)
        sb = ttk.Scrollbar(input_frame, command=self.text.yview)
        self.text.configure(yscrollcommand=sb.set)
        sb.pack(side=tk.RIGHT, fill=tk.Y)
        self.text.bind("<KeyRelease>", self._update)

        # クリアボタン
        ttk.Button(main_frame, text="クリア",
                   command=lambda: (self.text.delete("1.0", tk.END), self._update())).pack(anchor="e", pady=(0, 8))

        # カウント表示
        count_frame = ttk.LabelFrame(main_frame, text="カウント結果", padding=10)
        count_frame.pack(fill=tk.X)

        self.labels = {}
        items = [
            ("総文字数", "total"),
            ("スペース除く", "no_space"),
            ("改行除く", "no_newline"),
            ("行数", "lines"),
            ("単語数（スペース区切り）", "words"),
        ]
        for row, (label, key) in enumerate(items):
            tk.Label(count_frame, text=f"{label}:", bg=count_frame.cget("bg"),
                     font=("Noto Sans JP", 11), anchor="w", width=22).grid(
                row=row, column=0, sticky="w", pady=2)
            lbl = tk.Label(count_frame, text="0", bg=count_frame.cget("bg"),
                           font=("Noto Sans JP", 13, "bold"), fg="#3776ab",
                           anchor="w", width=8)
            lbl.grid(row=row, column=1, sticky="w")
            self.labels[key] = lbl

    def _update(self, event=None):
        content = self.text.get("1.0", tk.END)[:-1]  # 末尾の余分な改行を除く
        self.labels["total"].config(text=str(len(content)))
        self.labels["no_space"].config(text=str(len(content.replace(" ", "").replace("　", ""))))
        self.labels["no_newline"].config(text=str(len(content.replace("\n", ""))))
        self.labels["lines"].config(text=str(content.count("\n") + (1 if content else 0)))
        self.labels["words"].config(text=str(len(content.split())))


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

LabelFrameによるセクション分け

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

import tkinter as tk
from tkinter import ttk


class App22:
    """文字数カウンター"""

    def __init__(self, root):
        self.root = root
        self.root.title("文字数カウンター")
        self.root.geometry("500x420")
        self.root.configure(bg="#f8f9fc")
        self._build_ui()

    def _build_ui(self):
        title_frame = tk.Frame(self.root, bg="#3776ab", pady=12)
        title_frame.pack(fill=tk.X)
        tk.Label(title_frame, text="文字数カウンター",
                 font=("Noto Sans JP", 16, "bold"),
                 bg="#3776ab", fg="white").pack()

        main_frame = tk.Frame(self.root, bg="#f8f9fc", padx=20, pady=12)
        main_frame.pack(fill=tk.BOTH, expand=True)

        # 入力エリア
        input_frame = ttk.LabelFrame(main_frame, text="テキストを入力", padding=8)
        input_frame.pack(fill=tk.BOTH, expand=True, pady=(0, 10))

        self.text = tk.Text(input_frame, font=("Noto Sans JP", 12), wrap=tk.WORD,
                            bg="white", fg="#111", padx=6, pady=6, height=10)
        self.text.pack(side=tk.LEFT, fill=tk.BOTH, expand=True)
        sb = ttk.Scrollbar(input_frame, command=self.text.yview)
        self.text.configure(yscrollcommand=sb.set)
        sb.pack(side=tk.RIGHT, fill=tk.Y)
        self.text.bind("<KeyRelease>", self._update)

        # クリアボタン
        ttk.Button(main_frame, text="クリア",
                   command=lambda: (self.text.delete("1.0", tk.END), self._update())).pack(anchor="e", pady=(0, 8))

        # カウント表示
        count_frame = ttk.LabelFrame(main_frame, text="カウント結果", padding=10)
        count_frame.pack(fill=tk.X)

        self.labels = {}
        items = [
            ("総文字数", "total"),
            ("スペース除く", "no_space"),
            ("改行除く", "no_newline"),
            ("行数", "lines"),
            ("単語数（スペース区切り）", "words"),
        ]
        for row, (label, key) in enumerate(items):
            tk.Label(count_frame, text=f"{label}:", bg=count_frame.cget("bg"),
                     font=("Noto Sans JP", 11), anchor="w", width=22).grid(
                row=row, column=0, sticky="w", pady=2)
            lbl = tk.Label(count_frame, text="0", bg=count_frame.cget("bg"),
                           font=("Noto Sans JP", 13, "bold"), fg="#3776ab",
                           anchor="w", width=8)
            lbl.grid(row=row, column=1, sticky="w")
            self.labels[key] = lbl

    def _update(self, event=None):
        content = self.text.get("1.0", tk.END)[:-1]  # 末尾の余分な改行を除く
        self.labels["total"].config(text=str(len(content)))
        self.labels["no_space"].config(text=str(len(content.replace(" ", "").replace("　", ""))))
        self.labels["no_newline"].config(text=str(len(content.replace("\n", ""))))
        self.labels["lines"].config(text=str(content.count("\n") + (1 if content else 0)))
        self.labels["words"].config(text=str(len(content.split())))


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

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

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

import tkinter as tk
from tkinter import ttk


class App22:
    """文字数カウンター"""

    def __init__(self, root):
        self.root = root
        self.root.title("文字数カウンター")
        self.root.geometry("500x420")
        self.root.configure(bg="#f8f9fc")
        self._build_ui()

    def _build_ui(self):
        title_frame = tk.Frame(self.root, bg="#3776ab", pady=12)
        title_frame.pack(fill=tk.X)
        tk.Label(title_frame, text="文字数カウンター",
                 font=("Noto Sans JP", 16, "bold"),
                 bg="#3776ab", fg="white").pack()

        main_frame = tk.Frame(self.root, bg="#f8f9fc", padx=20, pady=12)
        main_frame.pack(fill=tk.BOTH, expand=True)

        # 入力エリア
        input_frame = ttk.LabelFrame(main_frame, text="テキストを入力", padding=8)
        input_frame.pack(fill=tk.BOTH, expand=True, pady=(0, 10))

        self.text = tk.Text(input_frame, font=("Noto Sans JP", 12), wrap=tk.WORD,
                            bg="white", fg="#111", padx=6, pady=6, height=10)
        self.text.pack(side=tk.LEFT, fill=tk.BOTH, expand=True)
        sb = ttk.Scrollbar(input_frame, command=self.text.yview)
        self.text.configure(yscrollcommand=sb.set)
        sb.pack(side=tk.RIGHT, fill=tk.Y)
        self.text.bind("<KeyRelease>", self._update)

        # クリアボタン
        ttk.Button(main_frame, text="クリア",
                   command=lambda: (self.text.delete("1.0", tk.END), self._update())).pack(anchor="e", pady=(0, 8))

        # カウント表示
        count_frame = ttk.LabelFrame(main_frame, text="カウント結果", padding=10)
        count_frame.pack(fill=tk.X)

        self.labels = {}
        items = [
            ("総文字数", "total"),
            ("スペース除く", "no_space"),
            ("改行除く", "no_newline"),
            ("行数", "lines"),
            ("単語数（スペース区切り）", "words"),
        ]
        for row, (label, key) in enumerate(items):
            tk.Label(count_frame, text=f"{label}:", bg=count_frame.cget("bg"),
                     font=("Noto Sans JP", 11), anchor="w", width=22).grid(
                row=row, column=0, sticky="w", pady=2)
            lbl = tk.Label(count_frame, text="0", bg=count_frame.cget("bg"),
                           font=("Noto Sans JP", 13, "bold"), fg="#3776ab",
                           anchor="w", width=8)
            lbl.grid(row=row, column=1, sticky="w")
            self.labels[key] = lbl

    def _update(self, event=None):
        content = self.text.get("1.0", tk.END)[:-1]  # 末尾の余分な改行を除く
        self.labels["total"].config(text=str(len(content)))
        self.labels["no_space"].config(text=str(len(content.replace(" ", "").replace("　", ""))))
        self.labels["no_newline"].config(text=str(len(content.replace("\n", ""))))
        self.labels["lines"].config(text=str(content.count("\n") + (1 if content else 0)))
        self.labels["words"].config(text=str(len(content.split())))


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

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

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

import tkinter as tk
from tkinter import ttk


class App22:
    """文字数カウンター"""

    def __init__(self, root):
        self.root = root
        self.root.title("文字数カウンター")
        self.root.geometry("500x420")
        self.root.configure(bg="#f8f9fc")
        self._build_ui()

    def _build_ui(self):
        title_frame = tk.Frame(self.root, bg="#3776ab", pady=12)
        title_frame.pack(fill=tk.X)
        tk.Label(title_frame, text="文字数カウンター",
                 font=("Noto Sans JP", 16, "bold"),
                 bg="#3776ab", fg="white").pack()

        main_frame = tk.Frame(self.root, bg="#f8f9fc", padx=20, pady=12)
        main_frame.pack(fill=tk.BOTH, expand=True)

        # 入力エリア
        input_frame = ttk.LabelFrame(main_frame, text="テキストを入力", padding=8)
        input_frame.pack(fill=tk.BOTH, expand=True, pady=(0, 10))

        self.text = tk.Text(input_frame, font=("Noto Sans JP", 12), wrap=tk.WORD,
                            bg="white", fg="#111", padx=6, pady=6, height=10)
        self.text.pack(side=tk.LEFT, fill=tk.BOTH, expand=True)
        sb = ttk.Scrollbar(input_frame, command=self.text.yview)
        self.text.configure(yscrollcommand=sb.set)
        sb.pack(side=tk.RIGHT, fill=tk.Y)
        self.text.bind("<KeyRelease>", self._update)

        # クリアボタン
        ttk.Button(main_frame, text="クリア",
                   command=lambda: (self.text.delete("1.0", tk.END), self._update())).pack(anchor="e", pady=(0, 8))

        # カウント表示
        count_frame = ttk.LabelFrame(main_frame, text="カウント結果", padding=10)
        count_frame.pack(fill=tk.X)

        self.labels = {}
        items = [
            ("総文字数", "total"),
            ("スペース除く", "no_space"),
            ("改行除く", "no_newline"),
            ("行数", "lines"),
            ("単語数（スペース区切り）", "words"),
        ]
        for row, (label, key) in enumerate(items):
            tk.Label(count_frame, text=f"{label}:", bg=count_frame.cget("bg"),
                     font=("Noto Sans JP", 11), anchor="w", width=22).grid(
                row=row, column=0, sticky="w", pady=2)
            lbl = tk.Label(count_frame, text="0", bg=count_frame.cget("bg"),
                           font=("Noto Sans JP", 13, "bold"), fg="#3776ab",
                           anchor="w", width=8)
            lbl.grid(row=row, column=1, sticky="w")
            self.labels[key] = lbl

    def _update(self, event=None):
        content = self.text.get("1.0", tk.END)[:-1]  # 末尾の余分な改行を除く
        self.labels["total"].config(text=str(len(content)))
        self.labels["no_space"].config(text=str(len(content.replace(" ", "").replace("　", ""))))
        self.labels["no_newline"].config(text=str(len(content.replace("\n", ""))))
        self.labels["lines"].config(text=str(content.count("\n") + (1 if content else 0)))
        self.labels["words"].config(text=str(len(content.split())))


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

例外処理とmessagebox

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

import tkinter as tk
from tkinter import ttk


class App22:
    """文字数カウンター"""

    def __init__(self, root):
        self.root = root
        self.root.title("文字数カウンター")
        self.root.geometry("500x420")
        self.root.configure(bg="#f8f9fc")
        self._build_ui()

    def _build_ui(self):
        title_frame = tk.Frame(self.root, bg="#3776ab", pady=12)
        title_frame.pack(fill=tk.X)
        tk.Label(title_frame, text="文字数カウンター",
                 font=("Noto Sans JP", 16, "bold"),
                 bg="#3776ab", fg="white").pack()

        main_frame = tk.Frame(self.root, bg="#f8f9fc", padx=20, pady=12)
        main_frame.pack(fill=tk.BOTH, expand=True)

        # 入力エリア
        input_frame = ttk.LabelFrame(main_frame, text="テキストを入力", padding=8)
        input_frame.pack(fill=tk.BOTH, expand=True, pady=(0, 10))

        self.text = tk.Text(input_frame, font=("Noto Sans JP", 12), wrap=tk.WORD,
                            bg="white", fg="#111", padx=6, pady=6, height=10)
        self.text.pack(side=tk.LEFT, fill=tk.BOTH, expand=True)
        sb = ttk.Scrollbar(input_frame, command=self.text.yview)
        self.text.configure(yscrollcommand=sb.set)
        sb.pack(side=tk.RIGHT, fill=tk.Y)
        self.text.bind("<KeyRelease>", self._update)

        # クリアボタン
        ttk.Button(main_frame, text="クリア",
                   command=lambda: (self.text.delete("1.0", tk.END), self._update())).pack(anchor="e", pady=(0, 8))

        # カウント表示
        count_frame = ttk.LabelFrame(main_frame, text="カウント結果", padding=10)
        count_frame.pack(fill=tk.X)

        self.labels = {}
        items = [
            ("総文字数", "total"),
            ("スペース除く", "no_space"),
            ("改行除く", "no_newline"),
            ("行数", "lines"),
            ("単語数（スペース区切り）", "words"),
        ]
        for row, (label, key) in enumerate(items):
            tk.Label(count_frame, text=f"{label}:", bg=count_frame.cget("bg"),
                     font=("Noto Sans JP", 11), anchor="w", width=22).grid(
                row=row, column=0, sticky="w", pady=2)
            lbl = tk.Label(count_frame, text="0", bg=count_frame.cget("bg"),
                           font=("Noto Sans JP", 13, "bold"), fg="#3776ab",
                           anchor="w", width=8)
            lbl.grid(row=row, column=1, sticky="w")
            self.labels[key] = lbl

    def _update(self, event=None):
        content = self.text.get("1.0", tk.END)[:-1]  # 末尾の余分な改行を除く
        self.labels["total"].config(text=str(len(content)))
        self.labels["no_space"].config(text=str(len(content.replace(" ", "").replace("　", ""))))
        self.labels["no_newline"].config(text=str(len(content.replace("\n", ""))))
        self.labels["lines"].config(text=str(content.count("\n") + (1 if content else 0)))
        self.labels["words"].config(text=str(len(content.split())))


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

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

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

1

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

クラスの骨格を作る
App22クラスを定義し、__init__とmainloop()の最小構成を作ります。
3

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

入力フォームを実装する
LabelFrameとEntryウィジェットで入力エリアを作ります。
5

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

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

エラー処理を追加する
try-exceptとmessageboxでエラーハンドリングを追加します。

7. カスタマイズアイデア

基本機能を習得したら、以下のカスタマイズに挑戦してみましょう。少しずつ機能を追加することで、Pythonのスキルが飛躍的に向上します。

💡 ダークモードを追加する

bg色・fg色を辞書で管理し、ボタン1つでダークモード・ライトモードを切り替えられるようにしましょう。

💡 データのエクスポート機能

計算結果をCSV・TXTファイルに保存するエクスポート機能を追加しましょう。filedialog.asksaveasfilename()でファイル保存ダイアログが使えます。

💡 入力履歴機能

以前の入力値を覚えておいてComboboxのドロップダウンで再選択できる履歴機能を追加しましょう。

8. よくある問題と解決法

❌ 日本語フォントが表示されない

原因：システムに日本語フォントが見つからない場合があります。

解決法：font引数を省略するかシステムに合ったフォントを指定してください。

❌ ウィンドウのサイズが変更できない

原因：resizable(False, False)が設定されています。

解決法：resizable(True, True)に変更してください。

9. 練習問題

アプリの理解を深めるための練習問題です。難易度順に挑戦してみてください。

課題1：機能拡張
文字数カウンターに新しい機能を1つ追加してみましょう。どんな機能があると便利か考えてから実装してください。
課題2：UIの改善
色・フォント・レイアウトを変更して、より使いやすいUIにカスタマイズしてみましょう。
課題3：保存機能の追加
入力値や計算結果をファイルに保存する機能を追加しましょう。jsonやcsvモジュールを使います。

🚀

次に挑戦するアプリ

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

No.21 →No.23 → 初心者用GUIアプリ一覧に戻る