Implementation
受け入れ条件で修正完了を判定する
受け入れ条件はチェックリストではなく、修正が事業・UX・アクセシビリティ上の目的を満たしたかを判断する基準です。
ui.design: handoffui.design: report-quality
まず確認する症状
- 修正したが、どの状態なら完了かチームで判断が分かれる。
- 再スキャンで所見が残ったとき、仕様の問題か誤検出か分からない。
- レビュー所見は理解できるが、開発者やコーディングエージェントが触る範囲と完了条件を判断できない。
- 修正、検証、再スキャン、残課題化の流れが分かれておらず、1つの大きな依頼になっている。
なぜ問題か
- 完了条件が曖昧だと、自動開発でも人間レビューでも手戻りが増えます。
- 証跡画像、所見、テスト、計測を同じ基準で見るとPDCAが回ります。
- AI実装では、曖昧な改善案よりも、対象、制約、受け入れ条件、検証コマンドが揃った小さなタスクが成功しやすくなります。
- 成果物をMarkdownやJSONで残すと、別の人や別のエージェントが途中から再開しやすくなります。
診断で見る指標
目視確認
キーボード操作
スマホ表示
該当checkId
イベント発火
対象URL/画面/コンポーネント
非目標と触らない範囲
自動検査と目視確認
再スキャン結果
残課題Issue化
観点別合否
証跡ファイル
人間確認が必要な項目
許容する残課題
再発防止
修正方法
最小修正
確認観点を3つに絞る
画面で見える、操作できる、再スキャンで同じ所見が減る、を基本にします。
推奨修正
証跡を残す
スクリーンショット、テスト結果、再スキャンURL、イベント名を記録します。
さらに改善
例外条件を書く
外部タグや認証後画面など、自動診断の限界を明示します。
受け入れ条件
- 01PCとスマホの両方で目視確認し、主なCTAまたは操作対象が迷わず見つかる。
- 02キーボード操作、読み上げ補助、または自動検査で再発しやすい項目を確認する。
- 03修正後にui.designで再スキャンし、同じ所見が残る場合は原因を分解する。
- 04各タスクに、目的、対象、変更内容、非目標、受け入れ条件、確認コマンドまたは確認手順がある。
- 05修正後に、解消した所見、残った所見、新しく出た所見、確認不能な所見を分けて記録している。
- 06各受け入れ条件は、誰が見ても合否を判断できる具体的な状態になっている。
- 07自動テスト、目視、再スキャン、計測のうち、どれで確認するかが条件ごとに決まっている。
コーディングエージェント向け修正指示
目的: 各修正タスクに、目視、操作、自動検査、再スキャン、計測の受け入れ条件を付けてください。確認不能な条件は人間確認や対象外として分けてください。 追加確認: 『改善されている』ではなく、『390pxで横スクロールがない』『該当checkIdが残らない』のように観測可能な条件で書いてください。
参考資料
よくある失敗
- テストが通ることだけを完了条件にし、実際の画面確認を省く。
- 見た目だけを整え、見出し、リンク、フォームラベルなどの意味構造を直さない。
- 1つの指摘だけを直し、同じ原因から出た別画面の再発を確認しない。
- 広すぎる一括依頼をAIへ渡し、関係ないリファクタリングやUI変更を混ぜる。
- 結果JSON、report.md、tasks.json、証跡画像のどれを正として見るか決めない。