---
# System prepended metadata

title: 研修36日目(2020/6/29)

---

# 研修36日目(2020/6/29)
今日から5日間前回のアプリのバックエンド開発をするにあたり、1日目の今日は設計に取り組んだ。

### 何を実現したいか
ユーザーが入力したリスト情報とカード情報がページリロードされても保存されてて欲しい

### どうやって実現するか
DBにそれぞれのデータを格納。リストやカードが移動しても即DBに反映させる。

### システムの構成
フロントはSPA、バックはAPIにして切り離す。無理そうだったら本棚アプリのようにlaravelに乗せてVue.jsを動かす。

### テーブル設計
テーブルは２つ(リストテーブルとカードテーブル)。
会員登録、ログイン機能によるユーザー情報は今のところ搭載しないので、シンプル。
リストテーブル→id(プライマリーキー)、内容、順番
カードテーブル→id(プライマリーキー)、リストid(外部キー)、内容、順番
順番についてはリストやカードが移動した時の位置を保存するため用意。

### 多分苦しむポイント
1. CORSを使ってSPAからAPIを叩けるか
2. カードの横移動をDBに反映させることができるか
3. laravelのコントローラーから提供されるjsonを受け取るajaxの処理を、V ue.jsのどこに書くべきか

### 補足
時間が余ったらユーザー登録機能やバリデーションの実装をする。
多分そんな時間はないから無理。

## くぅ
かなりキツそうですが頑張ります

