画面仕様設計

[SuzukiTakamasa]

作成する画面： Household一覧・登録画面 Statistics一覧・登録画面 Schedule一覧・登録画面 Wiki一覧・登録画面 Setting一覧・登録画面

[SuzukiTakamasa]

Household

Household一覧画面

家計簿表 ・項目名カラム ・金額カラム ・登録者カラム(メールアドレスで表示)

月切り替えボタン(useState: month)　<-- 共通コンポーネント 年切り替えプルダウン(useState: year)　<-- 共通コンポーネント Household登録ダイアログ表示ボタン 合計金額表示欄(is_owner:true - is_owner:falseの金額)

Household登録ダイアログ

項目名入力フォーム 金額入力フォーム デフォルト値チェックボックス オーナーチェックボックス 登録ボタン

[SuzukiTakamasa]

Statistics

年切り替えプルダウン　<-- 共通コンポーネント 各月毎の出費表示折れ線グラフ

[SuzukiTakamasa]

Schedule

Schedule一覧画面

月切り替えボタン(useState: month)　<-- 共通コンポーネント 年切り替えプルダウン(useState: year)　<-- 共通コンポーネント Shcedule登録ダイアログ表示ボタン

各月毎の予定一覧表 ・日付カラム(from-to) ・時刻カラム(from-to) ・予定内容カラム ・登録者カラム

Schedule登録ダイアログ

登録日付(from-to) 予定内容入力フォーム 時刻設定入力フォーム(from) 時刻設定入力フォーム(to) 登録ボタン

メモ： 複数日付に跨って表示することも可能にする

[SuzukiTakamasa]

Wiki

Wikis一覧画面

Wikiタイトルカラム 作成者カラム

Wiki登録ダイアログ

Wikiタイトル入力フォーム コンテンツ入力エリア(マークダウン対応) 作成者選択ラジオボタン Preview表示ボタン 登録ボタン キャンセルボタン