画像からステータスを生成する「フェチバトル」アプリをFletで開発・公開
本記事は、筆者が友人との会話から着想を得て開発した、画像からキャラクターのステータスを生成し、対戦させるWebアプリケーション「フェチバトル」の技術的な紹介と公開レポートである。このアプリは、PythonのGUIフレームワークであるFlet（Flutterベース）を用いて構築され、GitHub Pagesで動作する。対戦の仕組みは、読み込んだ画像バイナリをSHA-256ハッシュ化し、そのハッシュ値の特定の箇所をシード値として、HP、ATK、SPDなどのステータスを決定するロジックに基づいている。これにより、「同じ画像からは必ず同じステータスが生成される」という、過去のバーコードバトラーのような再現性を実現している。アプリの動作は、ユーザーが2枚の画像を読み込むことで開始され、その後「BATTLE START!」ボタンを押すことで、ステータスに基づいたターン制の戦闘シミュレーションが進行する。開発過程では、Fletにおける非同期処理（async/await）の取り扱い（特に`lambda`の使用によるコルーチン未待機エラー）に苦労した点や、GitHub Pagesでの公開時に`--base-url`の設定を忘れると404エラーになるという実用的な注意点も詳細に解説されている。筆者は、Python単体でフロントエンドまで完結できるFletの強力さを再認識し、今後の機能拡張に意欲を示している。
背景
本記事は、筆者が個人的な趣味と技術的な探求心から、画像処理とWebアプリ開発を組み合わせたゲームを制作した過程を報告している。特に、ハッシュ関数を利用して画像から固定のステータスを生成する仕組みは、過去のデジタルエンターテイメント（例：バーコードバトラー）の仕組みを模倣したものである。
重要用語解説
- SHA-256: ハッシュ関数の一種。入力されたデータ（画像バイナリなど）を固定長の文字列（ハッシュ値）に変換する。この値は、元のデータが少しでも変わると大きく変化するため、データの指紋のような役割を果たす。
- Flet: Pythonで記述し、FlutterのUI/UXをWebやデスクトップに展開できるライブラリ。PythonだけでGUIフレームワークの構築からWeb公開までを完結できる点が特徴。
- 非同期処理 (async/await): プログラムが時間のかかる処理（例：ファイル読み込み、ネットワーク通信）を待っている間に、他の処理をブロックせずに実行できるようにする仕組み。Webアプリの応答性を高めるために必須の技術である。
今後の影響
本技術は、画像データやテキストデータなど、様々な入力情報からゲームやコンテンツのパラメータを自動生成する仕組みに応用可能である。これにより、クリエイティブな制約を減らし、ユーザーが手軽に「物語の種」や「キャラクター設定」を生成できるツール開発に繋がる。今後の展開として、より複雑なステータスロジックや、素材のバリエーション追加が期待される。