すべてのカテゴリ

PlayWrightとはPlayWrightは、Microsoft社が開発している、Webテストと自動化のためのフレームワークです。このフレームワークを使用することで、Chromeなどのブラウザをプログラム上で操作することが可能になります。これにより、Webアプリケーションのテストやスクレイピングなどを効率的に行うことができます。 PlayWright Browser Toolkitとは PlayWright Browser Toolkitは、LangChainのAgent toolkitsの一部として実装されています。LangChainのAgentは、静的なサイトだけではなく、動的にレンダリングされるサイトも操作することができるようになるツールです。PlayWright Browser Toolkitを使用することで、AgentはWeb上から情報を取得し、スクレイピングすることができます。 試してみた PlayWright Browser Toolkitを使ってWebスクレイピングを試してみました。モデルはgpt-3.5-turboでも処理できるケースもありましたが、gpt-4の方がやはり精度が高い印象でした。今回は、Agentに対して企業の住所を聞いてみました。Agentが次の通り、インターネットで調べるアクションから始まり、ステップバイステップでWeb上から情報を取得してスクレイピングして、最終的な回答を取得するまでの様子を見ることができました。どうしても、LLMでは実行毎で同じ結果にはならないという反面はありますが、動的なコンテンツなどの制御には今回のような機能が効果を

毎週WordPressにブログを投稿して、同じ内容をnoteにも転記。画像を差し替えてカテゴリを選び、メタ情報も埋める。これだけで1時間以上かかる。ブラウザの中で完結する業務は、人の手で繰り返されがちですが、時間も気力も確実に削っていきます。API連携ができないサービスや、ログインが必要な管理画面ほど、この「手作業ゾーン」が分厚くなります。 この問題を丸ごと解きほぐすのが、Claude CodeのPlaywright連携です。Anthropic公式CLIであるClaude CodeにPlaywright MCPを組み合わせると、AIがブラウザを自分で開き、ログインし、フォーム入力や投稿操作まで一貫して処理できます。RPAのような画面録画は不要で、日本語で「管理画面に入って新規記事を公開して」と指示するだけで動きます。 この記事では、Playwright連携の仕組みと中小企業での活用法、非エンジニアでも始められる4ステップを解説します。 目次 Playwright連携とは？ブラウザ業務がAIに任せられる理由中小企業で効果が出るPlaywright活用5選業種別 活用シーン非エンジニアでもできる導入4ステップ導入前に知っておくべき注意点よくある質問導入サポートのご案内 1. Playwright連携とは？ブラウザ業務がAIに任せられる理由 Playwrightはもともとブラウザテスト用のオープンソースツールで、マイクロソフトが開発しています。Claude CodeはPlaywright MCP（Model Context Protocol）を通じてこのブラウザエンジンを呼び出し、A

# はじめにみなさん、Playwright をご存知ですか？これまで、Node.js での E2E テストといえば、puppeteer、TestCafe を使っていたという方も少なくないのではないでしょうか？Playwright は、そのうち、puppeteer と同じような記述も多く、非常に分かりやすいかと思います。また、Microsoft によって開発、運用されているため、今後サポートされなくなるというリスクもある程度回避できるかと思います。2020/12/26 時点では、バージョン 1.7.0 なので、その時点での情報になります。# サポート環境2020/12/26 時点でサポートしているのは以下になります。- Node.js 10.17 以上- Windows: Windows 及び WSL で動きます- macOS: 10.14 以上- Linux: ディストリビューションによる（Firefox は、Ubuntu 18.04 以上）古い Microsoft Edge や IE 11 はサポートされていません。また、Python や C# などでも使えますが、Java や Ruby はサポートしていません。# インストール```$ yarn add -D playwright```# 簡単な例Yahoo! JAPAN トップページにアクセスして、スクリーンショットを撮るテストをしてみます。```js:test.jsconst { chromium, devices } = require('playwright');(async () => {const brow