ブラウザ利用検証デモサイト
★★☆ 中級想定ステップ数: 約7ステップ

S4 商品検索→詳細

カテゴリ・キーワードで商品を絞り込み、一覧から詳細ページへ遷移して規格・原産国・JANコードなど詳細ページでしか読めない項目を確認するシナリオです。一覧と詳細ページを何度も往復するページ遷移の追跡に向いています。

このシナリオで試せるブラウザ操作

  • ネイティブ <select> によるカテゴリ絞り込み
  • テキスト入力によるキーワード検索
  • 一覧から詳細ページへのリンク遷移
  • 詳細ページから一覧ページへの戻り遷移(条件の保持)
  • ページ送りボタンによるページネーション操作

お題(Lv1〜Lv3)

Lv1: 特定の商品の詳細ページを開き、JANコードを報告する

商品コードで対象商品を特定し、詳細ページでJANコードを確認します。

AI へ渡す指示文

/demo/catalog を開いて、商品コードが SKU-BEV-001 の商品の詳細ページを開き、JANコードを報告してください。

合格条件

  • 商品コード SKU-BEV-001 の商品の詳細ページを開いている
  • JANコードを詳細ページから正しく読み取って報告している

つまずきやすいポイント

  • 商品名は重複することがあるため、商品名だけで対象を特定しようとすると別の商品を開いてしまう
  • JANコードは一覧ページには表示されず、詳細ページでのみ確認できる

Lv2: 条件で絞り込み、該当する全商品の原産国を一覧化する

カテゴリで絞り込み、該当商品すべての詳細ページを開いて原産国を集めます。

AI へ渡す指示文

/demo/catalog を開いて、カテゴリを「飲料」に絞り込み、該当するすべての商品について詳細ページを開いて原産国を確認し、商品コードと原産国の組み合わせを一覧で報告してください。

合格条件

  • カテゴリ「飲料」で絞り込んでいる
  • 該当する商品すべてについて詳細ページを開き、原産国を確認している
  • 商品コードと原産国の組み合わせを漏れなく報告している

つまずきやすいポイント

  • 詳細ページから一覧へ戻る際、絞り込み条件が保持されているかを確認せずに条件をやり直してしまう
  • 1ページ20件のため、該当商品が複数ページにまたがる場合に一部を見落としやすい

Lv3: 一覧→詳細→戻るを繰り返し、条件に合う商品の規格をすべて表にする

ページ送りを含めて該当商品すべての詳細ページを巡回し、規格を収集します。

AI へ渡す指示文

/demo/catalog を開いて、カテゴリを「文具」に絞り込み、該当するすべてのページ・すべての商品について詳細ページを開いて規格を確認し、商品コードと規格の組み合わせを表にして報告してください。

合格条件

  • カテゴリ「文具」で絞り込み、該当する全ページを巡回している
  • 該当する商品すべての詳細ページを開き、規格を確認している
  • 商品コードと規格の組み合わせを表として漏れなく報告している

つまずきやすいポイント

  • ページ送りを途中で止めてしまい、後半のページの商品が抜け落ちる
  • 詳細ページと一覧ページの往復が多いため、どの商品まで確認済みかの記録漏れが起きやすい