クリエイティブ支援UIでは、背景除去と動画生成を一つの「AI編集」要件にまとめがちです。しかし、背景除去の失敗は被写体の境界や出力背景の問題であり、参照付き動画生成の失敗は、素材の役割や動きの指示が曖昧な問題です。同じ再生成ボタンへ戻す前に、どちらの契約が破れたかを分けます。
本稿は公開ページから読める入力と確認手順を使った要件・テスト例です。実装、モデル、キュー、性能値を分析したものではありません。
二つの入力契約
PictureMaker は、画像と動画の作業を分けた入口として公開しています。Remove BG の画面では、JPG/JPEG/PNG を選び、被写体の切り抜きプレビューを確認して、透明 PNG または白背景を選ぶ流れが説明されています。ここでは境界の見え方と配置先が契約です。
Text With Reference は、テキストに画像・動画・音声の参照を組み合わせて動画の方向を決める入口です。ここでは参照が何を制約するかと、プロンプトがどの動きを優先するかが契約になります。
| ジョブ | 入力で決めること | 確認観点 | 失敗時の戻り先 |
|---|---|---|---|
| 切り抜き | 元画像、出力背景、配置先 | 髪・輪郭・影・透明領域 | 元画像、背景選択、レビュー |
| 参照付き動画 | 参照の役割、主役、動き、場面 | 指示の矛盾、意図の読み取りやすさ | 参照の選び直し、プロンプト |
要件を状態で表す
次の型はテスト会話のための例であり、実際のプロダクト実装を示しません。
type CreativeRequest =
| { kind: 'cutout'; source: 'jpg' | 'jpeg' | 'png'; output: 'transparent' | 'white' }
| { kind: 'videoBrief'; refs: Array<'image' | 'video' | 'audio'>; prompt: string };
type ReviewResult =
| { ok: true; next: 'export' | 'generate' }
| { ok: false; reason: 'edge' | 'contrast' | 'reference-role' | 'prompt-conflict' };
この分離により、edge なら切り抜きのレビューへ、prompt-conflict なら動画の指示へ戻せます。「結果がよくない」という曖昧なチケットを作らずに済みます。
テストケースの例
| ケース | 操作 | 期待する確認 |
|---|---|---|
| 低コントラストの商品 | 切り抜きを選び、透明背景を確認 | 被写体の境界を承認前に確認できる |
| 白背景の商品一覧 | 白背景を選ぶ | 一覧で必要な輪郭が見えるかをレビューできる |
| 商品写真を参照 | 参照の役割を外観と書く | 動きの指示が別途必要だと分かる |
| 音声も参照 | 音声を雰囲気として記録 | 主役と動きの指示を音声に依存しない |
実装前の確認項目
- 出力背景は用途から選べるか。
- 参照素材の種類と役割をレビュー画面で再確認できるか。
- 生成後に、入力の意図へ戻れるか。
- エッジ品質と場面の一貫性を同じ判定に混ぜていないか。
- 公開UIだけでは確認できない品質、速度、保存期間を別途検証項目にしているか。
二つの仕事を分けると、ツールの能力を過大に約束せずに、失敗を修正可能な要件へ戻せます。テストは「AIが正しいか」ではなく、利用者が意図と出力の差を発見して次の操作を選べるかを中心に置くのが有効です。