はてぶ・Qiita・Zennのトレンド記事を紹介
PlaywrightはWebアプリの自動テストツールです。複数のブラウザで動作確認ができ、E2Eテストの自動化に役立ちます。
Playwright CLIとClaude Code Skillsで効率的なブラウザテストを実現する 🔖 40
はじめに 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テストコードを自動生成してみた 🔖 2
はじめに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
はじめに 長年運用しているプロダクトほど、「影響範囲のテストが誰かの頭の中にしかない」という課題を抱えていませんか？ 私たちのチームもまさにその状態でした。 機能追加や修正のたびに、 「この変更って、あの画面にも影響するかも」 「ここを触ったら、こっちの挙動も確認しないと」 とい
Playwrightで全画面のスクリーンショットを一括取得する 🔖 1
経緯ある日、「遷移図を書きたいから、各画面のスクリーンショットを簡単に取れるやり方はないか？」と相談を受けました。Webサイトの画面数が多いと、手作業でのスクリーンショット取得は地味に面倒です。PlaywrightでE2Eテストを導入していたので、そこで簡単に取れたはずと思っ
Playwright AgentsでE2Eテストの民主化を実現する - SEED構想の提案 🔖 3
はじめに 技術本部Quality Assurance Engineering Unitの杉本です。 QAでPlaywrightを使ったE2Eテストを推進している者です。以前、SETチーム始動 Playwrightで実現した最初の成果 - Sansan Tech Blogという記事
Playwright Agentsでテストの自動生成をやってみた 🔖 1
はじめにこんにちは、鷹野です。Playwright v1.56からの新機能でPlaywright Agentsが追加されました。 この Playwright Agents は、3つの主要なエージェントから構成されており、これらが協調して動作することでテストプロセス全体...
テスト自動化フレームワーク「Playwright」にAIエージェント機能。自動的にテスト計画とテストコードの生成、テストコードのデバッグなど 🔖 267
テスト自動化フレームワーク「Playwright」にAIエージェント機能。自動的にテスト計画とテストコードの生成、テストコードのデバッグなど マイクロソフトが主導して開発しているオープンソースのテスト自動化フレームワーク「Playwright」の新バージョン「Playwright
Playwright Agents によるテストの自動生成を試してみた 🔖 145
Playwright Agents のセットアップ Playwright Agents は Playwright v1.56 以降で利用可能です。以下のコマンドで Playwright のエージェントの定義を追加します。--loop オプションは使用している AI エージェントの
Playwright Test Agentsを試してみた〜AIはテスト計画、コード生成、自動修復をどこまでできるのか？ 🔖 2
!本記事はClaude Code（AI）がMayとの共同作業の内容をまとめたものです新しい技術の情報を早くお届けすることを優先して執筆しています記事中の見解や評価はClaude Code（AI）によるものであり、May個人やUbie株式会社の公式見解を代表するものではあり
Playwright Test Agentsを試してみた〜AIはテスト計画、コード生成、自動修復をどこまでできるのか？ 🔖 2
!本記事はClaude Code（AI）がMayとの共同作業の内容をまとめたものです新しい技術の情報を早くお届けすることを優先して執筆しています記事中の見解や評価はClaude Code（AI）によるものであり、May個人やUbie株式会社の公式見解を代表するものではあり
Playwrightの新機能 使ってみた【プランナーエージェントについて】 🔖 2
はじめにPlaywright 1.56で導入された新機能「Test Agents」が気になっていたので、実際に使ってみました。この記事では、プランナーエージェント（🎭 Planner） を使ってPlaywright公式サイトのテストプランを自動生成する過程を、1から順を追って解
[Playwright]E2Eテスト自動化におけるAIコーディングルールの作り方 🔖 58
こんにちは！アルダグラムでQAエンジニアをしている千葉です！ ここ数年で、AIを使ったコーディングが一般的になり、プロダクトの開発スピードが飛躍的に向上しました。 これにより、UIの変更といった仕様変更が頻繁に起こるようになりE2Eテストコードの整備も今まで以上にスピード感が求め
[Playwright]E2Eテスト自動化におけるAIコーディングルールの作り方 🔖 58
こんにちは！アルダグラムでQAエンジニアをしている千葉です！ここ数年で、AIを使ったコーディングが一般的になり、プロダクトの開発スピードが飛躍的に向上しました。これにより、UIの変更といった仕様変更が頻繁に起こるようになりE2Eテストコードの整備も今まで以上にスピード感が求め
[Playwright]E2Eテスト自動化におけるAIコーディングルールの作り方 🔖 58
こんにちは！アルダグラムでQAエンジニアをしている千葉です！ここ数年で、AIを使ったコーディングが一般的になり、プロダクトの開発スピードが飛躍的に向上しました。これにより、UIの変更といった仕様変更が頻繁に起こるようになりE2Eテストコードの整備も今まで以上にスピード感が求め
Playwrightはどのようにクロスブラウザをサポートしているのか 🔖 94
Firefoxの場合 Playwright's Firefox version matches the recent Firefox Stable build. Playwright doesn't work with the branded version of Firefox
フロントエンド学習にPlaywright MCPを使う 🔖 1
こちらの記事は「MEDLEY Summer Tech Blog Relay」の19日目の記事です🎉https://developer.medley.jp/entry/2025/08/15/20250815/今週はFY25新卒エンジニアの4人が連続して記事をお届けします！
QAエンジニアがテスト自動化に挑戦した話 〜ノーコードからPlaywrightへの第一歩〜 🔖 1
🍀この記事はこんな方におすすめノーコードツールの自動化に限界を感じているQAエンジニアの方Playwrightに興味があるけど「コードが書けるか不安...」と躊躇している方リグレッションテストに時間かかって困っているQAチームの方自動化の成功事例だけでなく、リアルな失敗
Cursor + 社内汎用MCP + Playwright MCPによるテスト実行実験 🔖 41
1. はじめに ナレッジワークでQAエンジニアをしているguncha(@gun_chari)です。 この記事は、「KNOWLEDGE WORK Blog Sprint」13日目の記事になります。 2024年11月にAnthropic社がModel Context Protocol
あるべき場所に帰ろう！ReActに立ち返りClaude Code + Playwright MCP + Figma MCPでデザインを反映 🔖 47
VTeacher所属のSatokoです！ 普段はフロントエンドをメインとして、QA的なことや進捗管理など、いろいろやっています。 最近の趣味はAIとのおしゃべりです！ FigmaのMCPサーバーさん ところで！ せっかくFigmaにMCPサーバーがあるのに、生成されたコードがいま
Cursor + 社内汎用MCP + Playwright MCPによるテスト実行実験 🔖 41
1. はじめにナレッジワークでQAエンジニアをしているguncha(@gun_chari)です。この記事は、「KNOWLEDGE WORK Blog Sprint」13日目の記事になります。 https://zenn.dev/knowledgework/articles/