マイクロソフト、Webアプリのテスト自動化サービス「Microsoft Playwright Testing」プレビュー公開。クロスブラウザ／クロスプラットフォームのテストを並列実行
マイクロソフトは、Webアプリケーションのテスト自動化ライブラリ「Playwright」を用いた、Microsoft Azure上のテスト自動化サービス「Microsoft Playwright Testing」のプレビュー公開を発表しました。 Microsoft Playwright Testingに使われている「Playwright」は、マイクロソフトが中心となってオープンソースで開発しているWebアプリケーション向けテスト自動化ライブラリです。対応環境が幅広く柔軟で、精度の高いテストを特長としています。 具体的には、Chrome、Edge、Firefox、Safariの主要なWebブラウザのすべてを対象にしたテスト自動化が可能で、ヘッドレス、ヘッドありのいずれにも対応。モバイルエミュレーションを用いたAndroid版Google ChromeとMobile Safariのテストも、実
E2Eテストを Playwright で作り直して開発プロセスに組み込む話 - SmartHR Tech Blog
こんにちは。SmartHR プロダクトエンジニアの sasaki (@s_sasaki_0529) です。 今回は、私が開発に携わっている届出書類機能における E2E テストを、Capybara + Selenium の構成から Playwright に移行し、開発プロセスに組み込んだお話をします。 扱う話題 E2Eテスト基盤を移行する具体的な背景と理由 移行における提案から、合意形成までの流れ 移行後の開発プロセスがどう変わったか 扱わない話題 Playwright など、記事内で扱う技術要素自体の詳細説明 移行作業自体の詳細 テストコードの設計・実装に関する具体的なテクニック なお、本記事では便宜上、移行前の E2E テストを「旧テスト基盤」移行後を「新テスト基盤」と呼称します。 届出書類機能について E2Eテストに限らず、テストというのはプロダクトの特性によって最適な手法は大きく変わ
GitHub - modelcontextprotocol/servers: Model Context Protocol Servers
Official integrations are maintained by companies building production ready MCP servers for their platforms. 21st.dev Magic - Create crafted UI components inspired by the best 21st.dev design engineers. 2slides - An MCP server that provides tools to convert content into slides/PPT/presentation or generate slides/PPT/presentation with user intention. ActionKit by Paragon - Connect to 130+ SaaS inte
こんにちは、QAの木下です。 この記事では、E2E自動テスト環境の改善に成功した話について、紹介します。 E2E自動テストツール導入時からの変化 現行のE2E自動テストツールの課題 ウェルスナビで実施しているリグレッションテストは、企業が提供するE2E自動テストツールを利用する前提で、テストケースやテストシナリオを作成していました。 そのためテストケースやテストシナリオが、ベンダーロックイン状態となっていて、企業でサービスに対して大きな変更が行われた場合、ウェルスナビでのテスト実施に大きな影響がありました。 もしE2E自動テストツールの利用ができなくなった場合、手動でリグレッションテストを実施する必要があります。 しかし、現在のウェルスナビでのリグレッションテストは、E2E自動テストツールを導入する前と比較して、対象のWebサイトが提携企業の増加とともに大きく増えているため、テスト対象の範
差分指向テスト（DOT: Difference Oriented Testing）という考え方 - MNTSQ Techブログ
はじめに MNTSQ(モンテスキュー)株式会社 フロントエンド担当の安積です。 入社して4ヶ月とちょっと。 コードに取り組もうと入社して、まさに日々格闘しております。 私の後ろの席にはこんなバズ記事書く人や、こんなイカつい記事書く人が座ってまして、そんなプレッシャー期待の中からお送りいたします。 tech.mntsq.co.jp tech.mntsq.co.jp 昨日はこんな記事も公開されています。 tech.mntsq.co.jp はじめに 現在のステータス またはMNTSQ考古学 リファクタリングやるぜっっ！ 仕様書大事だよね 差分指向テストとは テスト環境の概要 テストデータ ブラウザ操作自動化 スクリーンショット比較 Playwriteの操作 ちょっとコードのサンプル 最後に この記事を書いた人 現在のステータス またはMNTSQ考古学 コードベースから見たMNTSQのフロントエン
Today, we are excited to announce the launch of .NET 10, the most productive, modern, secure, intelligent, and performant release of .NET yet. It’s the result of another year of effort from thousands of developers around the world. This release includes thousands of performance, security, and functional improvements across the entire .NET stack-from languages and developer tools to workloads-enabl
「AIコーディング」がもたらす「生産性」の本質を問う特集『その「AIコーディング」は本当に必要か？』。第1回では、生成AI（人工知能）導入による局所的な効率化が、かえってレビュー負荷の増大や現場の疲弊を招くという「AIパラドックス」の問題を整理。第2回では、KDDIアジャイル開発センターでAIコーディングを実践する面々との対談を通じ、AIコーディングを使いこなしながら「本当の生産性」をつかむための方策を探った。 第3回となる今回は、開発者個人に焦点を当てる。スマホ向けアプリなどの開発でAIを活用し、個人で進めるオープンソースのプロダクト開発にも生かしているI氏に、AIが開発者個人にもたらす変化と、この先の向き合い方について尋ねた。 関数やクラスといった小さな単位でも「AIコーディング」は始められる I氏は業務でスマホアプリの開発に携わる傍ら、趣味としてもオープンソースでソフトウェアを開発、
1. はじめに 2. なぜE2Eテストの自動化を検討しているのか 現状の課題 自動化で解決したいこと 3. E2Eテストツールの比較 Playwright Puppeteer Cypress Selenium 比較まとめ 4. Chrome拡張機能のE2Eテスト、ここが難しい 通常のWebアプリとの違い 拡張機能特有の課題 5. Playwrightで試してみた（そしてハマった） セットアップ 拡張機能を読み込む設定 そしてエラー... 気づき！！ 6. 今後の方針 直近でやること 将来的にやりたいこと 参考にしている情報 まとめ：自動化と手動テストのバランス 7. おわりに 1. はじめに こんにちは！iimonでフロントエンドエンジニアをしている「奥島」です！ なんと、アドベントカレンダー6日目という大役を任されました！光栄です！ ...と言いたいところですが、実は体調不良でカレンダー
目次 Playwrightとは 本書の対象バージョン インストール チュートリアル 簡易テストを実行する テストレポートを見る UIからテストする 使用方法 ブラウザ表示モードでテストする ブラウザを指定する テストするファイルを指定する テストUIを起動する テストスクリプト 基本サンプル ブラウザ 非ヘッドレスモードで開く ウィンドウサイズを指定する ページ 指定したページを開く ページがロードされるのを待つ 要素操作 要素を参照する(CSSセレクタ) 要素を参照する(ロール) 入力欄に文字列を入力する 要素をクリックする リンク Playwrightとは 「プレイライト」と読みます。playwright は「劇作家」を意味します。 Microsoft が開発した ブラウザ操作テスト用ツールです。 類似のツールに Selenium や Google の Puppeteer があります。
この記事は「【マイスター・ギルド】本物のAdvent Calendar 2022」2日目の記事です。 こんにちはmiruoonです。 今回はTypeScript（TS）などで手軽にWebアプリのE2EテストがかけるPlaywrightを紹介します。 前置き 作者はJestやTestingLibraryといった各コードテストツールを隅々まで使いこなしたことはないので、間違った記載があったらコメント欄で気軽にツッコんでください。 2022/11月末の情報となります。 E2Eテスト初めて聞いたわ！よくわからんわ！っていう人は以下の記事が詳しいので、読んでおくと良いです。 開発環境 MacBook Pro (13-inch, M1, 2020) macOS Monterey 12.1 Node.js v16.10.0 yarn 1.22.19 今回作成したコードについて コードはここに置いています
AIニュースノート：nano-bananaが話題に、AGENTS.mdの採用広がる、Microsoft Copilotに3Dモデリング機能が追加、ChatGPTでプロジェクト専用メモリー搭載、Claude for Chromeの安全設計など gihyo.jpのニュース記事として取り上げていなかったもののなかから、直近の興味深いAIに関連するニュース概要を簡単にまとめてみました。 ※この記事は、不正確な内容を含んでいる可能性のある実験的コンテンツです。正確な情報はリンク先を確認してください。 nano-bananaの週でした nano-bananaこと、Gemini 2.5 Flash Imageがリリースされて、このモデルによる画像生成・編集が話題になった週でした。興味深い使い方やベストプラクティスも紹介されています。 “nano-banana”の舞台裏：対話×段階編
1. はじめに 日本時間2025年3月25日、Microsoftが自社開発のブラウザ自動化ツールPlaywrightがModel Context Protocol (MCP)に対応したと発表しました。この発表は一見すると技術的なアップデートの一つに過ぎないように思えますが、実は生成AIとブラウザ自動化の融合という観点から見ると、ビジネス現場に大きな変革をもたらす可能性を秘めています。 これまで生成AIは主に情報提供や内容生成が中心でしたが、MCPに対応することで、AIがブラウザやデスクトップアプリケーションを直接操作できるようになります。つまり、AIが「考える」だけでなく「行動する」能力を手に入れたといえるでしょう。本記事では、PlaywrightのMCP対応の概要と技術的背景、そしてこれによって可能になる新たなビジネスユースケースについて解説します。 また、後半で試しにClaude fo
この記事で伝えたいこと（ポイント） ブラウザを操作する方法はたくさんある Microsoftの製品だけ生成AIによるブラウザ操作ができる 生成AIを使ったWebブラウザの自動操作はいろんな技術で可能 MCPやA2Aでも作り方次第でWebブラウザの自動操作はいけちゃう はじめに この記事ではAIによるWebブラウザ操作を実現する方法について 過去の登壇内容を交えて解説する記事です。 まずはブラウザ操作について説明し、次にAIを使った場合をチェックしていきます。 そして、どんなOSSがあったかを振り返りつつ、 MicrosoftのOSSだけでAIによるWebブラウザ操作や他のクラウド使ったブラウザ操作を実現する方法について解説します。 最後に最近話題のMCPやA2Aを取り入れた方法についてもみていきます。（余談程度） 定義：ブラウザ操作とは Webオートメーションの分野でさまざまな文脈がありま
Playwrightは、使いやすさや対応言語の多さなどが特徴のE2Eテスト自動化ツールです。この記事では、Playwrightの概要やインストール方法、基本的な使い方について解説します。テスト自動化ツールの導入を検討している方はぜひ参考にしてください。 Playwrightとは？【Webテストを行うツール】 Playwrightは、Webアプリを開発する際のテストを自動で行うツールです。主に、E2Eテストを効率的に行う目的でPlaywrightが用いられます。 Playwrightが対応しているブラウザはGoogle ChromeやMicrosoft Edge、Firefoxなど様々ですSafariの開発にも使用されているHTMLレンダリングエンジンのWebKitや、ブラウザ向けコードベースのChromiumにも対応しています。 利用できるプログラム言語はC#やJava、JavaScrip
Playwrightを使ったテスト自動化を始めたい方に向けて、Playwrightの概要や特徴、Seleniumとの違い、環境構築から基本的な使い方までをわかりやすく解説します。初めてPlaywrightに触れる方でも、実践的な知識を体系的に学べる内容になっています。 Playwrightとは Playwright（プレイライト）とは、Microsoftが2020年1月に公開したオープンソースのブラウザテスト自動化ツールです。E2E（エンドツーエンド）テストフレームワークとして設計されており、Webアプリケーションのテスト自動化を効率的に行うことができます。 Playwrightは完全に無料で使用できるオープンソースソフトウェアであり、GitHubで公開されています。以下に、主な特徴を紹介します。 対応ブラウザ Chromium（Google Chrome、Microsoft Edgeなど
GitHub - taishi-i/awesome-ChatGPT-repositories: A curated list of resources dedicated to open source GitHub repositories related to ChatGPT and OpenAI API
awesome-chatgpt-api - Curated list of apps and tools that not only use the new ChatGPT API, but also allow users to configure their own API keys, enabling free and on-demand usage of their own quota. awesome-chatgpt-prompts - This repo includes ChatGPT prompt curation to use ChatGPT better. awesome-chatgpt - Curated list of awesome tools, demos, docs for ChatGPT and GPT-3 awesome-totally-open-chat
ブルシットジョブは打首獄門。WSL2×multi-agent-shogun×CDPでブラウザ作業を全自動化する傀儡の術
TL;DR Windows 11の中にWSL2（Ubuntu）がいる。そのWSL2の中にAIエージェント（将軍）がいる。 そいつが、自分の外側にあるWindowsのブラウザを、ログイン済みのまま直接操作できる。 入れ子の内側から外側を操る。しかもブラウザにはGoogle認証済みのセッションが残ってるから、SaaSでもなんでもログインなしで即操作。 Computer Useの2倍速い（スクショ不要、DOM直接操作） 裏で動くから自動化中も別の作業ができる Electronアプリ（Slack、VS Code、Discord等）にも同じ術が効く AIエージェントと組み合わせると**「やっといて」の一言で全自動** コード全文 → multi-agent-shogun いつもクソ長い記事ばっかり書いてるので、珍しくTL;DRを先頭にドカンと置いてみた。TL;DRって言いたかっただけ説もある。 エン
こんにちは、テスト自動化アーキテクトの坂本です。 みなさん、E2E自動テストされていますか？ 今回は、PlayWrightについて紹介します。 PlayWrightは、2020年2月にリリースと比較的新しく、Selenium,Cypressなどと比較すると認知度はまだまだです。 しかし、後発のツールということもあり、色んな便利機能があります。 そんなPlayWrightの魅力の一部を紹介したいと思います。 PlayWrightってなに？ Microsoftが中心になって開発しているブラウザを操作するためのライブラリです。簡単にいうとE2Eテストツールです。 サポートしている言語は、Node.js(javascript,typescript), Python, Java, .NETと幅広く対応しています。対象ブラウザはChromium / Firefox / WebKit / Chrome
はじめに 本記事では、 E2E テストツールの Playwright(C#/MSTest) で作成したテストのパフォーマンス改善を行った際のポイントをご紹介します。 まとめ 原則ヘッドレスモードでテストを実行する テストケースごとにブラウザーを閉じる処理を挟む 上記の改善により、テスト実行時間を約 1/4 に短縮 Playwright とは？ Playwright は Web アプリケーションのテストを自動化するテストフレームワークです。 JavaScript/TypeScript, Java, Python, C# での開発が可能です。 Chrome, Edge, Firefox, Safari 等のブラウザーに対応しています。 導入コストが低く、コード自動生成やトレース保存機能を利用できるのが特徴です。 背景 UI 部品に関するテストを Playwright で実行できるように整備し、
PlaywrightとSeleniumはどちらもブラウザの自動化フレームワークであり、クロスブラウザ対応やUIテストの自動化、ブラウザ操作のスクリプト化など共通する機能や特徴があります。この記事はすでにSeleniumへの知識があり、Playwrightへの移行を検討している人に向けて、Seleniumと比較した時のPlaywrightの強みをまとめています。 1. 複数のブラウザエンジンに対応 Playwrightは、1つのAPIで以下の複数のブラウザエンジンに対応しているのが大きな特徴です。 Chromium（Google Chrome、Microsoft Edge） Firefox WebKit（Safari） Seleniumも複数のブラウザ（Chrome、Firefox、Edge、Safari）をサポートしていますが、PlaywrightはWebKitエンジンにも対応しているため
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ECS上にE2Eテスト基盤としてPlaywrightによる実行環境を構築した
Announcing .NET 10 - .NET Blog
面倒で難しいコード “こそ”、AIに書かせては？ 「生産性が高まるAIコーディング」の始め方
Chrome拡張機能のE2Eテスト自動化を検討してみた - iimon TECH BLOG
とほほのPlaywright入門 - とほほのWWW入門
Playwrightを使って実際のブラウザ動作からE2Eテストを作ろう！ - Qiita
AIニュースノート：nano-bananaが話題に、AGENTS.mdの採用広がる、Microsoft Copilotに3Dモデリング機能が追加、ChatGPTでプロジェクト専用メモリー搭載、Claude for Chromeの安全設計など | gihyo.jp
PlaywrightのMCP対応で広がるビジネス自動化
【生成AI】AIによるWebブラウザの自動操作を実現するには - Qiita
Playwrightを用いてテストを自動化しよう！概要や使い方を解説｜Udemy メディア
Playwrightの使い方をインストール方法から実践例まで解説
PlayWrightのすゝめ｜SHIFT Group 技術ブログ
Playwright で作成したテストのパフォーマンスを改善する - Qiita
Seleniumと比較したPlaywrightの強味