（後でスクリーンショットを追加予定）
- タスクの登録・一覧表示
- 独自ロジックによる優先順位の自動算出
- 戦略レイヤー（Deadline / Investment / Desire）による分類
- 解析モード（Sweet / Normal / Spicy）による動的な順位変化
- LocalStorageによるデータ永続化
- タスク管理機能：〇
- 優先順位ロジック：〇
- データ保存（LocalStorage）：〇
- 認証機能：未対応
- DB連携：未対応
主観（やりたい）と客観（やるべき）を掛け合わせ、 「納得感のある優先順位」を提示する点にあります。
単なるToDo管理ではなく、 意思決定そのものを支援する設計になっています。
LogicDeckは、タスクの優先順位を独自のロジックに基づいて整理・可視化するWebアプリケーションです。 日々の「何から手を付ければいいか分からない」という判断コストを最小化し、納得感のある行動順位を提示します。
日々のタスク管理において「何から手を付けるべきか」を感覚で判断してしまい、 重要なタスクが後回しになる課題を感じていました。 主観的な「熱量」と客観的な「役割」を掛け合わせることで、自分にとって本当に価値のあるタスクを浮き彫りにします。
単なるToDoリストではなく、ユーザーの「生き方」を選択に反映させる独自のスコアリングシステムを実装しています。
- 三層の戦略レイヤー × ライフカテゴリ タスクを「絶対 (Deadline)」「投資 (Investment)」「本音 (Desire)」の3層に分類。さらに「仕事」「自己研鑽」「趣味」のカテゴリを掛け合わせ、動的な倍率補正を行います。
- 「味付け（Appraisal Mode）」による動的解析
解析時にモードを選択することで、同じタスクリストでも結果が劇的に変化します。
- 🍬 甘口（褒めちぎり）: 「本音」を1.6倍ブースト。自分の欲求を最優先。
- ⚖️ 普通（的確）: 標準的なロジックでバランス良く解析。
- 🌶️ 激辛（魂の解析）: 「絶対」を2.0倍、本音を0.5倍に圧縮。現実を突きつけるストイックな順位。
- 直感的な「熱量」入力: 数字によるハックを排除するため、あえてスコアを非表示にし、視覚的なアイコン（💤 ⚡ 🔥）とスライダーのみを提示。
- 判断コストの削減: 1本の「熱量スライダー」を動かすだけで、裏側の複雑な計算が行われるシンプルかつ深いUXを追求。
- Framework: Next.js 15 (App Router)
- Language: TypeScript
Record,keyof,Union型を活用した厳格な型安全性の確保
- State Management: React Hooks (useState, useMemo, useEffect)
- Logic: 独自のスコアリングアルゴリズム (
lib/taskLogic.ts) - Storage: LocalStorage API によるデータ永続化
- Design: CSS-in-JS (Inline Styles) による軽量なスタイリング
・React Hooksを用いた状態管理により、タスクの追加・編集・削除とリアルタイムソートを実現
・useMemoを活用し、スコア計算のパフォーマンス最適化を実施
・LocalStorageを利用し、ブラウザリロード後もデータを保持
- リアルタイムソート: スコア順にリアルタイムでランキングを更新。
- 期日ボーナス: 締切3日前からスコアを加算し、重要タスクを確実に浮上。
- モード別フィードバック: 解析モードに応じたAI的なメッセージ表示。
- バリデーション: 未入力項目のチェック機能。
- 環境構築および優先順位算出のロジック基盤実装。
- 戦略的レイヤー（MUST / SHOULD / WANT）の導入。
- スライダー連動型の動的UIプロトタイプ実装。
- カテゴリ別ボーナス加点ロジックの統合。
- グラスモーフィズムを基調としたモダンなデザインへのアップデート。
- Appraisal Mode（Sweet / Normal / Spicy）の搭載。
- ロジックの
lib/taskLogic.tsへの分離、保守性の向上。 - UIテキストの英語対応および型安全性の強化。