課題内容

microCMSで作った部分をハンズオン形式で0からコードを書いて作り、Webアプリのバックエンド開発の流れを学習する。
要するにmicroCMSじゃなくて独自APIで作っていくよーって感じ。

とくに難しかったところ

カテゴリーの取得・表示が難しすぎた、、、。
記事とカテゴリーを結びつけるには多対多なので中間テーブルが必要になる。

必要な理由
・ 1つの記事に1つのカテゴリーしか選べなくなる
・1つのカテゴリーに1つの記事しか所属できなくなる

その為、テーブルを３つ「記事・カテゴリー・中間テーブル」用意する。
これが後々、記事作成やカテゴリー新規作成する際にややこしくなってくる🥴

「今、自分が扱っているカテゴリーが『ただの数字』なのか、それとも『idという部屋を持ったオブジェクト』なのか」をなどを常に意識する必要がある。

場所	役割	実際のコード例
共用ファイル	IDを数値(number)で管理	`setSelectedCategoryId(Number(e.target.value))`
投稿(Page)	API専用の形に加工して送る	`categories: [{ id: selectedCategoryId }]`
route.ts (API)	型定義（interface）でルール指定	`categories: { id: number }[]`
route.ts (API)	1つずつ取り出してDB保存	`categoryId: category.id`

今こうしてまとめてても、次また開発するときに必ず迷うだろうと思う。
だから今回の課題ではコードの注釈量が半端じゃなかった🙄

さぁ、次はNext.jsバックエンド。
怖すぎる（楽しんでる）。