アプリケーションの設計

掲示板アプリ編と同じく、アプリケーションの実装に入る前に設計を行います。

作成するアプリケーションのデモ

想定するユーザ

掲示板アプリでは、投稿された内容を誰でも閲覧することができましたが、To Do アプリ編では、ログインしたユーザ自身が投稿した To Do 以外を見ることができません。

そのため、想定されるユーザはログインしたユーザのみとなります。

画面構成

• メイン画面:ログインしたユーザに To Do の一覧を表示

• ログイン・新規登録画面

要求要件の整理

• ユーザの新規登録・ログイン
• To Do の登録
• To Do の表示
• To Do の削除

ユーザの新規登録・ログイン

未ログイン時には、画面右上にに「Login」「Register」のリンクを表示させ、それぞれ、ログインと新規登録画面へ遷移します。

• 新規登録画面

• ログイン画面

To Do の登録・表示

メイン画面登録フォームから、To Do の登録を行います。To Do のデータはログインしたユーザと紐づいているため、ログインしているユーザが登録した To Do のみが表示されます。他のユーザに To Do の内容が表示されることはありません。

To Do の削除

To Do に表示されている「削除」のリンクをクリックすると To Do が削除されます。

DB 設計

To Do とユーザを紐づける必要があるため、用意するテーブルはユーザを管理するものと、To Do を管理するものが必要となります。