生成AI
Reactのエラー表示がスクリーンリーダーで読まれない問題を、永続コンテナとaria-pressedで直す新着!!

Reactで認証フォームを作るとき、エラー表示は `{error ?

{error}

: null}` と書くのが定番です。

続きを読む
生成AI
設定画面の文字サイズ切り替えが画面に反映されない原因と直し方:永続化とルート属性で全画面に効かせる新着!!

設定画面で文字サイズのトグルを切り替えたのに、画面の見た目が変わらない。

続きを読む
UI
React で Before/After 画像比較スライダーを実装する方法——react-compare-slider 実践ガイド

画像比較スライダーをReactで実装するなら、react-compare-sliderを使うのが簡単です。Before/After比較UIの作り方を解説し、タッチデバイス対応・キーボード操作・role="slider"などのアクセシビリティ対応が標準搭載されている点も紹介します。

続きを読む
E2Eテスト
複数イベントが同時発火する通知/マイルストーンを優先度+排他で統合する設計

学習アプリやSaaSで複数の通知・マイルストーンが同時発火するケースに対し、優先度ソート・排他ルール・上限件数の3軸で統合する設計パターンを解説します。TypeScript実装例とPlaywrightでのrace-free E2Eテスト手法、prefers-reduced-motion対応まで網羅。

続きを読む