関連タグ:
決済ページから「戻る」と処理中のまま固まるボタンを、pageshow で直すと決めた理由。監査したら 3 ファイルに残っていました
Stripe などの外部ページから戻ると、決済ボタンが「処理中」のまま動かなくなる bfcache の症状を実ブラウザで再現し、pageshow と no-store の比較、リポジトリ監査スクリプト、CLAUDE.md の一行までをまとめます。
375px で横に 90px はみ出した朝、犯人は querySelectorAll に映らない疑似要素でした
スマホ幅でページが横に広がる原因が ::after だったとき、要素の走査では見つかりません。疑似要素まで差分で確定する観測スクリプトと、sticky を壊さない直し方を実測つきでまとめました。
Claude Code × Playwright で E2E テストを本番運用に乗せる — 落とし穴と導入の判断基準
Claude Code と Playwright を組み合わせて E2E テストを本番運用するための実装パターンと、導入効果の測り方。Cloudflare Workers/Pages preview deployment 下での落とし穴と、個人開発者がテストを導入する判断基準まで踏み込んで解説します。
Claude × Playwright のブラウザエージェントが「成功したつもり」で失敗するとき — 操作を検証し UI の変化に先回りする実装メモ
Claude API と Playwright のブラウザエージェントは、視覚で判断する分だけ「やったつもりで失敗する」誤成功が起きます。自己申告を信じず操作を事後検証する設計と、UI 変化に先回りで気づくドリフト検知の実装をまとめます。
Claude Code で振る舞い駆動開発（BDD）を本番実装する — Gherkin シナリオ自動生成からチーム横断テスト文化の醸成まで
Claude Code を使った振る舞い駆動開発（BDD）の本番実装ガイド。Gherkin シナリオ自動生成、ステップ定義の自動化、Playwright/Cucumber 連携、非エンジニアとの協業体制まで、動作確認済みコードで解説します。