Playwrightでブラウザ操作をAIに奪われた話
ブラウザ操作の自動化PlaywrightClaudeTypeScript
作業時間の変化
Before
月10時間
→
After
10分
奪われ度:
★★★★★
奪わせる前
毎月、社内システムからデータをダウンロードして、別のシステムにアップロードするという作業があった。
具体的には:
- 勤怠システムにログイン
- 月次レポートをダウンロード
- CSVを加工
- 経理システムにログイン
- データをアップロード
これを毎月やっていた。毎回同じ作業なのに、手動でポチポチ...。
奪わせ方
Claudeに相談したところ、Playwrightを使えば自動化できると教えてもらった。
import { chromium } from 'playwright';
async function downloadReport() {
const browser = await chromium.launch();
const page = await browser.newPage();
// 勤怠システムにログイン
await page.goto('https://kintai.example.com');
await page.fill('#username', process.env.KINTAI_USER!);
await page.fill('#password', process.env.KINTAI_PASS!);
await page.click('button[type="submit"]');
// レポートダウンロード
await page.click('text=月次レポート');
const download = await page.waitForEvent('download');
await download.saveAs('./report.csv');
await browser.close();
}
Claudeにコードを書いてもらいながら、試行錯誤すること数時間。完全自動化に成功した。
奪わせた感想
良かった点
- 月10時間の作業が実質0に
- ヒューマンエラーがなくなった
- 他の作業に集中できるようになった
学び
- Playwrightは思ったより簡単
- AIにコードを書いてもらうと学習コストが激減
- 「自動化できそう」と思ったら、とりあえずAIに相談してみるべき
この経験から、他のブラウザ操作も次々と自動化していった。仕事を奪われるって、最高だ。