コードで定義する動画
Playwrightベースの .screenci.ts スクリプトで製品フローを一度記述すれば、あとはScreenCIがアプリを操作し、そのコードから完成した動画をレンダリングします。
概要
ScreenCIは、チュートリアル動画をコードとして扱う開発者向けの製品動画ツールです。Playwrightベースの .screenci.ts スクリプトでフローを記述すると、ScreenCIがアプリを操作し、やり取りを記録して、ナレーション、カメラの動き、オーバーレイ付きの洗練された動画を生成します。
このワークフローは、UIが変わっても動画を再生成できるよう設計されています。ドキュメントによると、ローカルまたはCIで録画でき、サービスはソースコードやブラウザセッションから切り離して使え、結果はダウンロードまたはCDN対応の静的URLで配信できます。
機能
ローカルとCIでの録画
CLIはローカルマシンでもCIでも実行でき、収録中に環境外へ送られるのは生の録画データとタイミング情報のみです。
クラウドレンダリングと配信
ScreenCIはナレーション、ズーム、アニメーションをクラウドでレンダリングし、承認済みの最新バージョンをCDN対応の静的URLに公開できます。
自動ズームのカメラ操作
自動ズームを使うと、各移動ごとに手動でズームポイントを置かなくても、画面上の操作に追従できます。
タイムラインのアセットとオーバーレイ
画像、SVG、MP4クリップをタイムライン上のタイムドアセットとして追加し、プログラムで制御するReactまたはHTMLのオーバーレイも重ねられます。
ナレーションと言語の制御
79の対応言語からナレーションを選べて、プランに応じて複数言語、音声オプション、スタイル指定のナレーションを利用できます。
使用例
製品変更後もチュートリアルを最新に保つ
製品の操作手順をコードとして記述し、インターフェースが変わったら同じスクリプトを再実行して、チュートリアルを現在のUIに合わせて保ちます。
CIで動画生成を自動化する
リポジトリのワークフローに録画を組み込み、リリースやmainブランチへのプッシュで、手動収録なしに更新済み動画を生成できます。
ナレーション付きデモと機能説明を作成する
ナレーション、オーバーレイ、タイムドメディアを追加して、顧客向けドキュメントやマーケティングページ用の洗練された製品デモを作成します。
エージェント支援のセットアップから始める
手順を一つずつ書く代わりに、コーディングエージェントと一緒にScreenCIの雛形を作り、最初の動画を生成します。
Pros and Cons
Pros
- ソースコードはローカルに残り、収録中にサービスへ送られるのは生の録画データとタイミング情報だけです。
- 同じスクリプトをUI変更後に再実行できるため、動画を製品の状態に合わせて保ちやすくなります。
- CLIはローカル利用とCIワークフローの両方をサポートし、生成されたGitHub Actionsのセットアップも含まれます。
- 製品には、すべてのプランでナレーション、言語、アセット、レンダーオプション用のWebエディタが含まれます。
- 無料トライアルは登録やクレジットカード不要で試せるため、支払い前にワークフローを評価できます。
Cons
- ドキュメントの取得テキストにはエンドツーエンドの完全な手順が含まれていないため、セットアップの詳細はここでは一部しか見えません。
- 一部の機能はプラン制限があり、たとえば複数のナレーション言語、4K出力、特定の音声オプションはBusinessプランでのみ利用できます。
FAQ
ScreenCIはどのように動作しますか?
ScreenCIは、Playwrightベースのスクリプトで製品のフローを記述し、その後サービス経由で動画を記録・レンダリングします。ドキュメントによると、コーディングエージェントを使ってセットアップすることも、自分でスクリプトを書いて手動で設定することもできます。
ScreenCIはローカルだけでなくCIでも実行できますか?
概要には、CLIはローカルマシンでもCIでも実行できるとあります。CI設定ページでは、生成されたワークフローがGitHub Actionsで記録し、PlaywrightのCIに合わせて動作するよう設計されていると説明されています。
無料トライアルやウォーターマークはありますか?
料金ページによると、Free trialには最大3件の録画が含まれ、評価目的のウォーターマーク付きです。有料プランでは試用の制限がなくなり、商用利用が可能になります。
チーム向けのプランはどれですか?
料金ページでは、Starterは個人利用向け、Businessはチーム利用向けとされています。また、すべてのプランに、ナレーション、言語、アセット、レンダーオプション用のWebエディタが含まれます。
Quick Facts
- カテゴリ
- 開発者向けツール / 動画編集
- 主なワークフロー
- Playwrightベースのスクリプトで製品フローを記録し、動画をレンダリング
- 録画モード
- ローカルマシンまたはCI
- 配信方法
- ダウンロードまたはCDN対応の静的URL
- 対応ナレーション言語数
- 79
- Webサイト
- screenci.com
ScreenCIの代替品
ByteAsk
ByteAskは、C/C++向けのターミナル起点AIコーディングエージェント。リポジトリを編集し、コンパイラやデバッガ、サニタイザ、テストで変更を検証してから差分を表示。無料枠あり。
CreateOS Sandbox
CreateOS Sandboxは、FirecrackerマイクロVM上でコードやエージェントのワークロードを実行できる分離型コンピュート環境です。SDK、CLI、MCPで制御可能。
hob
hobは、エージェントのセッション、ターミナル、履歴、後続作業を、既存のツールやプロバイダーに合わせて整理できる独立したコーディングエージェント向けワークスペース。ローカルでの制御を重視する開発者に最適。
Ably Chat
Ably Chatは、カスタムのリアルタイムチャットアプリを構築できるチャットAPIプラットフォームです。ルーム単位のメッセージ、入力中表示、プレゼンス、リアクション、メッセージ更新に対応し、利用量ベースの料金も選べます。
Tavus
Tavusは、リアルタイムの対面AIエージェント、デジタルツイン、AIコンパニオンを構築できるAI動画プラットフォーム。API、カスタム複製、多言語会話ワークフローに対応します。
Manta AI
Manta AIは、URLからアプリの挙動を把握し、回帰を検出し、スクリプトやセレクタ管理なしでテストを生成できる自律型Webアプリテストツールです。