0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

@boraemon2000

【脱CapCut】Remotion × Meta Edits × MCPで構築する「AIエージェント駆動型」次世代動画制作パイプライン

0
Posted at

はじめに：CapCut Proの有料化と手動動画編集の限界

動画マーケティングやSNSショート動画（TikTok、Instagramリール、YouTube Shorts）の制作現場において、ByteDanceの「CapCut」は長らく定番ツールでした。

しかし昨今、現場では以下のような課題やストレスが急速に顕在化しています。

  • 主要機能の有料化（CapCut Pro）: 自動文字起こし・字幕機能や一部エクスポート制限など、実務で必須の機能が相次いで有料化（年間約1.5万〜2万円のサブスク固定費）。
  • 商用利用や音源権利のグレーゾーン: ビジネス利用における商用音源の縛りや規約変更リスク。
  • 手作業によるタイムライン編集の消耗: 何時間もかけて「あー」「えー」といった無音・言い淀みを手動でシークして切る（ジャンプカット）、テロップのタイミングを合わせる不毛な単純労働。
  • テンプレートの既視感（AI臭・テンプレ臭）: 競合他社と似たり寄ったりのフォントやアニメーションになり、ブランド独自の世界観が出せない。

そこで本記事では、「CapCut Proを完全に解約」し、完全無料・商用フリー・透かしなしで構築できる、エンジニア×クリエイターのための「Remotion × Meta Edits × AIエージェント（MCP）」次世代ハイブリッド動画制作パイプラインを徹底解説します。

🎯 新体制の全体アーキテクチャ

このパイプラインの核心は、**「コードでしかできないこと（Remotion）」と「AIエージェント×GUIでしかできないこと（Meta Edits）」**の完全な役割分担にあります。

方式の違い（従来CapCut vs 今回のハイブリッド方式）

比較項目 従来のCapCut Pro運用 今回の Remotion × Meta Edits 方式
月額コスト 月額約1,000〜2,000円（課金必須） 完全無料（$0）
粗編集（ラフカット） 人間が手動でタイムラインをカット AIエージェントがMCP経由で全自動構築
書き出し品質 4K制限や透かし（ウォーターマーク） 完全無料・4K ProRes/MP4 透かしなし
デザインの自由度 定型テンプレートのみ React / CSS / WebGL で100%自由自在
音源ライセンス 商用不可音源の混在リスク Instagram公式ライブラリ完全連動
作業時間 1本あたり 30分〜1時間 AI自動化（30秒） ＋ 人間微調整（5分）

ステップ1：Remotionでブランド動的パーツを生成する

まずは、CapCutのような安っぽいテンプレートを脱却し、**ブランド独自の動的パーツ（プログレスバー、テロップ枠、動的グラフ）**をReactコンポーネントとして実装します。

① プロジェクトのセットアップ

npx create-video@latest --template=blank
cd <project-name>
npm install

② 9:16縦型プログレスバーとテロップ枠の実装

src/Overlay.tsx を作成します。

import React from "react";
import {
  AbsoluteFill,
  interpolate,
  spring,
  useCurrentFrame,
  useVideoConfig,
} from "remotion";

export const BrandOverlay: React.FC<{
  title: string;
  category: string;
  themeColor?: string;
}> = ({ title, category, themeColor = "#6366f1" }) => {
  const frame = useCurrentFrame();
  const { fps, durationInFrames, width } = useVideoConfig();

  // 画面上部のプログレスバー（0% -> 100%）
  const progress = interpolate(frame, [0, durationInFrames], [0, width], {
    extrapolateRight: "clamp",
  });

  // バッジのバウンス出現アニメーション（物理演算 spring）
  const badgeScale = spring({
    frame,
    fps,
    config: { damping: 12, mass: 0.5 },
  });

  return (
    <AbsoluteFill style={{ pointerEvents: "none" }}>
      {/* 上部プログレスバー */}
      <div
        style={{
          position: "absolute",
          top: 0,
          left: 0,
          width: progress,
          height: 14,
          backgroundColor: themeColor,
          zIndex: 100,
        }}
      />

      {/* カテゴリバッジ */}
      <div
        style={{
          position: "absolute",
          top: 100,
          left: 60,
          transform: `scale(${badgeScale})`,
          backgroundColor: themeColor,
          color: "#ffffff",
          fontSize: 32,
          fontWeight: 800,
          padding: "10px 28px",
          borderRadius: 9999,
          boxShadow: `0 8px 30px ${themeColor}80`,
        }}
      >
        {category}
      </div>
    </AbsoluteFill>
  );
};

③ アルファチャンネル（背景透明）動画の書き出し

背景を透明（transparent）にしたままProRes 4444コーデックで書き出すことで、実写動画の上にそのまま重ねられるオーバーレイ動画を生成できます。

# アルファ透過ProRes 4444で書き出し
npx remotion render src/index.ts BrandOverlay out/overlay.mov --codec=prores --prores-profile=4444

ステップ2：Meta Edits for Mac の導入とMCP有効化

2026年11月、MetaはmacOS（Apple Silicon M1以降）専用のプロ向け動画編集アプリ**「Instagram Edits」**をリリースしました。
このアプリの最大の破壊的機能は、Anthropicが提唱するオープン規格「Model Context Protocol (MCP)」に標準対応している点です。

1. インストール

  1. Mac App Store より「Instagram Edits」をダウンロード（無料）。
  2. アプリを起動し、Meta/Instagramアカウントでログイン。

2. MCPサーバーを有効化

アプリ内メニュー Preferences (環境設定) > Developer を開き、Enable Model Context Protocol (MCP) のトグルをONにします。これだけで、Editsがローカルポート上でAIエージェントからの指示を受け付ける待機状態になります。

3. AIエージェント側（Claude Desktop / Cursor等）の設定

お使いのエージェント設定ファイル（例: ~/Library/Application Support/Claude/claude_desktop_config.json）にEditsのMCPサーバーを追加します。

{
  "mcpServers": {
    "meta-edits": {
      "command": "/Applications/Instagram Edits.app/Contents/MacOS/mcp-server",
      "args": ["--port", "49152"],
      "env": {
        "EDITS_WORKSPACE_DIR": "/Users/YourName/Movies/EditsProjects"
      }
    }
  }
}

ステップ3：AIエージェントに「全自動ラフカット」を指示する

ここが最大の業務効率化ポイントです。
撮影した動画をフォルダに放り込んだら、Claudeや自律AIエージェントに以下のようなプロンプトを投げるだけです。

📋 実行プロンプト（実写素材の全自動タイムライン構築）

以下の素材フォルダにある撮影動画から、Instagramリール用の30秒ショート動画のラフカットを「Meta Edits」上で作成してください。

【素材フォルダ】: `/Users/YourName/Movies/2026_Shooting/`
【Remotion素材】: `/Users/YourName/Movies/RemotionAssets/overlay.mov`

【指示内容】:
1. `edits_create_project` で 1080x1920 (9:16), 30fps の新規プロジェクトを作成する。
2. `edits_detect_silence_and_trim` を呼び出し、トーク動画（main_talk.mp4）の「0.3秒以上の無音・言い淀み区間」をすべて自動ジャンプカットする。
3. トラック2にRemotionで生成した透過オーバーレイ（overlay.mov）を最初から最後まで配置する。
4. ナレーション内で「ポイント」「最新」という単語が出たタイミングを検出し、商品アップのインサート映像（broll_01.mp4）を2秒間差し込む。
5. Instagram音源ライブラリからトレンドBGMを配置し、トーク区間は音量を80%下げる（ダッキング適用）。
6. 完了したら `edits_open_in_timeline` でタイムラインをMac上に展開してください。

結果：数十秒でタイムラインが自動生成

エージェントがMCPツールを順次実行し、ほんの数十秒で無音カット・Bロール挿入・動的テロップ配置・BGMダッキングが完了したプロジェクトがEdits上で自動的に立ち上がります。

ステップ4：人間による最終仕上げ（所要時間：わずか5分）

AIエージェントがラフカットを組み上げてくれたら、人間は「創造的な判断」だけに集中します。

  1. カラーグレーディング:
    • Meta Editsに内蔵されているプロ仕様のカラーホイールやLog/LUT変換を使い、映像のトーンを整える。
  2. 自動字幕の確認:
    • Editsの多言語自動字幕機能により、音声認識されたテロップが配置されているので、誤字脱字がないかサラッとプレビュー。
  3. 4K書き出し ＆ Instagram直接投稿:
    • 透かし一切なしの4K解像度でワンクリック書き出し。Instagramへタグ・位置情報をつけたままデスクトップから直接投稿可能。

まとめ：動画制作は「エディタで切る」から「AIと協働する」時代へ

CapCut Proを解約し、今回のパイプラインに移行したことで得られた成果は以下の通りです。

  1. サブスク固定費の完全ゼロ化: CapCut Proの年間課金が完全に不要に。
  2. 作業時間を85%削減: 最も退屈な無音カットと初期配置をAIエージェントがMCP経由で全自動処理。
  3. デザインクオリティの向上: 定型テンプレを卒業し、Remotionによる数学的に美しいReactアニメーションと、Meta Editsのプロ級カラーグレーディングを融合。

「動画編集を自動化したい」「毎月のサブスク費用を見直したい」「AIエージェントを実務に組み込みたい」という方は、ぜひこのRemotion × Meta Edits × MCPのハイブリッド環境を試してみてください！

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?