テストケースをコードで書かないE2Eテスト ── Claude CodeとPlaywright CLIで実現する自然言語テスト自動化 - ZOZO TECH BLOG
はじめに こんにちは、カート決済部カート決済サービスAブロックの道場です。ZOZOTOWN内のカート機能や決済機能の開発、保守運用を担当しています。 現在、ZOZOTOWNのカート決済画面はリプレイスが進行中です。既存システムとリプレイス後のシステムが並行して開発される中、既存システムへのさまざまな機能改修を、リプレイス側にも取り込む必要があります。その際、条件の組み合わせが膨大になるテストを手動で網羅的に実施することが現実的でなく、特に注文金額の計算結果の正確性を人間が1件ずつ確認するには大きなコストがかかっていました。 本記事では、Claude CodeとPlaywright CLIを組み合わせて、自然言語によるE2Eテストを自動化した仕組みをご紹介します。Confluence（Atlassian社が提供するナレッジ共有ツール）に自然言語でテスト手順を記述することでAIが自律的にブラウ
Playwright CLI v0.1.8 で普段使いの Chrome にそのまま attach できるようになりました | DevelopersIO
どうも！オペ部の西村祐二です！ Playwright CLI v0.1.8 が 2026-04-14 にリリースされました。今回、 playwright-cli attach --cdp=chrome で普段使っているローカルの Chrome / Edge にそのまま接続できるようになった点です。これまでのようにサンドボックス化された別ブラウザを起動する必要がなく、既存のログイン状態や拡張機能を持った Chrome をそのままエージェントや CLI から操作できます。 何がリリースされたか 概要: attach --cdp=<channel> でローカル起動済みの Chrome / Edge へ接続する Remote debugging mode が追加されました。あわせて CLI 終了後に残る Chrome プロセスの解消と、MCP server registry のクリーンアップ修正も
agent-browserがRustネイティブになった今、playwright-cliとどちらを選ぶべきか | sui Tech Blog
AIエージェントによるブラウザ自動操作のツール環境は、たった数ヵ月で別物になる速さで動いています。 2026年1月だけをとっても、Vercelのagent-browserとMicrosoftのPlaywright CLIがほぼ同時にリリースされました。このスピード感は、ツールを選んだ翌月には前提が変わっている、という状況を生み出しています。 私は以前、playwright-cli と agent-browser のトークン消費量を比較する記事を書きました。検証では、playwright-cliが約40%トークンを節約できるとわかりました。それでもUXと速度の観点からagent-browserを選びました。 その後、agent-browserはPlaywrightのNode.jsラッパをCLIから呼び出す構造だったものが、Rustネイティブに変更されました。 この記事では最新の機能をもとに、
Harness design for long-running application development
Published Mar 24, 2026 Harness design is key to performance at the frontier of agentic coding. Here's how we pushed Claude further in frontend design and long-running autonomous software engineering. Written by Prithvi Rajasekaran, a member of our Labs team. Over the past several months I’ve been working on two interconnected problems: getting Claude to produce high-quality frontend designs, and g
Playwright + OWASP ZAP + Claude Code で E2E テストから脆弱性診断まで一気通貫でできるかやってみた
はじめに 最近、他チームのエンジニアが「Playwright で書いた E2E テストを OWASP ZAP に通して脆弱性診断をやってみた」という話を聞きました。 「E2E のシナリオってそのまま脆弱性診断にも使えるの？」 気になったので自分でも試してみました。その記録です。 やったこと（全体像） シンプルな Todo アプリを題材に、以下の流れで試しました。 1. Next.js で Todo アプリを構築 2. Playwright で E2E テスト（12シナリオ）を作成 3. バックエンドを FastAPI + MySQL に変更（Docker） 4. E2E シナリオを ZAP プロキシ経由で実行 → 脆弱性診断
I'm Building Agents That Run While I Sleep
I'm Building Agents That Run While I Sleep I Have No Idea If What They Ship Is Any Good I've been building agents that write code while I sleep. Tools like Gastown run for hours without me watching. Changes land in branches I haven't read. A few weeks ago I realized I had no reliable way to know if any of it was correct: whether it actually does what I said it should do. I've run Claude Code works
Playwright CLIとClaude Code Skillsで効率的なブラウザテストを実現する
はじめに Playwright MCPを使いブラウザテストのシナリオについて実装しておりましたがMCP経由だとツール定義のロード等でコンテキストが約8%増加するという以下の記事を受けて 自分でもPlaywright CLIとClaude CodeのSkills（カスタムコマンド） を組み合わせることでコンテキストを抑えつつブラウザ自動化を行うことをやってみようとおもいました。 Playwright CLIとは Playwright MCPリポジトリから、v0.0.58（2026/1/24）で追加されたトークン効率的なCLIモードです。 リリースノートでは以下のように紹介されています We are adding a new token-efficient CLI mode of operation to Playwright. This brings the long-awaited off
個人開発でClaudeCodeに画面操作付きPR動画を生成させてXに自動投稿してる話 - Qiita
実際の投稿例 このパイプラインで自動生成・自動投稿されたXの投稿がこちらです。 https://x.com/aiteacher37681/status/2026187321477931407?s=20 生成手順 PlanモードでClaude Codeに「Remotion + Playwrightで〇〇機能のPR動画作成」を依頼 生成された台本を確認 問題なければPR動画の生成を依頼 生成後の品質確認 気になる点があれば指摘・修正依頼 問題なければpush → GitHub Actionsが台本の内容を読み取り、PR動画を添付してXに自動投稿 人間がやるのは台本と動画の品質チェックだけで、それ以外はすべて自動化されています。将来的にはクオリティが担保できるようになれば、新機能追加の時点で台本確認すら不要な完全自動化を目指しています。 きっかけ 個人開発で教員向けAI校務支援サービスを作ってい
Terminal 版 Playwright 風テストツールの tuistory が便利 - Qiita
TUI ツールを Vibe coding で作ることが最近多く、その際の動作確認として tuistory というツールを使っていて便利だったので紹介する。 tuistory はどんなツールか 簡単に言うと Terminal 版の Playwright。 playwright-cli や agent-browser みたいなインターフェイスで、仮想ターミナルの起動や操作、内容の取得が出来る。 $ tuistory launch "nvim" -s nvim --cols 80 --rows 40 Session "nvim" started $ tuistory -s nvim snapshot --trim buffers __ ___ ___ ___ __ __ /\_\ ___ ___ / _ `\ / __`\ / __`\/\ \/\ \\/\ \ / __` __`\ /\ \/
Claude CodeとPlaywright MCPで実現する対話型UI自動テスト構築 | DevelopersIO
はじめに UIテストを書くとき、 「セレクタを探す → 失敗する → ブラウザを見直す」 という往復に時間を取られていませんか？ 本記事では、Claude Code と Playwright MCP を組み合わせて、 実際のブラウザ操作を確認しながら対話的にUIテストを構築する方法を紹介します。 テストコードをあとから書くのではなく、 確認作業そのものをテスト生成につなげる のがこの方法の良いところです。 本記事は、Claude CodeとPlaywrightを利用したことがある方向けに書いています。 各サービスについて詳しく知りたい方は、こちらをご覧ください。 Claude CodeとPlaywrightの参考ブログ 動画で動きを紹介 モバイル表示時のハンバーガーメニューのテストを対話的に作成している例です。 こんなことができます。 生成したテストコードの詳細 この記事で作成したテストコ
agent-browserに学ぶAI最適なブラウザ操作とツール提供の考え方｜Seiji Takahashi@ベースマキナ
皆さまこんにちは、株式会社ベースマキナの代表取締役社長を務めております高橋（@__timakin__）です。 先日vercel-labs/agent-browserがリリースされました。「トークン消費93%削減」という謳い文句を見て、どうやってそれを実現しているのか気になったので中身を読んでみました。パッと見はPlaywrightのラッパーに見えるのですが、実際にはAIエージェント向けの入出力設計がかなり練られていて、面白かったです。 従来のPlaywright MCPが抱える課題まず、なぜ新しいツールが必要だったのかを整理しておきます。 Playwright MCPは、ブラウザ自動化のデファクトスタンダードであるPlaywrightをMCPサーバーとして提供したものです。多機能なのですが、AIエージェントから使う場合にはいくつかの問題がありました。 ひとつはツールの数です。Playwri
preact で Playwright を利用したコンポーネントテストをする
React から Preact に切り替える場合のデメリットとして公式 Playwright が提供するコンポーネントテスト (以降 CT) が利用できなくなるというものがありました。 一応 Preact 側で Preact playwright component testing を提供してくれていますが、メンテナンスが止まっています。最初はこれを fork して自前で運用することを考えていたのですが Vitest のBrowse Mode で Playwright を利用した CT が実現できそうとういことに気付きました。 Vitest Browse ModeBrowse Mode については公式ページをどうぞ。 VitestNext generation testing framework powered by ViteVitestVladimir, Anthony Fu, Ari
フルVibe Codingでも仕事が進むようになってきた2025年
（フルVibe Codingできたとは言ってない） ご無沙汰しております。 今年の後半から大学の講師(情報学部)もするようになって、すっかり時間がなくなっていたkazuphです。 基本的にすべての仕事が副業みたいになった昨今、細切れの中でなんとしても進捗を出す必要があり模索してきました。私は15年程度エンジニアをやっていますが、Claudeの性能が上がってからはコードを読むのをほぼやめています（自分が得意で好きな部分だけ見ますが）。 特に今年傾倒したのがPlanモードや仕様駆動開発（SDD）です。 Claude CodeのAgentに対応したSDDは神がかっており、こっちは要件を言うだけでどんどん別のagentがフェーズごとに立ち上がってアウトプットを出してくれます。Agentの文言を改変して、作成した仕様やtasks等を実行する前に自動でCodexにレビューさせたりすると更に威力が高まり
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
How We Test TanStack AI Across 7 Providers on Every PR | TanStack Blog
Argos · Visual Regression for Playwright & Storybook
https://x.com/i/status/2035402224260550921
https://x.com/i/status/2037520290474025416
Playwright Dashboard. Debug, monitor and speed up Playwright tests in CI.
How we built the fastest Playwright end-to-end test runner
https://x.com/nwtgck_ja/status/1909444657345708382