microsoft/playwright
6 articles
前提知識
- ›TypeScriptの基礎知識
- ›npm workspacesの概念への理解
- ›ブラウザ自動化の基本的な理解
01
Playwrightのアーキテクチャ：モノレポ構造を読み解く
Playwrightのモノレポ構造、クライアント・サーバー分割、DEPS.listによる境界強制、そして2つの主要エントリーポイントを俯瞰する入門ガイドです。
02
プロトコル層：クライアントとサーバーの通信のしくみ
Playwright の RPC メカニズムを深掘りし、ユーザーの API 呼び出しからプロトコル境界を越えてサーバー側で実行されるまでのメッセージの流れを追います。
03
3つのブラウザを制御する：ブラウザ抽象化レイヤー
Playwright が階層的なサーバーサイドクラス設計と PageDelegate インターフェースを通じて、Chromium・Firefox・WebKit を統一的に扱う仕組みを解説します。
04
ページの内側：セレクター、注入スクリプト、DOM 操作
Playwright が注入スクリプト、セレクターエンジンシステム、Locator、自動待機のリトライロジックを通じてページコンテンツと対話する仕組み。
05
テストランナー：設定から結果まで
Playwrightのマルチプロセステストランナーアーキテクチャ、フィクスチャシステム、そして設定からレポートまでのタスクパイプラインを徹底解剖します。
06
開発者ツール：Codegen、トレースビューアー、MCP サーバー
Playwright の開発者ツールを総覧する。コード生成、レコーダー、トレースシステム、そして AI エージェント向け MCP サーバーまでを解説します。