WCLa-Board 開発用 README

プロジェクト概要

WCLa-Boardは「Will Cost Less action（行動のコストを下げる）」をコンセプトにした、心理的ハードルの高いタスク実行を支援するタスク管理ボードアプリです。
特にADHDや先延ばし癖のある人をターゲットに、日々のタスクを計画的に実行できる環境を提供します。

特徴

• タスク実行の心理的障壁を下げるUI/UX設計
• ゲーミフィケーション要素でモチベーションを維持
• ポモドーロタイマー、自動タスクソートなど実行支援機能を充実
• Webアプリ（PWA対応）として開発し、どこからでもアクセス可能

ターゲットユーザー

• やることは分かっているが心理的に取り組みづらい人
• ADHDなどの発達障害を持つ人
• 先延ばし癖のある人
• タスクに達成感を求めている人
• モチベーション不足の人

注意点：時間的な問題やタスクの確認漏れが原因の人は対象外。あくまで心理的な障壁がある人を対象とする。

開発環境・技術スタック

フロントエンド

フレームワーク: Next.js 15.4.5
言語: TypeScript
UIライブラリ: React 19.1.0, React DOM 19.1.0
スタイリング: Tailwind CSS 4
状態管理: Zustand 5.0.7
アイコン: Lucide React 0.536.0
テーマ切り替え: next-themes 0.4.6

開発ツール

パッケージマネージャ: npm
リンター: ESLint
ビルドツール: Turbopack（next dev --turbopack）

バックエンド・同期

同期: Tauri + Google Drive Plugin
PWA対応: Service Worker, Web App Manifest

機能一覧と詳細

タスク登録欄

タスク登録

登録項目:
タスク名
工数（数値）
工数単位（ページ、問、セットなど）
目標達成日時
フラグ（プラスアルファタスク、最優先タスクなど、任意）
工数未登録時: ポップアップで通知し、後から登録可能
工数が多い場合: タスク分割を促す

習慣化登録

登録項目:
習慣名
実行曜日（例：第2水曜日など詳細指定可能）
おおまかな実行時間

リマインダー登録

登録項目:
リマインド名
リマインド日時

メインボード

グラフ表示

各タスクの目標日、工数、達成度を折れ線グラフで表示
上昇ビュー: 縦軸＝工数、横軸＝日数、斜め上に目安線を表示
他ビューもアイデア次第で追加予定

タスクリスト

タスクリスト／習慣化リスト／リマインダーリストを切り替え表示
自動ソート式:
一日あたりの工数量 + (1 / 目標達成日までの残り日数) * n
nはユーザー設定で変更可能
ソートモード（実装予定）:
軽めタスク優先モード
ランダムソートモード
モチベーション支援: ランダムメッセージ表示

可変ポモドーロタイマー

起動時: タスク準備を促すカウントダウン（「取り掛かりたい」気持ちを錯覚させる）
実行順序: タスクリストの順に沿って実行
ボタン表記: 次工程へは「more!!」ボタンで達成感を演出
休憩時間溜め込み: タスク実行時間に応じて休憩時間を貯める（例：25分対3分）
休憩開始: 一定時間溜まると休憩ボタンを表示（深呼吸など集中回復を促す）
タスクブロック表示:
上部にその日のタスク量をブロックで表示
実行中タスクは矢印、完了タスクは塗り潰し
表示パターン:
忠実表示（マス目均等）
精神的忠実表示（最初と最後を大きく、中盤を小さく）
炎エフェクト: 工数に応じて中央の炎が大きくなる
休憩ゲージ: 上部に控えめに表示
完了画面: 取り組んだ時間、完了工数数を表示＋スタンプ押下

持ち物ボード

プリセットビュー

プリセット名と必要な持ち物を登録
チェックリストを2回表示し、抜けを防止

時間割ビュー（学生向け）

設定でオンオフ可能
事前登録した時間割に基づき、曜日ごとに：
前日から省くもの
新たに追加するもの
最終チェックリスト
を順に表示

ランダムタスク

スマホを触る代わりに、健康や思考に良いタスクを提案
外出が必要なタスクも含む（ハードルは低めに設定）
制限設定可能（例：外出NG）

趣味管理ボード

やりたいことメモ: 最小単位で記入
ソート機能: かかる時間に応じて並び替え
ランダム提案: 3つをランダムで表示

実績ボード(アレンカーのEasywayを読み、廃止を検討中）

過去のタスク実行度、ランダムタスク使用回数などに基づく実績を表示
形式: スタンプ（貯まると自動でバッジに交換）
小さなことでも褒める設計（「当たり前のことができるのは偉い」を強調）

その他機能

同期機能: Google Driveによるクラウド同期
インポート/エクスポート: JSON形式
タスクリストエクスポート: CSV形式
統計機能: 実行データの可視化（有料プラン予定）

開発ロードマップ

Phase 1: 基盤構築
ヘッダー・サイドバーなどの外枠UI
メインボードのコア機能（タスク作成・削除、ランダムソート）
ポモドーロタイマー（ノーマル版）
実績ボード（スタンプのみ）
ランダムタスク
持ち物ボード（プリセットのみ）

Phase 2: 拡張機能 JSONインポート/エクスポート
PWA対応
Google Drive同期
CSVエクスポート
メインボード機能充填（グラフ詳細など）
可変ポモドーロタイマー導入
その他機能充填（可能な範囲で）

将来的な拡張

ネイティブアプリ（追加機能搭載）
ユーザーコミュニティからの要望反映（コンセプト合致機能のみ）

設計思想

UI/UX方針

カスタマイズ性は低め: 誰でも使いやすい直感的UIを優先
初回設定: 簡易アンケートでプリセットを選択（設定コスト削減）
機能オンオフ: 各機能は個別に有効化可能（煩雑さ低減）

ヘッダー要素

サイドバー展開ボタン
ロゴ
日付と時刻
設定ボタン

サイドバー要素

各ボード選択ボタン
同期実行ボタン

ゲーミフィケーション設計

操作時の心地よさ
ランダムメッセージ
音・配色調整
アニメーション効果
低ハードル実績解除（ログインボーナス的）

進捗共有機能

非採用方針: 自己肯定感低下・ストレス懸念のため
代替案: アカウント共有 or スクショ送信を推奨

AI機能

現時点では未実装: コスト対効果を考慮
ユーザー要望が7割超えたら再検討

開発体制とコミュニティ

開発形態: 個人開発（AI活用）
コミュニティ活用: コンセプト合致のユーザー要望を反映
収益目標: サーバー維持費の確保（ドメイン・Firebase費用）

ライセンスと貢献

現時点では個人開発のため、ライセンスは未定
コミュニティからの機能提案・フィードバック歓迎