初心者 - katsulog

MCPサーバーは結局何を入れればいいのか：2026年の主要どころ一覧とPlaywright MCPとの位置づけ

Playwright MCPを入れてみて「MCPって便利」とわかった後に必ず来る疑問「他にどんなMCPがあるのか」に、2026年時点の主要サーバーと数字の裏取りをしたうえで答えます。filesystem・GitHub・Postgres・Slack・Notionの現在地と、Playwright MCPがその中でどこに位置するのかを整理しました。

2026.08.13

Selenium・自動化

Planner/Generator/Healerの次に来ているもの：Webアプリを5人がかりで診断するExplorer/Functional/Visual/API/Performanceという構成

PlaywrightのTest Agents（Planner/Generator/Healer）にようやく慣れてきた頃、2026年にはさらにその先を行く「探索・機能・見た目・API・性能の5役に分けて並列でWebアプリを診断する」構成が出てきています。何が違うのか、乗り換えるべきなのかを正直に整理します。

2026.08.12

Selenium・自動化

Playwright 1.62でMCPサーバーが本体同梱に：npx playwright mcpだけで動くようになった話

Playwright 1.62でMCPサーバーとplaywright-cliが本体に同梱されました。npx playwright mcpだけで動くようになり、@playwright/mcpを別途インストールしてバージョンを手で合わせる手順はもう要りません。

2026.08.10

Selenium・自動化

【入門】PlaywrightをGitHub Actionsで自動実行する：ワークフローYAML・ブラウザキャッシュ・trace保存まで

手元でPlaywrightのテストが動くようになった次に来るのが「毎回自動で回したい」です。最小のワークフローYAMLから、ブラウザバイナリのキャッシュの罠、落ちた時にtraceとHTMLレポートを取り出すところまで、1年目でつまずきやすい順にまとめました。

2026.08.09

Selenium・自動化

「テストは通るけど遅い」を可視化する：PlaywrightのSpeedboardとタイムラインで原因を突き止める

全部緑なのにCIが終わらない。そんな時に頼りになるのが、HTMLレポートのSpeedboardタブとタイムラインです。どのテストが遅いか、そのテストのどこで時間を使っているかを、コードを1行も足さずに見られる仕組みを試しました。

2026.08.08

Selenium・自動化

toBeTruthyを卒業する：Playwrightのexpectで意味のあるマッチャーを選ぶ

とりあえずtoBeTruthy()で通していませんか。web-firstマッチャーへの乗り換えと、expect.extendで自作マッチャーを作る一歩目をまとめました。

2026.08.05

Selenium・自動化

AIにPlaywrightテストを書かせると実際いくらかかるのか：MCP経由とCLI経由でトークンが4倍違うという話

「AIに任せれば無料でしょ」と言われがちですが、実際はモデルのトークン代がかかっています。MCP経由とCLI経由でトークン消費が約4倍違うという2026年の複数の記事を照らし合わせて調べました。

2026.08.04

Selenium・自動化

テストが落ちた時、ブラウザUIを開かずCLIだけで追う：npx playwright traceとVideo Receipts

トレースビューアを毎回開くのが面倒。AIエージェントに直させた結果を人間がどう検証するか。npx playwright traceのopen/merge/infoと、動画で証跡を残すVideo Receiptsを試しました。

2026.08.02

Selenium・自動化

PlaywrightのTest Agentsは結局いつから使えるのか：npx playwright init-agentsを公式リリースノートで確認する

Planner・Generator・HealerのTest Agentsは1.56/1.59/1.60と出典によってバージョン表記が揺れています。公式リリースノートを実際に遡って読み、npx playwright init-agentsがいつから使えるようになったのかを確認しました。

2026.07.31

Selenium・自動化

AIはスクリーンショットではなくアクセシビリティツリーを見ている：getByRoleが壊れにくい理由

「getByRoleを使え」とはよく聞くけど、CSSセレクタと何がそんなに違うのか。AIエージェントがブラウザをどう見ているかという視点から、その理由を一本につなげて整理しました。

2026.07.30

Selenium・自動化