Pagebolt

Pageboltの紹介

Pageboltは、開発者向けのウェブキャプチャAPIプラットフォームであり、スクリーンショット取得、PDF生成、Open Graph（OG）画像作成、ナレーション付き動画記録、マルチステップブラウザ自動化（シーケンス）、CI/CD連携によるプルリクエスト自動デモ生成、およびModel Context Protocol（MCP）サーバーを含む7つの統合APIを提供します。このプラットフォームは、ブラウザのオーケストレーション、レンダリング、エンコーディング、広告・Cookieバナー処理などのインフラ管理を抽象化し、開発者が統合に集中できるように設計されています。

対象ユーザーには、フロントエンドおよびフルスタック開発者、DevOpsエンジニア、品質保証（QA）チーム、SaaSアプリケーションやマーケティングサイト、社内ツールを開発するプロダクトチームが含まれます。PageboltはVercel、Netlify、カスタムプレビューURLなど、一般的なデプロイ環境に対応しており、SDKは不要で、標準的なHTTPリクエストとAPIキーのみで利用可能です。

主なポイント

• 7つの統合API：スクリーンショット、PDF、OG画像、動画記録、シーケンス自動化、CI/CDプルリクエストデモ、MCPサーバー
• Audio Guide機能：Azure AI SpeechまたはOpenAIのテキスト読み上げ（TTS）を用いた動画への同期AI音声ナレーションを実現。10種類以上の音声と話し方スタイル（プロフェッショナル、明るい、フレンドリーなど）を設定可能
• CI/CDとのゼロコンフィグ連携：GitHub Actions経由でプルリクエストごとに自動的にナレーション付きデモ動画を生成・コメント投稿
• Claude Desktop、Cursor、WindsurfなどMCP対応AIコーディングアシスタントとのネイティブ連携。自然言語による「チェックアウトフローのデモを記録して」などのコマンドを直接実行可能
• インフラ管理不要：ウォームブラウザプール、Cookieバナー自動ブロック（OneTrust、CookieBotなど30種以上対応）、25種類以上のデバイスプリセット（iPhone SEからGalaxy S24 Ultraまで）、サーバーサイドffmpegによる動画エンコーディング
• Chromiumの管理不要。ダークモード、広告ブロック、ビューポートカスタマイズ、セレクタ指定によるインタラクションに対応
• 無料プランあり（月間100回リクエスト、クレジットカード不要）

Pageboltの仕組み

Pageboltは、HTTP API、GitHub Actions、MCPクライアントの3つの主要な統合経路で動作します。開発者は単一のAPIキーで認証し、JSONペイロードをRESTエンドポイント（例：POST /api/v1/video）に送信します。ペイロードにはナビゲーション手順や各ステップのナレーションテキストを含めることができ、Pageboltは管理されたヘッドレスブラウザ環境で手順を実行し、設定された表示設定（デバイスプリセット、ダークモードなど）を適用した上で、セッションを記録・音声合成（有効時）を行い、出力ファイル（MP4、PNG、PDFなど）をダウンロードまたはWebhookで返却します。

CI/CDでは、プルリクエストイベントでトリガーされる単一のGitHub Actionsワークフローが使用されます。このアクションはプレビューURLを取得し、コード変更（diff）を解析して論理的なデモフローを計画し、カーソル強調表示と音声ナレーション（有効時）付きでセッションを記録し、結果の動画をプルリクエストコメントに自動投稿します。AIコーディングアシスタントでは、シンプルなJSON設定ファイル（mcp.json）でPageboltのMCPサーバーを登録することで、IDE内のチャットで自然言語コマンドを発行すると、スクリーンショットやPDF、動画をコンテキストを離れずに受け取ることができます。

主な利点と用途

Pageboltはソフトウェア開発ライフサイクル全体におけるドキュメンテーション、品質保証、コラボレーションのワークフローを合理化します。エンジニアリングチームは、すべてのプルリクエストに対して自動的に機能デモを生成し、手動での録画時間を削減するとともに、一貫性と最新性を確保しています。プロダクトおよびマーケティングチームは、OG画像およびスクリーンショットAPIを活用して、ソーシャルメディア向けプレビュー画像やランディングページアセットを動的に生成します。品質保証エンジニアは、デバイスやテーマごとの視覚的証拠を取得するためのリグレッションテストシーケンスを自動化します。AIエージェントと連携する開発者は、ステージング環境のスクリーンショット取得や請求書PDF生成などのブラウザタスクを、より広範な推論ワークフローの一部として実行できます。すべてのAPIは同一のクォータシステム、レート制限、認証方式を共有しており、利用状況の追跡および課金管理が簡素化されています。