開発コンポーネント
Homeコンポーネント
ホームダッシュボードで使用されるコンポーネント設計
Homeコンポーネント
このドキュメントでは、ホームダッシュボード (/home) で使用されるコンポーネントについて説明します。
1. 概要
ホームダッシュボードは、ユーザーがアプリケーションを起動した際に最初に目にするページです。創作の「入り口」として、モチベーション維持と迅速な作業再開を支援します。
2. コンポーネント一覧
| コンポーネント | ファイル | 役割 |
|---|---|---|
HomeHero | components/home/HomeHero.tsx | ヒーローセクション、挨拶 |
GreetingSection | components/home/GreetingSection.tsx | 時刻に応じた挨拶表示 |
ContinueSection | components/home/ContinueSection.tsx | 最近の執筆プロジェクトへの迅速なアクセス |
DailyGoalTracker | components/home/DailyGoalTracker.tsx | 日次執筆目標の追跡 |
ExploreHighlight | components/home/ExploreHighlight.tsx | おすすめ公開作品の紹介 |
MonthlyStatsSection | components/home/MonthlyStatsSection.tsx | 月間統計の可視化 |
AtelierScratchpad | components/home/AtelierScratchpad.tsx | スクラッチパッド（メモ） |
3. コンポーネント詳細
3.1. HomeHero
アプリケーションのメインビジュアルを提供するヒーローセクションです。
- 役割: ブランドアイデンティティの提示とユーザーへのインスピレーション
- 構成: タイトル、説明文、CTAボタン
3.2. GreetingSection
時刻に応じたパーソナライズされた挨拶を表示します。
- 役割: ユーザーへの親しみやすい挨拶
- 特徴: 時間帯（朝・昼・夕・夜）によって異なる挨拶メッセージ
3.3. ContinueSection
最近作業したプロジェクトへの迅速なアクセスを提供します。
- 役割: 作業の再開をスムーズにする
- 表示内容: 最近更新されたプロジェクトカード（最大3件）
3.4. DailyGoalTracker
日次執筆目標の達成状況を追跡します。
- 役割: モチベーション維持のための進捗可視化
- 機能: 目標文字数設定、進捗バー表示、達成祝福
3.5. ExploreHighlight
公開作品の中からおすすめを紹介します。
- 役割: 創作のインスピレーション提供
- 表示内容: ランダムに選ばれた高評価の公開作品
3.6. MonthlyStatsSection
月間の執筆活動を統計情報として可視化します。
- 役割: 長期的な進捗の把握
- 表示内容: 月間総文字数、執筆日数、アクティブなプロジェクト数
3.7. AtelierScratchpad
一時的なメモやアイデアを書き留めるためのスクラッチパッドです。
- 役割: アイデアの素早い記録
- 永続化:
globalStoreテーブルのatelier-scratchpadキーに保存
関連ドキュメント:
- 00_component_index.md - コンポーネント一覧
- 06_development_guidelines.md - 開発ガイドライン