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

参考

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

関連

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

microCMS の Webhook と GitHub Actions を連携し、ビルドと XServer へのデプロイを自動化した。
記事の更新や main ブランチへのプッシュをトリガーとしてワークフローが実行される。

参考

• Next.js＋ヘッドレスCMSではじめる！ かんたんモダンWebサイト制作入門 高速で、安全で、運用しやすいサイトのつくりかた
• GitHub CI/CD実践ガイド