背景・目的
スプレッドシートやプロジェクト管理ツールでのタスク管理に飽きました。
おしゃれじゃなくていい。シンプルであってほしい。
個人開発で儲けを（ほぼ）考えないからこそできる最高にシンプルなWBS Webアプリを作ってやろうじゃないか。ということでやっていきます。
私はReact大好きマンなのでNext.jsを使っていきます。
バックエンドどうしようかなぁと思っていましたが、ちょい昔にprismaとsupabaseでなんかいい感じに（それこそシンプルに）実装を進められた記憶があるのでそれを使っていこうかなと。
作るものがシンプルなら開発環境もシンプルでありたいのだ。
【開発環境・技術スタック】
FE：Next.js（React18 , TypeScript, Next.js15）
ORM：prisma
DB：Supabase
Deployment：Vercel
UIコンポーネント：MaterialUI（要検討）
VCS：git
VCS Hosting：GitHub
デザインツール：Figma
（API設計ツール：Swagger）※やらないかも
コンポーネント設計にはFigma + Storybookを使用する予定 ※やらないかも
【機能要件】
「プロジェクト管理機能」
要素：
・プロジェクト名
・削除フラグ
・完了フラグ
（・プロジェクト完了予定日）
（・プロジェクト予想工数）
（・プロジェクト実績工数）
（・プロジェクト予算）
説明：
タスクを分類するためのプロジェクト
プロジェクトは複数のタスクを持つ
括弧で囲まれている要素は最終的に実装予定ではあるが、初期リリース時点では含めない要素
サイドバーに表示される
プロジェクトに関する作成や編集は独自の画面を持たない（モーダルやインライン編集などで管理する）
削除機能は物理的に削除されず、削除フラグによって実現される（復元可能な形にする）
「タスク機能」
要素：
・完了フラグ
・タスク名
・完了予定日
・プロジェクトID(belongs_to プロジェクト)
・削除フラグ
（・カテゴリ）
（・備考）
（・タスク予想工数）
（・タスク実績工数）
説明：
タスクは作成・編集・照会・削除の機能をもつ
タスクは一つのプロジェクトを持つ
括弧で囲まれている要素は最終的に実装予定ではあるが、初期リリース時点では含めない要素
タスク一覧またはガントチャートで表示される
削除機能は物理的に削除されず、削除フラグによって実現される（復元可能な形にする）
「その他・非機能要件」
・初期リリース時点は認証機能を持たないが、最終的に実装予定
・将来的にはシンプルなタスク管理ツールとして公開予定
・想定ブラウザはChrome
・想定デバイスはPC & SP（TBは非要件）
【画面・コンポーネント項目】
・プロジェクト & ガントチャート画面
プロジェクト全体の進捗状況と、タスクがガントチャートになっている画面が表示される
できれば月・週・日で表示範囲を変更できるようにしたい
ここの画面から直接タスクのCRUDをできるようにする
日付が登録されていないタスクは別の場所（画面下部など）に保管、そこからドラッグ&ドロップで好きな日付にタスクを登録できるようにする
・サイドバーコンポーネント（プロジェクトの一覧が常に表示されている、開閉可能）
サイドバーの「プロジェクト追加」ボタンからプロジェクトが追加できる
（・ダッシュボード画面：実績工数や予算、全プロジェクトの解析情報などをダッシュボードとして表示）
（・プロジェクト設定画面：プロジェクトにあるタスクは工数や予算を持つかどうか、プロジェクト自体の予算や完了予定日はいつか、などを設定できる画面）
※括弧で括られている画面は後ほど実装予定
【スケジュール】
・4日程度で完成できる予定
【プロジェクト規模】
・私一人！！（夜や週末で頑張る）
【予算】
・0円（利用する全てのサービスの無料枠で初期リリースまでは持っていく）
【制作進行管理】
・スプレッドシート
【主な制作方針】
- 画面・コンポーネント設計
- API設計・DB設計
- 開発環境構築
- FE開発
- API構築
- 統合
- テスト・検証・修正・調整
- デプロイ・リリース
ということでやっていきます。
次回は画面設計編〜