🤖ubawaretai.work

AIに仕事を奪われたい人のためのブログ

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に相談してみるべき

この経験から、他のブラウザ操作も次々と自動化していった。仕事を奪われるって、最高だ。