本文へスキップ
ui.design

Implementation

リリース前QAチェックリストを作る

1人自動開発では、重い品質プロセスよりも、壊れやすいところを毎回確認する軽いチェックリストが効きます。

ui.design: qaui.design: report-quality

まず確認する症状

  • LPコピー修正でフォームや計測が壊れる。
  • レポート表示変更でzipやtasks.jsonとの整合が崩れる。
  • レビュー所見は理解できるが、開発者やコーディングエージェントが触る範囲と完了条件を判断できない。
  • 修正、検証、再スキャン、残課題化の流れが分かれておらず、1つの大きな依頼になっている。

なぜ問題か

  • 小さく速いリリースでも、壊れやすい契約を固定すると負債が溜まりにくくなります。
  • チェックリストは人間とコーディングエージェントの両方が使える運用資産になります。
  • AI実装では、曖昧な改善案よりも、対象、制約、受け入れ条件、検証コマンドが揃った小さなタスクが成功しやすくなります。
  • 成果物をMarkdownやJSONで残すと、別の人や別のエージェントが途中から再開しやすくなります。

診断で見る指標

主要導線
モバイル表示
artifact生成
計測タグ
法務/課金表示
対象URL/画面/コンポーネント
非目標と触らない範囲
自動検査と目視確認
再スキャン結果
残課題Issue化
権限/課金
成果物DL
モバイル
計測
エラー状態

修正方法

最小修正

壊れやすい導線を列挙する

Scan、結果表示、Learnリンク、Review Pack、account、billingを対象にします。

推奨修正

自動テストと手動確認を分ける

build/lint/testで見るものと、スクショや実ジョブで見るものを分けます。

さらに改善

Issueテンプレート化する

リリース前確認をGitHub IssueやPRコメントで再利用します。

受け入れ条件

  1. 01PCとスマホの両方で目視確認し、主なCTAまたは操作対象が迷わず見つかる。
  2. 02キーボード操作、読み上げ補助、または自動検査で再発しやすい項目を確認する。
  3. 03修正後にui.designで再スキャンし、同じ所見が残る場合は原因を分解する。
  4. 04各タスクに、目的、対象、変更内容、非目標、受け入れ条件、確認コマンドまたは確認手順がある。
  5. 05修正後に、解消した所見、残った所見、新しく出た所見、確認不能な所見を分けて記録している。
  6. 06リリース前チェックは、自動で見るもの、目視で見るもの、実ジョブで見るものに分かれている。
  7. 07Scan、結果表示、Learnリンク、Review Pack、account、billingのような壊れやすい導線が対象に含まれている。

コーディングエージェント向け修正指示

目的: リリース前に見るべき導線、表示、成果物、計測、課金/認証影響をチェックリスト化してください。自動テストで担保する項目と人間が見る項目を分けてください。 追加確認: チェックリストは長大にせず、今回触った境界と壊れやすい契約に絞り、証跡を残す項目を明示してください。

参考資料

よくある失敗

  • 毎回全部を詳細レビューしようとして、運用が続かない。
  • 見た目だけを整え、見出し、リンク、フォームラベルなどの意味構造を直さない。
  • 1つの指摘だけを直し、同じ原因から出た別画面の再発を確認しない。
  • 広すぎる一括依頼をAIへ渡し、関係ないリファクタリングやUI変更を混ぜる。
  • 結果JSON、report.md、tasks.json、証跡画像のどれを正として見るか決めない。

関連ページ