モーダルを開く 2025-02-10 Next.js Next.js で基本的な UI 機能の実装練習をする モーダルを閉じる Next.js で基本的な UI 機能の実装練習をする Next.js React Jest Next.js と TypeScript のアウトプットを目的として、基本的な UI 機能をスクラッチした。同時に、Jest を使用した単体テストを書く練習を実施した。Webサイトという文脈でどれほどテストが重要視されているか認識できていないが、aria-属性の変化などを目視で確認せず済むことに利点を感じた。 参考 現場で使えるTypeScript 詳解実践ガイド フロントエンド開発のためのテスト入門 今からでも知っておきたい自動テスト戦略の必須知識 dialog要素を使用したモーダルウィンドウの実装例 関連 https://x.com/_koji014/status/1888878229983047861
モーダルを開く 2025-01-15 CI/CD microCMS の Webhook と GitHub Actions を連携してビルドとデプロイを自動化する モーダルを閉じる microCMS の Webhook と GitHub Actions を連携してビルドとデプロイを自動化する CI/CD Next.js React microCMS の Webhook と GitHub Actions を連携し、ビルドと XServer へのデプロイを自動化した。記事の更新や main ブランチへのプッシュをトリガーとしてワークフローが実行される。 参考 Next.js＋ヘッドレスCMSではじめる！ かんたんモダンWebサイト制作入門 高速で、安全で、運用しやすいサイトのつくりかた GitHub CI/CD実践ガイド