概要 友達の設計事務所のHP作成をすることになりました。 コンテンツは非エンジニアでも更新できるようにCMSで作成しました。 NewtというヘッドレスCMSを初めて使ったのですが、Vercelでデプロイするまで、簡単に作れたので内容をまとめます CMSの選定 WordP…

概要 StorybookをStorybook 6.x から 7.0へアップグレードしたときに、公式のMigrationガイドを元に進めたものの、テストがFlakyになってしまったり、落ちてしまったり、修正に苦労したのでまとめます。 アップグレード方法はざっとだけ触れます 全体のおお…

概要 日付を登録するフォームで、有効日付(うるう年など)かどうかを判定したい。 年月日が分かれている選択フォームの場合、日付のバリデーションで迷ったのでメモ 環境 react 18.2.0 date-fns 2.29.3 react-hook-form 7.43.9 zod 3.21.4 簡易なフォームをつ…

概要 AndroidでWebViewを利用している箇所のデバッグする方法が全くわからなかったので、調べながらまとめてみました Android StudioでWebViewを確認できるだけの簡易的なアプリをつくっていきます Android Studioをダウンロードする Download Android Studi…

概要 aria-labelledby属性が???だったので調べていたところ、そもそもアクセシビリティについて無知だったので、WAIのことから動作確認も含めて試してみた アクセシビリティとは？ What is accessibility? - Learn web development | MDN Accessibility is t…

概要 スクロールアップ時に表示され、スクロールダウン時に非表示になるButtonコンポーネントをつくりたい スクロールボタン 要件・流れ スクロールアップ ---ボタン表示 スクロールダウン ---ボタン非表示 以前のスクロール位置をuseStateで保持する ボタン…