現代社会において、ToDoリストは溢れていますが、その多くが単なる「作業の羅列」に留まり、ユーザーのモチベーション維持や実行の継続を助けるには至っていません。特に、重要だけど緊急性の低いタスク（学習、健康管理など）は後回しになりがちです。 本製品は、この「モチベーションの壁」を打破するため、誰もが親しみやすいRPGのバトルシステムとゲームの達成感を日常のタスク管理に導入することを目的に開発しました。
「ToDoバトル」は、日々のタスク管理をRPGの戦闘システムと融合させたWebアプリです。 ユーザーがタスクを完了するとモンスターに攻撃が入り、HPを削っていくことで達成感を可視化します。 FlaskとSQLiteでデータを管理し、フロントエンドではJavaScriptを使ってリアルタイムにステータスが変化。 ゲーム感覚でタスクをこなすことで、継続的な目標達成をサポートします。
タスク達成が「攻撃」に変わるRPGシステム タスクを完了すると、設定された攻撃力に応じてモンスターのHPが減少。 達成するほどバトルが進み、ゲーム感覚でToDoを進められます。
モンスターの「逆襲」システム 期限を過ぎたタスクがあると、モンスターがHPを回復して怒り状態に変化。 やる気を促す「軽いプレッシャー」として機能します。
データ永続化とオフライン対応 ブラウザのLocalStorageを活用し、進行状況（HP・経験値・タスク履歴）を保存。 アプリを閉じても続きから再開でき、オフラインでも遊べます。
・「やることリスト」を作っても続かない、という課題を“ゲーム化”によって解消。 ・達成状況を視覚的に見せることで、モチベーション維持を支援。 ・日常的なタスク管理を楽しみながら続けられる仕組みを提供。
・スマートフォン対応（レスポンシブデザイン化） ・ログイン機能の追加による個人データ保存・ランキング機能の実装 ・モンスターやステージの追加による多様なバトル展開 .グラフの作成 通知機能の実装 モンスターの種類を増やし、集める仕組みを作成 ・AIによるタスク提案や達成率分析など、習慣化支援機能の拡張
- • 「タスク完了＝攻撃」というわかりやすいゲーム体験にこだわった • FlaskとJavaScriptの連携によるリアルタイムデータ更新を実現 • モンスターの動きをGIFで表現し、視覚的に楽しいUIに仕上げた
ToDo管理とRPGバトルを融合させた「ToDoバトル」Webアプリを開発。 FlaskとSQLiteをバックエンドに、HTML/CSS/JavaScriptでインタラクティブなフロントを構築。 タスクを完了することでモンスターに攻撃でき、プレイヤーが成長する仕組みを実装。
- ・自作API（Flask） - /api/status：プレイヤー・モンスター・ToDoの状態を返す - /api/create_todo：タスクを登録 - /api/complete_todo/：タスク達成によりモンスターに攻撃 ・データベース：SQLite + SQLAlchemy - モデル：Player / Todo / Monster ・ブラウザLocalStorageでHP・経験値・タスクを保持（オフライン対応）
・Flask（Webアプリフレームワーク） ・SQLAlchemy（ORM） ・Jinja2（テンプレートエンジン） ・datetime（期限管理） ・HTML / CSS / JavaScript（UI・アニメーション制御） *
- PC・スマートフォンのWebブラウザ対応（現時点ではレスポンシブ未実装だが対応可能な設計）
・ToDoタスクを「攻撃」に変換する独自システム ・期限切れタスクでモンスターが反撃（HP回復）するペナルティ機能 ・LocalStorageによる進行データ保存（ブラウザを閉じても継続） ・モンスターGIF画像を使用した動的UI演出
-
・タスク達成＝攻撃システム（攻撃力計算とHP減少処理） ・モンスター自動再生成（HP0で新モンスター出現） ・期限切れペナルティ処理（怒り状態の実装） ・達成履歴の自動記録・表示 ・フロントとバックエンドの連動によるリアルタイムバトル表示
-
特に力を入れた部分をファイルリンク、またはcommit_idを記載してください。
-
・ToDo完了によるモンスターHP連動：app.py（関数：complete_todo） ・タスク作成と攻撃力自動設定：models.py（Todo.set_attack_power） ・期限切れペナルティ処理：script.js（applyPenalty / removePenalty） ・データ永続化：script.js（saveAllData / loadAllData） ・UI構築（ToDoリストとバトル画面）：todo.html, style.css