はてぶ・Qiita・Zennのトレンド記事を紹介
PlaywrightはWebアプリの自動テストツールです。複数のブラウザで動作確認ができ、E2Eテストの自動化に役立ちます。
Playwrightで全画面のスクリーンショットを一括取得する 🔖 1
経緯ある日、「遷移図を書きたいから、各画面のスクリーンショットを簡単に取れるやり方はないか？」と相談を受けました。Webサイトの画面数が多いと、手作業でのスクリーンショット取得は地味に面倒です。PlaywrightでE2Eテストを導入していたので、そこで簡単に取れたはずと思っ
Playwright AgentsでE2Eテストの民主化を実現する - SEED構想の提案 🔖 2
はじめに 技術本部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エージェント機能。自動的にテスト計画とテストコードの生成、テストコードのデバッグなど 🔖 266
テスト自動化フレームワーク「Playwright」にAIエージェント機能。自動的にテスト計画とテストコードの生成、テストコードのデバッグなど マイクロソフトが主導して開発しているオープンソースのテスト自動化フレームワーク「Playwright」の新バージョン「Playwright
Playwright Agents によるテストの自動生成を試してみた 🔖 143
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...
PlaywrightのブラウザバイナリをGitHub Actionsでキャッシュする 🔖 1
はじめにGitHub ActionsでPlaywrightをつかったテストを実行する際、ブラウザバイナリを毎回ダウンロードするのはわすかですが時間がかかります。私の環境だとブラウザバイナリのインストールに数分かかっており、CIにかかる時間を短くしたくて調べたので、Pl...
VS Codeで注目のMCPを実践 「SQLite MCP」「Playwright MCP」でデータとテストコードを生成する方法 🔖 39
VS Codeで注目のMCPを実践 「SQLite MCP」「Playwright MCP」でデータとテストコードを生成する方法：クラウドサービスだけじゃない！ ローカルPCやサーバ、Kubernetesで生成AI（6） 気軽に試せるラップトップ環境で、チャットbotを提供するオ
Playwright MCPとAIでe2eテストを効率化！実践と課題、そして未来 🔖 41
MicrosoftからPlaywright MCPが公開されました。 この記事はPlaywright MCPとAIコードエディタのCursorを使い、e2eテストの効率的な作成と管理を試行した記録です。 インターネット上にある類似の記事を斜め読みしてみると、「これ、本当にPlay
playwright-mcpを拡張するMCPサーバーを作ってレスポンスBodyを観察できるようにしてみました 🔖 2
こんにちは。ダイの大冒険エンジョイ勢のbun913と申します。みなさんはPlaywrightのMCPサーバーを使いながら「どんなAPIリクエスト・レスポンスがあるかBodyも含めてみてほしいな」と思ったことはありませんか？私はあります。PlaywrightのMCPサーバーを使
Playwrightで実際のDBを用いてテストを並列実行し高速化する - hiroppy's site 🔖 79
最近は、LLMによるコード生成が日常的になっています。 それに伴って、テストはコードが正しく実行されているかを保証するために今後更に重要になっていきます。 そこでLLMにとっても人間にとっても、実行速度が重要な要素となりますが、特にe2eは実行速度が遅い点が課題です。 さらに実際
AmazonBedrockとPlayWrightMCPで始める日本語E2Eテスト 🔖 1
はじめにみなさんはE2Eテストをご存じでしょうか？EndtoEndテストの略称であり、ブラウザ上でのシステム全体の動作を確認するためのテスト手法です。E2Eテストを自動化するためのツールとして、PlayWrightが注目されています。PlayWrightは、Webブラウ...
Playwright自動化ツールのPython部分をTypeScriptに移行した話 🔖 1
UbieでQAエンジニアをしている @tmasuhara です。今日はプロダクトのオペレーションに使っているPlaywrightベースのツールにおける技術スタック移行について書きます。 ツールの概要このツールは、YAML設定ファイルに基づいてPlaywrightテストを動
Playwright自動化ツールのPython部分をTypeScriptに移行した話 🔖 1
UbieでQAエンジニアをしている @tmasuhara です。今日はプロダクトのオペレーションに使っているPlaywrightベースのツールにおける技術スタック移行について書きます。 ツールの概要このツールは、YAML設定ファイルに基づいてPlaywrightテストを動
開発経験0のQAエンジニアが、playwrightでE2Eテストを実装するまでの記録 🔖 1
こんにちは。 最近家でパンを焼きまくっているhacomono QAのpiroこと廣田です。 この記事を開いてくれたQAエンジニアのあなた、 もしかすると、なんとなくコードに対しての苦手意識を持っていたりしませんか？ まさに私がそうでした。 開発経験もなく、ホワイトボックステストの
Playwright 全盛のいま、あえて Selenium をのぞき込む 🔖 4
昨今のE2Eテストは、Playwrightを使うのが主流だと思います。Playwrightはテストのレコーディングもできるし、レポートもリッチだし、最近だとMCPもあってAIフレンドリーでもあり、E2Eテストを書くならまずこれを選んでおけば間違いない存在だと思います。そこでふと
最近、らくしふのある画面に対して E2E テストを書いていたのですが、その画面ではレイアウトの見た目がとても重要でした。機能的なテストはすべてパスしていましたが、スタイルの崩れがないか毎回手動で確認する必要がありました。そんなときに見つけたのが、Playwright のスナップ