Next.js と TypeScript のアウトプットを目的として、基本的な UI 機能をスクラッチした。
同時に、Jest を使用した単体テストを書く練習を実施した。Webサイトという文脈でどれほどテストが重要視されているか認識できていないが、aria-属性の変化などを目視で確認せず済むことに利点を感じた。

参考

• 現場で使えるTypeScript 詳解実践ガイド
• フロントエンド開発のためのテスト入門 今からでも知っておきたい自動テスト戦略の必須知識
• dialog要素を使用したモーダルウィンドウの実装例

関連

• https://x.com/_koji014/status/1888878229983047861