はてぶ・Qiita・Zennのトレンド記事を紹介
PlaywrightはWebアプリの自動テストツールです。複数のブラウザで動作確認ができ、E2Eテストの自動化に役立ちます。
Playwright を触って気づいた、MagicPod のありがたみ 🔖 1
はじめに!「Medley Advent Calendar 2025」と「MagicPod Advent Calendar 2025」の 17 日目の記事こんにちは！メドレーで QA エンジニアをしている @Daishu です。所属チームのプロダクト (Web) の E2E
PlaywrightとGitHub ActionsによるE2Eテスト自動化の実践 🔖 1
1. はじめに 現状の課題 これまで、回帰テストはすべて手作業で実施していました。 1回の作業時間は短いものの、継続的な運用において以下のリスクが顕在化していました。 非稼働日の監視空白 休日や体調不良など、PCに触れない期間はテストができません。その間に障害や仕様変更が発生して
OpenSpecで作成した仕様書を元にPlaywrightAgentにテストコードを更新してもらう 🔖 1
こんにちは！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/
Playwright MCPを使ってE2Eテストを楽に書く 🔖 246
ナレッジワークでは、お客様に安定したサービスを提供するため、E2Eテストを活用した品質保証に取り組んでいます。ただし、E2Eテストの開発・保守には多くの時間と労力が必要で、正直なところ手間だと感じる場面も少なくありません。本記事では、そうした課題を Playwright MCP
Playwright MCPを使ってE2Eテストを楽に書く 🔖 246
!この記事は、「KNOWLEDGE WORK Blog Sprint」10日目の記事ですナレッジワークでは、お客様に安定したサービスを提供するため、E2Eテストを活用した品質保証に取り組んでいます。ただし、E2Eテストの開発・保守には多くの時間と労力が必要で、正直なところ手
Playwright MCPを使ってE2Eテストを楽に書く 🔖 246
!この記事は、「KNOWLEDGE WORK Blog Sprint」10日目の記事ですナレッジワークでは、お客様に安定したサービスを提供するため、E2Eテストを活用した品質保証に取り組んでいます。ただし、E2Eテストの開発・保守には多くの時間と労力が必要で、正直なところ手
ECS on EC2 でスケールする Playwright の実行基盤を構築した - LayerX エンジニアブログ 🔖 22
こんにちは! バクラク事業部 Platform Engineering 部 SRE グループにインターンとして参加している xpadev です。 この記事ではインターン期間中に開発を行っていた Playwright 実行基盤を紹介します。 経緯 構成 具体的な処理フロー 技術選定
Claude CodeでE2Eテストを自動化！Playwright MCPで実現する対話型ブラウザテスト 🔖 8
こんにちは、とまだです。Claude Codeで開発していて、毎回手動でブラウザ確認するのが面倒だと感じたことはありませんか？フォームの動作確認や、ボタンクリックのテスト、レスポンシブデザインのチェック。AIがコードを書いてくれても、結局最後は自分の目で確認しなきゃい...
ECS on EC2 でスケールする Playwright の実行基盤を構築した 🔖 22
こんにちは! バクラク事業部 Platform Engineering 部 SRE グループにインターンとして参加している xpadev です。 この記事ではインターン期間中に開発を行っていた Playwright 実行基盤を紹介します。 経緯 構成 具体的な処理フロー 技術選定
CursorとPlaywright MCP Serverを活用したJMeterの負荷シナリオ生成 🔖 4
導入 こんにちは！名刺アプリ「Eight」のSREエンジニアの藤原です。SREは日々プロダクトの信頼性向上に向き合っています。私は2024年の8月に入社し、すでに入社から1年経ったことに驚きを隠せない今日この頃です。遅ればせながらドラゴンクエストIIIリメイクを始めたので、残暑を
非エンジニアもMarkdownでテストを書ける — PlaywrightとGaugeによる自動テスト - エムスリーテックブログ 🔖 131
はじめに エムスリーテクノロジーズの永江 (@yukinagae)です。 2025年7月からエムスリーテクノロジーズに入社し、グループ会社への技術支援をしています。詳しい業務内容は、前回の記事でも紹介しました。 支援内容は、各グループ会社の状況や参画するエンジニアのスキルによって
非エンジニアもMarkdownでテストを書ける — PlaywrightとGaugeによる自動テスト 🔖 131
はじめに エムスリーテクノロジーズの永江 (@yukinagae)です。 2025年7月からエムスリーテクノロジーズに入社し、グループ会社への技術支援をしています。詳しい業務内容は、前回の記事でも紹介しました。 支援内容は、各グループ会社の状況や参画するエンジニアのスキルによって
Figma + Storybook + PlaywrightのMCPを使ったフロントエンド開発 🔖 236
2022ランキング圏外から2023ランキング入りを実現したテックブログ運営について / 2023-07-28-QiitaEngineerFesta
Computer-useとBrowser-useとPlaywright-MCPを比較 🔖 1
ブラウザ操作系のAIエージェントが複数出てきたので、実装方法と動作の振る舞いを比較してみました。 computer-useについて※紹介するのはAzureから提供されているcomputer-useモデルです。2025年3月に登場した新しい生成AIモデルで、視覚要素を解釈し
Playwright × 生成AI でVRTのバグ報告を自然言語化してみたら実用的だった話 🔖 51
こんにちは！IVRyのQAエンジニアの関(@IvryQa)です。 IVRyでは2024年12月から Playwright[1] を用いた Visual Regression Testing（以下、VRT）[2] を導入し、約半年間運用してきました。 ピクセル差分は拾えても これっ
mabl CLIでエクスポートしたテストをPlaywrightで動かすときの注意点 🔖 1
はじめにmablのテストを実行回数を気にせず高頻度に回したいと思ったことはありませんか？私はあります。この記事では、mabl CLIでエクスポートしたPlaywrightテストを実際に動作させるまでにハマったポイントをまとめます。mabl CLIについては公式のヘルプをご確
mabl CLIでエクスポートしたテストをPlaywrightで動かすときの注意点 🔖 1
はじめにmablのテストを実行回数を気にせず高頻度に回したいと思ったことはありませんか？私はあります。この記事では、mabl CLIでエクスポートしたPlaywrightテストを実際に動作させるまでにハマったポイントをまとめます。mabl CLIについては公式のヘルプをご確
Playwright × 生成AI でVRTのバグ報告を自然言語化してみたら実用的だった話 🔖 51
こんにちは！IVRyのQAエンジニアの関(@IvryQa)です。IVRyでは2024年12月から Playwright[1] を用いた Visual Regression Testing（以下、VRT）[2] を導入し、約半年間運用してきました。ピクセル差分は拾えても これ
はじめに初めまして！皆さん、テストの必要性をご存知ですか？私は配属先で仕事をするまでテストの必要性や重要性を全くわかっていませんでした。さらにいうと、テストにもいろんな種類があることも初めて知りました。これはまずいと色々調べていくうちに、今回の題材であるPlay...