東堂アプリ

2026年　実践のためのWebプログラミングのレポート課題です。

テーマ

重要度、期限をもとに算出した優先度順にタスクを並べてくれるタスク管理アプリ

サービスの説明

本サービスは、溜まったタスクをリストアップし、優先度の高いものから片づけられるように並べ替える機能を備えたWebアプリケーションです。ユーザがタスクの名前、期限、重要度、カテゴリを入力すると一覧にタスクが追加されリスト形式でタスクが管理できます。さらに期限、重要度から優先度スコアを算出して、スコアの高いものが上に来るようになっているので何から手を付けるべきか迷ったら上からこなせば良いようになっています。またカレンダーからいつまでにどれくらいのタスクを完了させなければならないかが視覚的に把握できます。

設計の説明

本アプリは、機能の拡張性やデータの安全性を考慮し、画面表示を担当するフロントエンド（HTML/CSS/JavaScript）、処理を担うバックエンド（Node.js/Express）、データを保管するデータベース（SQLite/Prisma）の3層構造で構築しています。データベースではタスクとカテゴリを1対多の関係で管理し、ユーザーが調整した重み設定はブラウザ（localStorage）に保存される仕組みにしました。 機能面では、タスクの登録や完了チェックのほか、算出スコアに基づく動的な並び替えや、タスク期限を可視化するカレンダー表示を備えています。設計上の工夫として、スライダー操作時の優先度計算をブラウザ側で行うことでストレスのないリアルタイムな並び替えを実現しました。また、期限のないタスクが計算の都合でトップに来ないよう計算式を補正した点や、未完了タスクが残るカテゴリの削除ボタンを非活性化してデータの不整合を防いだ点など、UIの使いやすさとデータの安全性の両立にこだわって設計しています。

自分なりにこだわった点

シンプルな構成、使いやすいUI、ユーザに合わせた調整を可能にした点がこだわりポイントです。 特に期限とタスクの重さのどちらをどれほど重視するかを踏まえて優先度を決定する仕組みはユニークさがあると思います。

学びになったと感じたこと

Webアプリケーションの作成手順、大まかな仕組み、またWebアプリ作成から改良、完成までの流れを学びました。 特に改良をするときにどのファイルが絡んでいるのか、既存の部分と改変部分で無駄やバグが発生しないように調整する作業はこの経験を通じずには知りえなかったと感じます。

感想

周りの学生が製作したWebアプリケーションに比べると簡単なものしか作れませんでしたが、実運用において必要最低限の機能、オリジナリティでできたので引き算の美学の観点で見れば満足の行くプロジェクトが作れたと思います。