はてぶ・Qiita・Zennのトレンド記事を紹介
PlaywrightはWebアプリの自動テストツールです。複数のブラウザで動作確認ができ、E2Eテストの自動化に役立ちます。
PlaywrightでFlaky Testを減らすための実践知 🔖 1
こんにちは、賃貸募集支援事業プロダクト開発チームの張(チョウ)です。普段は賃貸物件への申込みをWebで完結させるプロダクトの開発をしています。私たちのチームは昨年末からPlaywrightを導入し、E2Eテストの運用を開始しましたが、テスト数が増加するにつれて、どうしても避けて通
Claude Code × Playwright MCPでローカルの動作確認からバグ発見まで任せてみた話 🔖 2
Claude Code × Playwright MCPでローカルの動作確認からバグ発見まで任せてみた話 Claude Code × Playwright MCPでローカルの動作確認からバグ発見まで任せてみた話 はじめに Claude Code × Playwright MCP
Playwright Test Agents活用に向けた改善計画 (1) 🔖 1
はじめにBABY JOB 開発部の乗田です。本記事では、Playwright Test Agents[1] (以下、Agents)を活用するための取り組みを紹介します。本シリーズは全4回を予定しています。改善計画の全体像（本記事）メール自動化によるE2Eテストの完全
Playwright + OWASP ZAP + Claude Code で E2E テストから脆弱性診断まで一気通貫でできるかやってみた 🔖 175
はじめに 最近、他チームのエンジニアが「Playwright で書いた E2E テストを OWASP ZAP に通して脆弱性診断をやってみた」という話を聞きました。 「E2E のシナリオってそのまま脆弱性診断にも使えるの？」 気になったので自分でも試してみました。その記録です。
Playwright + OWASP ZAP + Claude Code で E2E テストから脆弱性診断まで一気通貫でできるかやってみた 🔖 175
はじめに最近、他チームのエンジニアが「Playwright で書いた E2E テストを OWASP ZAP に通して脆弱性診断をやってみた」という話を聞きました。「E2E のシナリオってそのまま脆弱性診断にも使えるの？」気になったので自分でも試してみました。その記録です。
Claude Code CLI × Playwright MCPで、APIアップデート監視を自動化した話 🔖 3
はじめに皆さん、外部APIのバージョン管理はどうしていますか？私たちのプロジェクトでは、多数の外部APIを利用しています。Facebook Ads、Google Analytics、AWS SDK、Salesforce...これらのAPIは定期的にバージョンアップやサポート終
AI時代のE2Eテスト、PlaywrightとVibiumをどう使い分けるか 🔖 4
はじめにこんにちは！TOKIUMでQAチームのリーダーをしている西田です。私たちのチームでは、テスト業務の自動化に取り組んでいます。プロダクトへのE2Eテスト導入にあたってツールの選定を行ったのですが、その過程で Playwright と Vibium という2つのツールを比
リグレッションテストとは？Playwrightで効率的に回帰テストを自動化する方法 🔖 7
はじめに「前は動いてたのに、なぜか動かなくなった…」開発を進めていると、こんな経験をしたことがある方も多いのではないでしょうか。新機能の追加やバグ修正によって、既存の機能が壊れてしまう。これを防ぐために行うのが リグレッションテスト(回帰テスト) です。本記事で...
Terminal 版 Playwright 風テストツールの tuistory が便利 🔖 47
TUI ツールを Vibe coding で作ることが最近多く、その際の動作確認として tuistory というツールを使っていて便利だったので紹介する。 tuistory はどんなツールか 簡単に言うと Terminal 版の Playwright。 playwright-cl
壊れにくいUIテストの設計を考える（Playwright + Storybook + React + GitHub Actions） 🔖 21
私は普段、開発に携わっていない（= 実装を触らない）アプリのテストを MagicPod で実装することが多いのですが、壊れにくいテストを作る難しさを強く感じています。特に悩ましいのは以下の2つを満たす粒度です。仕様変更には追従できる（多少のUI変更で壊れない）でも不具合は
E2EテストをSaaSからPlaywrightへ移行する 🔖 20
はじめに こんにちは。Musubi Insightチームでエンジニアをしている中村です。 Musubi Insightでは、SaaS型のE2Eテストツール mabl で14のテストを運用していましたが、認証の安定性やコード管理の面でいくつか課題がありました。 昨今のフロントエンド
Playwright + Amazon ECSでE2Eテストが秒で廃墟になる問題を解決する 🔖 71
はじめに こんにちは！ 株式会社エクスプラザのhyodoです！ E2Eテストの自動化を導入して3ヶ月後、こんな会話が聞こえてきたことはありませんか？ 「このテスト、また落ちてるけど誰か見てる？」 「あー、それいつも落ちるやつだから無視して大丈夫」 自動テストがあるのに誰も信用して
PlaywrightではじめるE2Eテスト入門（前編） - ICS MEDIA 🔖 57
フロントエンド開発では、UIの動作を含めてアプリ全体を検証するE2E（End-to-End）テストの重要性が高まっています。一方で、E2Eテストは導入や運用のハードルが高いと感じられがちです。本記事では、Playwrightを使って無理なくE2Eテストを始める方法を解説します。
PlaywrightではじめるE2Eテスト入門（後編） - ICS MEDIA 🔖 165
フロントエンド開発では、UIの挙動を含めてアプリ全体を検証するE2E（End-to-End）テストが重要になっています。しかし、導入や運用の難しさから、実践に踏み出せていない方もいるのではないでしょうか。 本記事では、前後編に分けて、シンプルなウェブアプリを題材に、Playwri
PlaywrightをRPAツールとして活用し、事務作業の効率化と安定化を成功させた話 🔖 5
こんにちは、QAの木下です。この記事では、事務作業にRPAツールを導入し、業務の改善に成功した話について、紹介します。 RPA挑戦のきっかけ ソフトウェアテストの自動化で得た知見ウェルスナビのQAチームは、Webサイトやモバイルアプリの品質を保証すべく、テストの計画か
draw.io MCP + Playwright MCP で画面設計書を自動生成してみた（GitHub Copilot Agent Skills） 🔖 70
はじめに 最近、draw.io MCP が公開されました。 これと Playwright MCP を組み合わせれば、 画面に遷移してスクリーンショット取得（Playwright） スクショに項番を付けたレイアウト図を作る（draw.io） HTML/画像を根拠にMarkdownの
CLIでもできた！PlaywrightMCPと同じ動き＋トークン90%削減 🔖 1
TL;DR（要約）課題: Playwright MCPでブラウザ操作すると、1操作で5,000〜10,000トークン消費解決: HTTP API + CLIスクリプト方式で、トークン消費を90〜92%削減結果: 複数回の操作を含むタスクで、トークン消費を1...
CodexでPlaywrightを始める最短手順（時間がない人向け） 🔖 2
はじめに本記事では、Codexを使ってPlaywrightをセットアップし、最初のテストまでの最短手順をまとめています。時間がない人でも「Codexに頼む → 承認を“はい”で進める」で進められる流れにしています。 PlaywrightとはPlaywrightは、ブラウ
Claude CodeとPlaywright MCPで実現する対話型UI自動テスト構築 | DevelopersIO 🔖 182
はじめに UIテストを書くとき、 「セレクタを探す → 失敗する → ブラウザを見直す」 という往復に時間を取られていませんか？ 本記事では、Claude Code と Playwright MCP を組み合わせて、 実際のブラウザ操作を確認しながら対話的にUIテストを構築する方
Playwright CLIとClaude Code Skillsで効率的なブラウザテストを実現する 🔖 84
はじめに Playwright MCPを使いブラウザテストのシナリオについて実装しておりましたがMCP経由だとツール定義のロード等でコンテキストが約8%増加するという以下の記事を受けて 自分でもPlaywright CLIとClaude CodeのSkills（カスタムコマンド）
はじめにSeleniumはチラッと触ったことがあるが、Playwrightは未経験なので軽く触ってみます今回は、WSL2上で動かしていますが、依存パッケージのインストールが面倒だったのでwindowsネイティブでやった方が良いと思いましたPlaywrig...
他システム連携ありのE2EテストをPlaywright Agentsで自動化してみた 🔖 3
1. はじめに本記事では、弊社で実施したPlaywright Agents を用いた E2E テスト自動化の PoCについて紹介します。筆者はこれまであまり技術記事を書いた経験がなく、今回は書き物の練習も兼ねたアウトプットになります。題材としては以下となります。自社プロ
> まず playwright-cli のヘルプを確認します。 I will run the following command: playwright-cli --help (using tool: shell) Purpose: Check playwright-cli he
Playwright MCP Serverの最新版（v0.0.58）でPlaywright CLIが追加されたようです！トークン効率が良くなるよとのことで、早速やってみました！インストールPlaywright MCP Serverをグローバルインストールすると...
ブラウザ操作不要！Playwright MCPでテスト仕様書からE2Eテストコードを自動生成してみた 🔖 3
はじめにGMOコネクトの永田です。E2Eテストの自動化、進めていますか？「テストコード実装に工数がかかる」「既存のテスト仕様書を活用できないか」こんな悩みをお持ちの方に朗報です。今回はPlaywright MCPを使って、自然言語で書かれたテスト仕様書から、AI...
はじめにお疲れ様です。今回の個人開発では、Qiitaの記事を Markdown / PDF として保存できるツール「Qiita Downloader」 を開発しました。Node.js をベースに、Qiita 特有のレイアウトや装飾をできる限り再現した PDF を生...
ブラウザポチポチ確認作業を自動化！Playwright codegen + LLMでE2Eテスト自動生成 🔖 1
はじめにGMOコネクトの永田です。「セキュリティガイドラインに沿った設定、全部確認できてる？」こう聞かれて、ドキッとした経験はありませんか？ガイドライン・チェックリスト・マニュアルに沿ってブラウザをポチポチ操作して確認するのは、正直かなり面倒です（私は結構あります...
2026元日、Playwright MCPに触れて気づいた、LLM時代のブラウザ自動化の新しいパラダイム 🔖 244
はじめに 年末年始でPlaywright MCPを触り直しています。きっかけは、MCPがLinux Foundation傘下のAgentic AI Foundationに移管されたというニュースでした。GitHub Starsは23,000を超え、2024年11月のMCP発表から
Autify上のE2EテストをPlaywrightに移行しました | PR TIMES 開発者ブログ 🔖 39
またそれぞれのシナリオの実行に平均で30分近くかかっていたため、失敗したテストの調査に時間がかかってしまうといった課題も抱えていました。 そこでFlakyなテストを減らし、エンジニアのメンテナンスコストを削減することを目的に、E2Eテストの整理と再構築の取り組みを始めました。 テ
【E2E自動化】Autify, Playwrightと比較してmablを選んだ話 🔖 1
この記事は 株式会社アクティブコアのAdvent Calendar 2025 の 19日目の記事です。今回は、私たちのチームでE2Eテスト自動化ツールの導入にあたり、mabl を選定した理由を残しておこうかと思います。これから自動化を検討されている方の参考になれば幸いです。
Advent Calendarの運営だってClaude Codeに任せたい —— Chrome DevTools MCPとPlaywright MCPでの自動化の記録 🔖 1
はじめにKDDIアジャイル開発センター（KAG）でアドベントカレンダーの運営を担当しています。弊社では毎年、新着記事を社内Slackでお知らせして盛り上げているのですが、今年は4つのシリーズを並行して運営しています。非常にありがたいことではあるものの、これらを手作業...
Playwright を触って気づいた、MagicPod のありがたみ 🔖 1
はじめに!「Medley Advent Calendar 2025」と「MagicPod Advent Calendar 2025」の 17 日目の記事こんにちは！メドレーで QA エンジニアをしている @Daishu です。所属チームのプロダクト (Web) の E2E
Dockerコンテナ間通信でPlaywright E2Eテストに挑んだらハマった話 - Web Crypto API編 - 🔖 1
こんにちは！saimyonです👶Social Databank Advent Calendar 2025 15日目です🎄最近、PlaywrightのE2Eテストですこしハマったので、備忘録も兼ねてまとめます。 弊社E2Eテストの現状弊社ではCircleCI上でPlayw
Dockerコンテナ間通信でPlaywright E2Eテストに挑んだらハマった話 - Web Crypto API編 - 🔖 1
こんにちは！saimyonです👶Social Databank Advent Calendar 2025 15日目です🎄最近、PlaywrightのE2Eテストですこしハマったので、備忘録も兼ねてまとめます。 弊社E2Eテストの現状弊社ではCircleCI上でPlayw
PlaywrightとGitHub ActionsによるE2Eテスト自動化の実践 🔖 1
1. はじめに 現状の課題 これまで、回帰テストはすべて手作業で実施していました。 1回の作業時間は短いものの、継続的な運用において以下のリスクが顕在化していました。 非稼働日の監視空白 休日や体調不良など、PCに触れない期間はテストができません。その間に障害や仕様変更が発生して
OpenSpecで作成した仕様書を元にPlaywrightAgentにテストコードを更新してもらう 🔖 2
こんにちは！any 株式会社でプロダクトチームに所属しているエンジニアの十川です。この記事は、any プロダクトチーム Advent Calendar 2025 シリーズ 1 の 13 日目の記事になります。https://qiita.com/advent-calendar/
Playwrightのソースコードに見る、自動テストを自動で書く技術 🔖 77
Playwright 1.56のエージェント機能に衝撃を受けた方も多いかと思います。しかし、この機能は実は突然現れたわけではありません。Playwrightのソースを4年間読み続けているエンジニアが、エージェント機能が公になるまでのPlaywright内部的な変遷を解説します。中
PlaywrightのE2Eテスト実行はなぜ速いのか? -Seleniumとの比較- 🔖 1
こちらは ヤプリ&フラー 合同アドベントカレンダー 2025 4日目の記事になります。 はじめに ヤプリでQAエンジニアをしている今西です。 QAチームでは、 Yappli (CMS)の一部を対象にPython＋Seleniumを使ったE2Eテストの自動化を行なっています。 そこ
Claude Code × Playwright MCP で自動デバッグ 🔖 5
この記事は hacomono Advent Calendar 2025 の1日目の記事です こんにちは、hacomonoでエンジニアをしているタクローです！ デバッグ作業って本当にめんどくさい。 画面操作 → データ確認 → また画面操作…というループに時間を奪われ、もっと効率的
ローコードツールから Playwright 移行への道 2025 - エムスリーテックブログ 🔖 78
エンジニアリンググループ GM 兼 QA チームリーダーの窪田です。 本日はマネジメントチームブログリレー4日目として、現在取り組んでいる自動テストを Playwright で構築するチャレンジについてお話しします。 背景 エムスリーでは E2E の自動テストを、リリース前の基本
「AIエージェントキャッチアップ #58 - Playwright Test Agents」を開催しました 🔖 1
ジェネラティブエージェンツの大嶋です。 「AIエージェントキャッチアップ #58 - Playwright Test Agents」という勉強会を開催しました。 generative-agents.connpass.com アーカイブ動画はこちらです。 www.youtube.c
ローコードツールから Playwright 移行への道 2025 🔖 78
エンジニアリンググループ GM 兼 QA チームリーダーの窪田です。 本日はマネジメントチームブログリレー4日目として、現在取り組んでいる自動テストを Playwright で構築するチャレンジについてお話しします。
Chrome DevTools MCP vs Playwright MCP - どちらを選ぶべき？実測で比較 🔖 145
検証環境 Blazor ServerとRadzen Componentsで作成したTest Formページを使用： URL: https://localhost:7286/test-form フィールド: Name、Email、Age、Country（ドロップダウン） 動作: S
Chrome DevTools MCP vs Playwright MCP - どちらを選ぶべき？実測で比較 🔖 145
はじめにClaude Codeでブラウザテストするとき、Chrome DevTools MCPとPlaywright MCPのどちらを使うべきか迷っていませんか？この記事では、同じBlazorアプリで両方を実際に使い、選び方の基準を示します。 結論を先に：選び方の基準
PlaywrightMCPで「頭の中のテスト知見」を自然言語化する〜影響範囲や類似箇所のリグレッションテストを自動生成して属人化を解消する〜 🔖 1
はじめに 長年運用しているプロダクトほど、「影響範囲のテストが誰かの頭の中にしかない」という課題を抱えていませんか？ 私たちのチームもまさにその状態でした。 機能追加や修正のたびに、 「この変更って、あの画面にも影響するかも」 「ここを触ったら、こっちの挙動も確認しないと」 とい