メッセージキューの疎通確認を「run-idトレーシング」で実現する
非同期処理ではHTTPレスポンスが正常でも、その先のキュー処理が詰まっていることがあります。リクエストに埋め込んだrun-idをDBで追跡する「run-idトレーシング」で、このキュー詰まりを検知する方法を解説します。
E2Eの横スクロール検知はscrollWidthを疑え — overflow-x: clipが検出をすり抜けさせる罠
overflow-x: clipやhiddenを指定した要素はscrollWidthがclientWidthに丸められるため、横スクロール検知のE2Eテストが機能しなくなることがあります。原因の仕組みと、判定ロジックを共通ヘルパーへ整理し直す方法を解説します。
PWAの『オフライン再訪でログイン画面に戻される』問題をIndexedDBスナップショットで解決する
PWA（Progressive Web App）を運用していると、「オンライン時に一度使ったはずのアプリが、圏外や低速回線で再訪した瞬間にログイン画面へ落ちてしまう」という問題にぶつかることがあります。
Next.jsでGTM/Clarityを同意状態でゲーティングする実装ノート
Cookie同意バナーを実装したはずなのに、計測タグ自体は同意前からしっかり読み込まれている、というケースは意外と見かけます。バナーのUIだけを作って満足してしまい、GTMやアクセス解析スクリプトの「読み込みタイミング」までは手が回っていないパターンです。
E2Eテストが本番DBを消した日——条件反転バグ・10分検知・5層防御の全記録
E2Eテスト高速化のフロー図。Dockerによるフルリセットが65秒かかるのに対し、ハッシュキャッシュ、TRUNCATE、並列テストを活用することで15〜18秒に短縮される過程が示されている。開発者がキャッシュ済みハッシ […]
ローカルE2Eを65s→15-18sに短縮した話：Supabase migrationの環境差吸収とハッシュキャッシュ
Supabase CLIのバンドルDockerと本番の storage.prefixes 差でマイグレーションが壊れた問題を to_regclass() で吸収し、さらに マイグレーションハッシュキャッシュ + DBリセットとauthモックの並列化で npm run e2e を 65s → 15-18s（-72%）に短縮した実装記録。
Next.js本番ビルドで認証モックが動作しない問題の解決方法｜E2Eテスト自動化
Next.jsの本番ビルドでE2Eテスト実行時に認証モックが動作しない問題を解決。外部認証パッケージのセキュリティ設計を尊重しながら、NEXT_PUBLIC環境変数でモック認証を実装する完全ガイド。