この動画では、AIエージェントに自社プロダクトを操作させ、デモ動画を自動録画する仕組みについて解説します。手動での操作を自動化することで、効率的なデモ動画の作成が可能になります。具体的な操作の流れや活用方法を確認してください。
「プロダクトのデモ動画を作りたい。でも毎回手で画面操作して録画するのは面倒」——そこで、 AIブラウザエージェントに自社プロダクトのWeb UIを操作させ、その様子をそのまま動画として録画する 仕組みを作りました。すべてローカル・OSSで完結し、外部APIの従量課金はゼロです。 この記事では、そのパイプラインで使ったOSSと技術、そして実際にハマった点を解説します。 何を作ったか 題材は自社のAI動画ローカライズツール「Kurage Voice Pro」（海外動画のURLを入
シーン 1
プロダクトのデモ動画作成は、手動での操作が非常に手間がかかります。しかし、AIエージェントの進化により、この課題を解決する仕組みが生まれました。
Conceptual diagram of AI agent automating tasks, vertical 9:16
シーン 2
今回ご紹介するのは、自社開発のAI動画ローカライズツール「Kurage Voice Pro」のデモ動画を自動生成するパイプラインです。
Screenshot of a web UI with a video localization tool, vertical 9:16
シーン 3
AIエージェントが、まるで人間のようにWeb UIを操作し、その一連の動作を動画として録画する、という仕組みです。
Animated flow chart showing AI interaction with a web page, vertical 9:16
シーン 4
このシステムは、ブラウザ操作エージェント、ローカルLLM、そしてCDPという複数のOSS技術を組み合わせて実現されています。
Technical diagram showing interconnected software components, vertical 9:16
シーン 5
エージェントの頭脳として、コストゼロを目指し、ローカルLLMのGemma 4をOllama上で動かしている点が大きなポイントです。
Terminal screen showing Ollama and Gemma 4 running, vertical 9:16
シーン 6
ローカルLLMを使うことで、外部APIの従量課金というコストを完全に排除し、開発の持続可能性を高めています。
Graph showing cost reduction from external APIs to local hosting, vertical 9:16
シーン 7
重要なのは、単にテキストを理解するだけでなく、画面を見て「次にどこをクリックするか」を判断する視覚能力です。
Eye icon overlaying a complex web interface, vertical 9:16
シーン 8
録画技術も工夫されており、従来のXvfbではなく、Chrome DevTools Protocol (CDP)のscreencast機能を利用しています。
Code snippet showing CDP commands for screen recording, vertical 9:16
シーン 9
しかし、完璧ではありません。12Bクラスのモデルは、GUIの細かい操作で誤りを犯すこともあり、人間の最終確認が不可欠です。
Hand pointing to a small error on a digital screen, vertical 9:16
シーン 10
これは、最高の精度を求めるか、コスト効率を優先するかという、現実的なトレードオフの考察が求められる領域です。
Balance scale graphic representing cost vs. perfection, vertical 9:16
シーン 11
最も重要な技術的洞察は、「操作するAI」と「録画する仕組み」を一つのブラウザに同居させた点にあります。
Single browser window containing AI logic and recording function, vertical 9:16
シーン 12
AIエージェントの進化は、単なる自動化を超え、人間の思考プロセスをデジタルな形で再現し始めていると言えるでしょう。
Abstract representation of AI intelligence and automation, vertical 9:16
Kurage URL2Earn — この動画ページのURLをXやブログで紹介すると、10,000 URLAI トークンをKurageさんがお届け（1人1回・先着制）。受け取り方を見る →
