記事一覧 4 ページ

背景テーブル表示で loader の defer 機能と <Suspense> <Await> を使ってロード中はスケルトンを表示したかった。初回ロード時は問題なくロード中はスケルトンが表示されていたが、テーブルのソ

背景React Hook Form を使ったコンポーネントをレンダリングしてある要素にチェックが入っているか確認するだけのテストで、テスト自体は通過するものの以下のようなワーニングが表示されていたWarning: An update to

Form Design Patterrns - シンプルでインクルーシブなフォーム制作実践ガイド を読んだので要点まとめ + α などinput と label を紐づける<label for=“name”>名前</lab

背景testing-library でテストを書く際にパスワード入力用の input を特定しようと以下のように記載しました。screen.getByRole(‘textbox’, {name: “パスワード”}) しかし、Unable t

カード自体にリンクを貼ることの問題点カードコンポーネント全体にリンクを貼りたい場合、カードを囲むように <a> タグを設定すると、ボイスオーバー等の読み上げソフトで読み上げる際にカードの中身が全て読み上げられユーザー体験が悪化し

背景cloudflare では HTML を自動でキャッシュさせません。これは動的なページを意図せずキャッシュしてしまうことを防ぐためです。このサイトは SSG で静的なページしか存在しないため、キャッシュしてしまって問題ないのでキャッシュ