← 一覧へ
✅ テスト・チェックCC / Codex 両対応難易度: 中級

ブラウザ自動テスト browse

Webサイトの動作確認を自動化しよう!

出典リポの★
118,013
最終更新
1ヶ月前
作者
garrytan

これは何?

これはWebサイトの動作を自動でテストできるツールです。人間がブラウザを操作する代わりに、プログラムでページを開いたり、ボタンをクリックしたりできます。テストやデバッグを効率化できるので、開発者の強い味方です。

ブラウザ自動テストの紹介マンガ

これでできること

  • Webページを自動で開いて内容を確認できる
  • ボタンクリックやフォーム入力などの操作を自動化できる
  • 変更前後のページを比較して差分を確認できる
  • スクリーンショットを自動で撮影できる
  • レスポンシブデザインの確認ができる

こんな時に便利

新しい機能の動作確認をしたい時
デプロイ後のサイトチェックを自動化したい時
バグ報告用の証拠画像を取得したい時
定期的なサイト監視を行いたい時
フォームの動作テストをしたい時

使い方

『このページを開いて』や『スクリーンショットを撮って』など、やりたいことを自然な言葉で伝えるだけでOKです。URLを指定したり、特定の要素を操作するように指示できます。コマンド1つあたり約100msで処理されます。

使用例(こう頼んでみよう)

https://example.com を開いて、ヘッダーのスクリーンショットを撮ってくださいログインフォームにテストデータを入力して、送信ボタンをクリックしてくださいこのページのモバイル表示を確認して、レイアウトのスクリーンショットを取得してください更新前後のページを比較して、変更点を教えてください

必要なもの

  • 特になし

導入方法

いちばん簡単(AIに頼む)
次のスキルを入れて: https://github.com/garrytan/gstack/tree/main/browse
手動で置く
Claude Code → ~/.claude/skills/browse/
Codex → ~/.agents/skills/browse/

使いこなしのコツ

  • 具体的にどの要素を操作したいか指示すると精度が上がります
  • テストの目的を明確に伝えると良い結果が得られます
  • スクリーンショットは注釈付きで取得できます