エージェントに作業のビデオデモを記録させる：shot-scraper video
shot-scraper 1.10 で新コマンド「shot-scraper video」がリリースされました。storyboard.yml ファイルで定義した一連の操作を Playwright を使って録画できます。本記事では、Datasette への CSV/TSV/JSON データ一括挿入機能のデモ動画を例に、YAML ストーリーボードの記述方法や、GPT-5.5 がコードとドキュメントの大半を生成した開発経緯を詳しく紹介しています。
背景メモ
- **Simon Willison** — 著名なPythonデベロッパー兼ブロガー。SQLiteをベースにしたデータ探索ツール「Datasette」の作者。近年はLLM（大規模言語モデル）をソフトウェア開発に活用する実践を積極的に発信している。
- **shot-scraper** — Willisonが開発したCLIツール。従来はWebページのスクリーンショットを撮る機能を提供。今回のv1.10で、YAMLで記述した操作手順（ストーリーボード）をPlaywrightで実行し、その様子を動画として録画する `video` コマンドが追加された。
- **Datasette** — Willisonが開発する、SQLiteデータベースをブラウザ上で探索・公開できるツール。記事内の動画は、DatasetteにCSVデータを貼り付けて新規テーブルを作成する未公開機能のデモ。
- **Playwright** — Microsoft製のブラウザ自動化フレームワーク。この新機能はPlaywright 1.61のスクリーンキャストAPIを利用している。
- **Codex Desktop + GPT-5.5 xhigh** — コード生成AIエージェント。Willisonはこの記事のYAMLストーリーボードやshot-scraper videoの実装コードそのものをほぼすべてAIに書かせたと述べている。
- この取り組みの背景として、Willisonは「AIコーディングエージェントが生成したコードが実際に正しく動くことを確認する手段として、自動録画デモが重要」という持論を持っている。従来は手間がかかり過ぎて着手できなかった機能を、AIエージェント支援によって実現できた事例としても注目される。