Fletで本格的にToDoアプリを作った話【Python】

1年ほど前、PythonのGUIライブラリであるFletを使用してスマホ向けのToDoアプリを開発しました。コンセプトとしては、大学の授業の課題の管理に特にフォーカスした設計でした。

当時は制作したものを記事に起こしたりする習慣がなかったので、今更ですが軽く紹介記事を作っておこうかと思います。
一部コードが最新バージョンのFletとは互換性がなくなっていたので、その修正についても軽く触れます。

📝課題管理ToDoアプリ TasClear

TasClearとは、日々の課題に追われる大学生のために開発した「課題管理に特化したToDoアプリ」です。

以下のような機能を搭載することで、課題（Task）を明確（Clear）に管理し、確実に完了（Clear）することができます。

• 🏫授業ごとの課題管理
• 📆提出期限が近い課題の強調
• 🔃自動並び替え

以下のリンクより、部活内での発表に使用したスライドもご覧いただけます。

主な機能

授業ごとの課題管理

授業ごとにタブが作成され、課題を直感的に分けて管理できます。

タブの右端にある「＋」ボタンから授業の追加も可能です。

「＋ Add Task」の横のゴミ箱アイコンから授業の削除が可能です。

提出期限が近い課題の強調

提出期限まで24時間を切った課題は、文字色が赤くなり強調表示されます。

自動並び替え

各課題は締切が近い順に上から表示されるため、課題の優先順位も一目瞭然です。
もちろん、締切を変更しても即座に並び替えが反映されます

最新バージョンへの対応

このアプリを開発した当時は、Fletのバージョンが0.22.0だったので、現時点（2025/06）の最新バージョンである0.28.*とは一部コードの互換性がなくなっていました。
修正しなければいけない部分は主に以下の3点でした。

• ft.colorsが使えない
• ft.iconsが使えない
• ft.Dropdownでalignmentプロパティが非推奨

ft.colors & ft.icons の修正

コントロールの色の設定に使用するft.colorsや、アイコンの指定をするためのft.iconsは共にv0.28から使用できなくなりました。代わりに、ft.Colorsとft.Iconsを使用します。

例：カラースキームシードの設定

theme = ft.Theme(
-   color_scheme_seed=ft.colors.GREEN_400,
+   color_scheme_seed=ft.Colors.GREEN_400,
)

例：Appbarアイコンの設定

page.appbar = ft.AppBar(
-   leading=ft.icon(ft.Icons.CHECK_CIRCLE_OUTLINE_ROUNDED),
+   leading=ft.Icon(ft.Icons.CHECK_CIRCLE_OUTLINE_ROUNDED),
        ...
)

ft.Dropdownでalignmentプロパティが非推奨に

日付や時間の選択に使用しているDropdownコントロールにalignmentプロパティがv0.30.0から廃止になるそうです。
まだv0.28.*なので動作はしますが、警告文が出てしまうので削除しておきます。特に動作に影響はありません。

プロパティごと削除

self.dpYear = ft.Dropdown(
    width=207,
    options=[ft.dropdown.Option(i) for i in range(t.year, t.year+3)],
    value=t.year,
    text_size=18,
    content_padding=15,
-   alignment=ft.alignment.center,
)