1つの動画アップロードを数百のブランド広告バリエーションに変換するAI搭載SaaS。Next.js Web App、Admin Dashboard、NestJS API、Remotionレンダーサービス、およびBullMQ生成ワーカー間で連携。自動組み合わせ生成、GPUアクセラレーションによるレンダリング、複数スタイルの字幕、リアルタイムのWebSocket進捗表示、Stripeによるサブスクリプション課金を実現します。

Mongooseスキーマ、モジュラーCRUD API、DTOバリデーション、およびフロントエンドのフラットな配列をバックエンドの埋め込みドキュメントに変換するマッピングレイヤーを含む、完全なNestJSバックエンドをゼロから設計しました。
有効なHook x Body x CTA x Subtitleのすべての組み合わせを列挙し、それぞれを独立したBullMQジョブとしてキューに入れる組み合わせ計算エンジンを構築しました。
6種類のアニメーションタイプを持つRemotionコンポジション(VideoComposition, HookOverlay, BodyOverlay, CtaOverlay)を開発し、ジョブの高速実行のためにサーバー起動時にバンドルしました。
エラー処理とリトライを含むBullMQ生成プロセッサを実装しました:S3ダウンロード、Remotion renderMedia()、FFmpegエンコーディング最適化、サムネイル生成、S3アップロード、およびDB更新。
Hormozi、Abdal、MrBeast、GaryVee、TikTok Viral、Clean Corporateの6種類の字幕レンダリングスタイルをSubtitleRenderer.tsxで構築し、全4アスペクト比に対応しました。
リアルタイムの生成進捗表示のためにWebSocketゲートウェイをSSEフォールバックとともに統合し、ポーリングなしでフロントエンドでのライブジョブステータス更新を可能にしました。
Stripeのサブスクリプションライフサイクル全体を実装しました — チェックアウトセッション、請求ポータル、生のボディと署名検証を備えたWebhookハンドラー、サブスクリプション時のクレジット割り当て、および毎月のクレジットリセットCronジョブ。
nanoidベースの共有可能トークン、認証なしの公開S3署名付きURLアクセス、リンクの取り消し、Content-Dispositionダウンロードヘッダーを含む共有およびダウンロードシステムを構築しました。
ダッシュボード分析、時系列チャートデータ、ユーザー管理、サブスクリプション管理のためのMongoDBアグリゲーションパイプラインを備えた管理モジュールを開発しました。
ユーザーアプリと管理パネル全体にわたる完全なフロントエンド・バックエンド統合を主導しました — すべてのモックストアをライブAPI呼び出しに置き換え、WebSocketによる進捗表示を接続し、完全なユーザー体験をエンドツーエンドで検証しました。
1つの動画アップロードから、自動組み合わせ生成、GPUアクセラレーションによるレンダリング、複数スタイルの字幕サポートを通じて、数百のブランド広告バリエーションに変換 — パフォーマンスマーケター向けに特別に構築されています。
MicrocosmWorksが、すべてのHook、Body、CTA、Subtitleの順列のCartesian productを計算する組み合わせ計算エンジンを構築しました。各入力要素(Hook、本文セグメント、CTA)はユーザーによって定義され、エンジンはすべての有効な組み合わせを列挙し、それぞれを独立したBullMQジョブとしてキューに入れます。このアプローチにより、5つのHook、3つのBody、4つのCTA、6つのSubtitleスタイルを持つ動画が、360のユニークな広告バリエーションを自動的に生成します。
MicrocosmWorksはAdstackerに6つの字幕レンダリングスタイルを実装しました:Hormozi、MrBeast、GaryVee、Abdal、TikTok Viral、そしてClean Corporateです。各スタイルは、パフォーマンスマーケターが認識する人気のクリエイターフォーマットに合わせて、独自のフォント、色、アニメーション、および配置特性を持っています。SubtitleRendererは、Remotionコンポジション内で、すべての4つのアスペクト比(9:16、16:9、1:1、4:5)と6つのアニメーションタイプ(fade、slide-up、slide-down、scale、typewriter、bounce)を処理します。
MicrocosmWorksは、高速なジョブ実行のためにサーバー起動時にバンドルされたRemotionコンポジションと、エンコーディング最適化のためのFFmpegを組み合わせてレンダリングパイプラインを構築しました。BullMQは、設定可能な同時実行制御を備えた非同期ジョブキューを管理するため、複数のバリエーションが利用可能なGPUリソース全体で並行してレンダリングされます。各ジョブは、S3ダウンロード、Remotion renderMedia、FFmpegエンコーディング、サムネイル生成、S3アップロード、およびデータベース更新という完全なパイプラインを、エラー処理と自動再試行機能付きで処理します。
MicrocosmWorksは、WebSocket接続が利用できない環境向けにSSE (Server-Sent Events) フォールバックを備えたWebSocketゲートウェイを統合しました。このゲートウェイは、キューに入れられたすべてのバリエーションについてリアルタイムの生成進捗をフロントエンドにプッシュします。ユーザーは、キュー済み、処理中、レンダリング率、完了といった各バリエーションのライブステータス更新を確認できます。これにより、pollingの必要がなくなり、生成パイプラインのステータスに関する即座のフィードバックが提供されます。
MicrocosmWorksは、webhook駆動のクレジット割り当て機能を備えたStripeサブスクリプション請求を導入しました。ユーザーが購読または更新すると、webhookハンドラーはプランティアに基づいて生成クレジットを割り当てます。動画バリエーションの生成ごとに1クレジットが消費され、毎月のcron jobがクレジット残高をリセットします。管理ダッシュボードは、クレジット使用パターン、サブスクリプション収益、ユーザーごとの消費量を示すMongoDB集計分析を提供し、価格設定の意思決定に役立てています。




