ハンズオン(第7部): 実務的な管理画面に仕上げる
第23〜27章の UI パターンを Relay に順に適用し、実務水準の管理画面に仕上げます。
この部の到達状態
- URL に連動した検索・絞り込みができる
- ページネーション、「もっと読む」、無限スクロールが選べる
- フォーム UX が a11y 込みで整う(422 再描画、フォーカス移動、aria 属性)
- 新規作成モーダル、タブ、ドロップダウンが動く
- 通知トーストが出る(他ユーザーの操作によるリアルタイム通知を含む)
作る・変える
第23章(検索)→ 第24章(ページネーション)→ 第25章(フォーム UX)→ 第26章(モーダル等)→ 第27章(通知)の順に、Relay へ適用します。
完成条件
- 検索条件が URL で共有・リロードできる
- 第7部 a11y チェックリスト(フォーカス・
aria-live・キーボード操作)を満たす
Relay の現在地
Relay が実務水準の管理画面になった状態。 以降は保守(第8部)とモバイル展開(第9部)です。