← 一覧へ
テストClaude Code難易度: 初心者

ウェブアプリテスト支援 webapp-testing

ウェブアプリのテストを簡単にサポート!

出典リポの★
155,788
最終更新
6ヶ月前
作者
Anthropic

これは何?

このツールは、Playwrightを使ってローカルのウェブアプリケーションとやり取りし、テストするためのものです。フロントエンドの機能を確認したり、UIの動作をデバッグしたり、ブラウザのスクリーンショットを撮ったり、ブラウザのログを確認したりすることができます。初心者でも使いやすいように設計されていますので、安心して始めてくださいね!

ウェブアプリテスト支援の紹介マンガ

これでできること

  • フロントエンドの機能が正しく動いているか確認できます。
  • UIの動作に問題がないかをデバッグできます。
  • ブラウザのスクリーンショットを簡単に撮ることができます。
  • ブラウザのログを確認し、問題の原因を特定できます。

こんな時に便利

新しい機能を追加したとき、きちんと動作するかテストしたい場合。
UIに不具合があると思われる場合、デバッグしたいとき。
ブラウザの状態を確認したいとき、スクリーンショットを撮りたい時。

使い方

まずは、`--help`を実行してどのようなコマンドがあるかを確認しましょう。その後、提供されたヘルパーを使ってテストを開始します。例えば、`python scripts/with_server.py --server "npm run dev" --port 5173 -- python your_automation.py`というコマンドでサーバーを起動し、自動化スクリプトを実行できます。

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

To start a server, run `--help` first, then use the helper:**Single server:**python scripts/with_server.py --server "npm run dev" --port 5173 -- python your_automation.py

必要なもの

  • 特になし

導入方法

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

使いこなしのコツ

  • まずは簡単なテストから始めて、少しずつ複雑なテストに挑戦しましょう。
  • 問題があった場合は、ブラウザのログを確認するのがおすすめです。

このスキルの紹介記事