Python（Flet）でのタイマーアプリ制作 - Toma（とま）のゲーム日記

プログラミング初学者がAndroidアプリ開発を志し、Python（Flet）を使ってPC上でタイマーアプリを完成させるまでの試行錯誤のプロセスをまとめました。

1. 最初の挑戦：ノーコードか、それともプログラミングか
2. 開発ツールの準備：Fletという選択肢
3. 数々のエラーとの死闘
4. 処理の流れを整理する
5. 完成した安定動作版のコード
6. 動作している画面
7. 振り返りと次へのステップ
8. Geminiさんの言い訳（おまけ）

1. 最初の挑戦：ノーコードか、それともプログラミングか

当初、私はGoogleのノーコードツール「AppSheet」でタイマーを作ろうと考えました。しかし、ここで一つの大きな事実に直面します。

AppSheetは「データの管理」には最強のツールですが、「1秒ごとに画面がリアルタイムに動くタイマー」のような挙動は、実はあまり得意ではないということです。そこで、将来的にAndroidアプリ化も可能で、かつ書きやすい「Python」という言語を選択することにしました。

2. 開発ツールの準備：Fletという選択肢

Android開発の王道といえば「Android Studio」ですが、推奨スペックが高く、学習コストも膨大です。そこで私が選んだのが「Flet」というライブラリでした。

Fletとは？：GoogleのUIフレームワーク「Flutter」をベースにした、Python用ライブラリ。Pythonのコードだけで、スマホアプリのようなモダンなデザインを簡単に作れるのが最大の特徴です。

3. 数々のエラーとの死闘

実装したい機能はシンプルでした。

設定時間からのカウントダウン
開始からの経過時間の表示（ストップウォッチ）
10秒前の画面変色通知
スタート・ストップ・リセット機能

実際にGeminiに入力した内容がこちら

AppSheetでタイマー＆ストップウオッチが同時進行するアプリを作りたい。希望する時間を設定し、スタートボタンを押すとカウントダウンと、カウントアップが同時に開始し、設定時間の１０秒前にアラームが鳴るようにする。

また、ストップボタンを押すことでカウントダウンとカウントアップが停止するようにする。

また、リセットボタンでカウントダウンとカウントアップが停止し両方とも０になるようにしたい。

しかし、ここで「非同期処理」という巨大な壁にぶつかります。画面を1秒ごとに更新し続けようとすると、アプリ全体がフリーズしてボタン操作を受け付けなくなってしまうのです。

直面したエラーの例：
'Page' object has no attribute 'update_async'
object NoneType can't be used in 'await' expression

これらは、PythonのバージョンやFletの仕様変更が原因でした。

4. 処理の流れを整理する

試行錯誤の末、アプリの構造を以下のように整理することで解決しました。メインの「受付窓口」と、裏側の「作業員（タスク）」を分離する構造です。

5. 完成した安定動作版のコード

数回のエラー修正を経て辿り着いた、最も安定したコードの構成がこちらです。

import flet as ft
import asyncio

async def main(page: ft.Page):
    # 状態管理
    state = {"running": False, "elapsed": 0, "total": 0}

    # タイマーの心臓部：1秒待ってUIを更新する
    async def timer_loop():
        while state["running"]:
            await asyncio.sleep(1)  # ここで1秒待機
            if state["running"]:
                state["elapsed"] += 1
                await update_ui() # 画面書き換え関数を呼ぶ