!! 画面構成

* 一画面構成
** 背景
** メニュー
** カレンダー
** 予定の詳細表示
** チャット

* ポップアップ
** アカウント登録、ログイン画面
** 予定追加画面

!! ものと操作
! メニュー
<<{menu_se.PNG}
* ページタイトル
* ログアウトボタン
** ログアウトする
* 設定

! カレンダー
<<{calendar_se.PNG}
* 日
** シングルクリック → 予定の詳細表示にクリックされた日の予定を表示
** ダブルクリック → 予定追加ポップアップの表示
* 1ヶ月前に戻るボタン
** 押したら1ヶ月前のカレンダーに表示が変わる
* 1ヶ月後に進むボタン
** 押したら1ヶ月後のカレンダーに表示が変わる

* 表示のみ
** 背景
** 年
** 月（数字、英語）

! 予定の詳細表示
<<{plan_se.PNG}
* 背景
* 予定表示
** カレンダー/日がシングルクリックされたときに詳細表示
** →年/月/日、予定のタイトル、予定の内容の表示

! チャット
<<{chat_se.PNG}
* 背景
* コメント入力欄
** チャットに表示されるコメントを入力する
* 投稿ボタン
** コメント入力欄に入力されたものを投稿する
* チャット表示
** 投稿されたチャットを順番に表示する
** →ログイン時の名前、コメント、投稿日、投稿時間の表示


! アカウント登録、ログイン画面
<<{regiandlogin_se.png}
* 背景
* username入力欄
** 新規登録、ログインに利用するusernameを入力する
* email入力欄
** 新規登録に利用するemailを入力する
* password入力欄
** 新規登録、ログインに利用するpasswordを入力する
* 新規登録ボタン
** 入力されたemail、username、passwordを登録内容とし、アカウントを作成する
* ログインボタン
** 入力されたusername、passwordからデータを探し、アカウントにログインする

! 予定追加画面
<<{add_se.PNG}
* 背景
* 年/月/日
* タイトル入力欄
** 予定のタイトルを入力する
** あわよくばカレンダー内に表示したい
* 詳細入力欄
** 予定の詳細表示に表示される予定の詳細を入力する