はじめに タイトルが変わりました TODOアプリを作る中で空想が膨らみタスク管理アプリのTrelloみたいなものを作る事にしました。 前回までのあらすじ Next.jsでTODOアプリを作成する日記① Tailwindを導入できた ComponentにPropsを渡せた Componentの中でPropsを使用できた Componentをループを使って表示できた React Iconsを導入できた Next.jsでTODOアプリを作成する日記② useStateを使って状態管理ができた setStateを使って状態の更新ができた 状態に対するイミュータブル(不変)な操作の必要性が分かった 子側で親のイベントをトリガーできた 前回までの画面 状態に応じてフィルターしたTodoリストを並べる 状態に応じてTodoリストにフィルターをかけ各タスクリストを状態に対応して横並びにしました。 上記の修