日々のタスク管理に特化したWebアプリ「Yarukoto」を作りました

はじめに

「今日やること」をシンプルに管理したい——そんな思いから、Yarukoto（やること） というタスク管理Webアプリを開発しました。

世の中には数多くのTODOアプリが存在します。高機能なプロジェクト管理ツール、チーム向けのコラボレーションツール、リマインダー機能が充実したアプリ...。しかし、私が求めていたのはもっとシンプルなものでした。

「今日〜1週間程度の短期タスクを効率的に管理したい」

既存のアプリは多機能すぎたり、長期プロジェクト向けだったりと、この用途には少しオーバースペックに感じていました。ガントチャートも、サブタスク機能も、複雑な繰り返し設定も必要ない。ただ「今日やること」を中心に、日々のタスクをサッと整理できるアプリがほしい。

Yarukotoはそんな課題を解決するために生まれました。

Yarukoto

Yarukotoの核となるコンセプトは「日付ベース」の管理です。カレンダー型のアプリとは異なり、「今日」を起点としたシンプルな構成になっています。

ホーム画面（今日のタスク）では、以下の5つのセクションでタスクを整理して表示します：

期限超過タスクが自動で上部に表示されるため、やり残しを見逃すことがありません。また、日付ナビゲーションで左右にスワイプすれば、過去の振り返りや未来の予定確認も簡単にできます。

タスクには以下の属性を設定できます：

ポイントは、必須項目がタスク名だけという点です。「牛乳を買う」と入力してEnterを押せば、それだけでタスク登録完了。詳細な設定は後から編集できるので、思いついたときにサッと追加できます。

カテゴリは自分で自由に作成でき、好きな色を設定できます。タスク一覧でカテゴリ別に色分けされるので、視覚的にも整理しやすくなっています。

Yarukotoの特徴的な機能の一つが、「やらない」ステータスです。

一般的なTODOアプリでは、タスクのステータスは「完了」か「未完了」の2択です。しかし実際には「やらないと決めた」タスクも存在します。優先度が下がった、状況が変わった、別の方法で解決した——理由は様々ですが、削除してしまうと履歴が残りません。

Yarukotoでは「やらない」を選択すると、任意で理由を記録できます。後から振り返ったときに「なぜやらなかったのか」がわかるので、タスク管理の改善にも役立ちます。もちろん、気が変わったら「未完了に戻す」ことも可能です。

タスクが増えてきても大丈夫。検索画面では以下の条件で絞り込みができます：

検索結果は日付ごとにグループ化して表示されるので、時系列での把握も容易です。

Yarukotoは以下の技術スタックで構築しています。

領域	技術
フロントエンド	Next.js / TypeScript / Tailwind CSS
バックエンド	Supabase (PostgreSQL)
認証	Better Auth
ホスティング	Vercel

Server Actions優先の設計

Next.jsのServer Actionsを積極的に活用し、API Routes（route.ts）は最小限にしています。API Routesを使用しているのはBetter Authの認証エンドポイント（/api/auth/[...all]）のみです。

楽観的更新によるサクサクUI

タスクの完了やステータス変更は、サーバーからのレスポンスを待たずにUIを即座に更新します。失敗した場合のみロールバックする「楽観的更新」パターンを採用することで、ストレスのない操作感を実現しています。

型安全なエラーハンドリング

Server Actionsの戻り値にはResult型パターンを採用。成功・失敗を型レベルで明示的に扱うことで、エラーハンドリングの漏れを防いでいます。

現在、以下の機能拡張を検討しています：

ユーザーからのフィードバックを受けながら、シンプルさを損なわない範囲で改善を続けていく予定です。

Yarukotoは「今日やること」にフォーカスしたシンプルなタスク管理アプリです。

そんな方にぴったりのアプリだと思います。ぜひ一度お試しください。