Tomato AI：一言で動画を作る

テキストから動画、画像からショートフィルム、生成から編集まで — フルワークフロー、ゼロハードル、ウォーターマークなし。本記事ではTomato AI（cctocv.com）のプロダクトデザインとエンジニアリングを解説します。

---

なぜまた別のAI動画ツールが必要なのか？

2025年、AI動画生成市場は過密状態です：Runway、Pika、Kling、即夢…各プラットフォームがモデル、パラメータ、動画時間で競争しています。しかしクリエイターのペインポイントは変わっていません：

• ウォーターマーク — 無料版はロゴだらけ、商用利用は追加料金
• 待機行列 — 人気モデルは30分以上待たされる
• 分断 — 生成後にダウンロード、Premiere/CapCutにインポートして編集
• ハードル — 英語インターフェース、複雑なパラメータ、急な学習曲線
• 不透明な料金 — 会員になっても従量課金が追加

Tomato AIの答え：「生成＋編集」を一つのプロダクトに、クレジット制で透明な課金、マルチモデル集約で待機を排除、ウォーターマークなしで作品をあなたに返す。

---

コア機能：一言で何ができる？

5つの生成モード

cctocv.comを開くと、フローティングジェネレーターが完全なクリエイティブエントリーポイントを提供します：

モード	説明	ユースケース
テキストから動画 (T2V)	テキスト記述を入力して動画を直接生成	ゼロからのアイデア
画像から動画 (I2V)	画像＋テキストをアップロード、静的画像を動かす	製品デモ、写真の活性化
リファレンス動画 (Ref2V)	参考素材をアップロード、スタイル転移で新動画を生成	スタイル統一シリーズ
画像から画像 (I2I)	AI画像生成、1:1 / 3:2 / 2:3対応	カバー、素材、グラフィック
内蔵動画エディター	タイムライン、レイヤー、エフェクト、オーディオ — ブラウザ完結	後期編集と合成

10以上のトップモデル、一つのエントリー

Tomato AIは自社モデルではなく、モデル集約プラットフォームです。ByteDance即夢、Seedance 2.0、Google Veo 3.1、OpenAI Sora 2、Kuaishou Kling 3などのトップモデルを統合アクセス：

• 即夢 3.0 1080P — ByteDance公式モデル、10クレジット/秒、先頭/末尾フレーム制御対応
• Seedance 2.0 (Pippit) — ネイティブ音声動画同期、20クレジット/秒、複数画像参照対応
• Veo 3.1 / Sora 2 / Kling 3 — 国際的トップモデルをオンデマンドで呼び出し

クリエイターは複数プラットフォーム間でアカウントを切り替えたり価格を比較する必要がありません — 一つのクレジットプールで全モデル利用可能。

@mentionスマート参照システム

Tomato AIの際立つディテールです。プロンプト入力ボックスで @画像名 を使ってアップロード済み画像を参照できます：

機械の蝶が花畑を飛び回る。翼は @reference.png のテクスチャで構成され、カメラは @garden.jpg の花海を蝶と共に駆け抜ける

システムが自動的に候補ドロップダウンを表示、キーボードの矢印キーで選択、画像削除時にプロンプト内の参照を自動クリーンアップ。このインタラクションにより、複数画像の参照がチャットのメンションのように自然になります。

---

5つのキラーフィーチャー：モデル能力ショーケース

ホームページの「コア機能」モジュールが実際の生成例でプラットフォームの能力を展示：

ネイティブ音声動画同期 (Native Audio-Video Joint Generation)

Seedance 2.0などのモデルは動画生成と同時に音声を生成 — 会話、環境音、音楽がワンステップ、アフレコの違和感を解消。戦場の女性兵士がハンバーガーをかじるシーン：咀嚼音と環境の爆発音が同期生成。

映画レベルの監督コントロール (Director-Level Control)

ランダムジェネレーターではなく創作ツール。カメラワーク制御 — 航空ダイブ、追跡ショット、オービットクローズアップ — 全てプロンプトで精密制御。山道の一台の車：カメラが上空俯瞰から地上追跡へ、全てテキスト駆動。

マルチショットストーリーボード (Single Prompt)

一言で完全なストーリーボード付きショートフィルムを生成。サイバーパンク少女がサイボーグと戦うオープニング — 複数カット切り替え、アクション連続性、明確なナラティブ、入力は一段落のみ。

リアルな物理シミュレーション (Realistic Physics Simulation)

タイムストップ、衝突ダイナミクス、流体物理学 — モデルの現実世界の物理法則への理解は驚異的。ギャロップする馬が突然「タイムフリーズ」、遅延後にスプリント再開 — この効果は以前は高価なVFXが必要でした。

光速の生成速度 (Lightning-Fast Generation)

レンダリングパイプライン最適化による超高速体験。FPVドローンが日本の城の複雑なシーンを飛び抜ける：提出から完成動画までわずか数分。

---

技術アーキテクチャ：フルワークフロークリエイティブプラットフォームの構築

技術スタック

フロントエンド: Next.js 16 (App Router) + React 19 + Tailwind CSS v4
状態: Zustand + React Context
認証: Firebase Auth (Google OAuth + メール/パスワード) → バックエンドJWT
決済: PayPal SDK (一括購入 + 月額サブスクリプション)
国際化: i18next (中/英/日/アラビア語)
エディター: 自社GPUレンダリングエンジン + IndexedDBローカル永続化
バックエンド: Express + MySQL (姉妹リポジトリvideoAaiB)

主要エンジニアリング決定

1. モデル抽象化レイヤー — 統一インターフェース、差異の分離

モデルごとにパラメータが大きく異なります：即夢は先頭/末尾フレーム制御、Seedanceは複数画像参照と音声動画同期。コードは MODEL_IMAGE_CAPACITY と MODEL_COSTS_PER_SEC 設定テーブルで差異をデータレイヤーに集約：

const MODEL_IMAGE_CAPACITY = {
  'jimeng_t2v_v30_1080p': 'single',    // 画像1枚参照
  'pippit_iv2v_v20_cvtob_with_vinput': 'multi',  // 複数画像参照
};

const MODEL_COSTS_PER_SEC = {
  'jimeng_t2v_v30_1080p': 10,   // 10クレジット/秒
  'pippit_iv2v_v20_cvtob_with_vinput': 20,  // 20クレジット/秒
};

UIはモデルに応じて設定パネルを自動切替 — 即夢は比率/時間/解像度/音声/フレーム制御、Seedanceは比率/時間。新モデル追加は設定一行のみ。

2. ブラウザ内動画エディター — opencut移植

プラットフォームで最も重い技術投資です。Tomato AIは完全な動画エディター（パス /editor）を内蔵、オープンソースプロジェクトopencutから派生し、Next.jsに深くカスタマイズして移植：

• GPUレンダリングエンジン — WebGL加速、失敗時に自動フォールバック
• タイムライン編集 — マルチトラック、マルチレイヤー、フレーム精度
• エフェクトシステム — ブラー等のリアルタイムフィルター、WGSLシェーダーベース
• ローカル永続化 — IndexedDBがプロジェクトファイルを保存、サーバー不要
• URL同期 — syncEditorUrlが window.history を直接操作、ルーターをバイパス

エディターマネージャーアーキテクチャは明確：playback、timeline、scenes、project、media、renderer、command（アンドゥ/リドゥ）、save、audio、selection、clipboard、diagnostics — 各マネージャーは独立クラス、subscribe(onChange) でReactの useEditor(selector) フックと連携。

3. パフォーマンス最適化 — 動画遅延読み込み

ホームページには多数のショーケース動画があり、全て読み込むとパフォーマンスが低下。Tomato AIは IntersectionObserver で3段階の遅延読み込みを実装：

• インスピレーション動画：ビューポート200px範囲内で読み込み開始
• フィーチャー動画：ビューポート400px範囲内でプリロード、ホバー時に再生
• 背景動画：メタデータのみプリロード、ポスター画像が先に表示

4. 決済システム — デュアルモード課金

PayPal統合は2つのモードをサポート：

• 一括購入 — Starter ($20) / Creator ($40) / Studio ($60)、クレジット永久有効
• 月額サブスクリプション — Free / Lite / Pro / Premium、PayPal Plan IDがサンドボックスと本番を自動判別

サブスクリプションプランIDは環境変数から読み取り、環境切り替え時のコード変更ゼロ。

5. 国際化 — 4言語対応

zh (中国語) / en (英語) / ja (日本語) / ar (アラビア語)、英語以外の言語は遅延読み込みで初期ペイロードを削減。エディター内27コンポーネントがi18nに対応、DashboardとEditorはグローバルナビバーがない場合に独自の言語切り替えボタンを搭載。

---

プロダクト体験：ランディングから完成までの完全な旅路

ホームページ — 意思決定コストの削減

cctocv.comを開くと表示されるもの：

• 動画背景ヒーロー — 全画面AI生成動画を背景に、「これがAIにできること」を瞬時に認識
• フローティングジェネレーター — スクロール時に下部バーに縮小、いつでも展開可能、ブラウジングを中断しない
• 5つのフィーチャーショーケース — 各フィーチャーに実際の生成動画、ホバーで再生、「プロンプトを使用」で生成へ直接ジャンプ
• インスピレーションギャラリー — 7つの厳選例、「プロンプトを使用」でワンクリック生成器に読み込み
• 透明な価格設定 — 一括 vs 月額比較、年額節約額を明示
• FAQ — よくある質問を先行解答

ダッシュボード — クリエイティブワークスペース

ログイン後 /dashboard に入ると、左ナビゲーションは：

• ホーム (Explore) — 発見とレコメンド
• テキストから動画 / 画像から動画 / リファレンス動画 — 3つの動画生成モード
• 画像から画像 — AI画像生成
• 動画エディター — 内蔵エディターに进入
• 履歴 — 全生成記録
• 設定 — アカウント管理

各生成モードは同じ GeneratorCard コンポーネントを共有、generationMode で切り替え、インタラクションの一貫性を保証。

エディター — 生成から編集へのシームレスな接続

これが全競合とのコアの差別化要因です。Tomato AIでは不要：

• 生成動画のダウンロード
• 別の編集ソフトを開く
• 素材を再インポート

生成完了後、ブラウザ内で直接エディターに进入 — タイムラインドラッグ、トランジション追加、オーディオ調整、最終エクスポート — フルワークフローがクローズドループ。

---

ビジネスモデル：クレジット制、透明な課金

クレジット体系

• 即夢 3.0：10クレジット/秒の動画
• Seedance 2.0：20クレジット/秒の動画（ネイティブ音声動画同期含む）
• AI画像：10クレジット/枚

クレジットは全モデルで共通利用、モデルロックインなし。5秒の即夢動画 = 50クレジット、15秒のSeedance動画 = 300クレジット。

価格プラン

プラン	価格	クレジット	対象
Free	$0	登録時無料	お試し
Starter (一括)	$20	1000クレジット/180日	たまに創作
Creator (一括)	$40	2000クレジット/365日	レギュラークリエイター
Studio (一括)	$60	3000クレジット/365日	大量生産
Lite (月額)	$0.08/動画から	100クレジット/月	ライトサブスク
Pro (月額)	$0.06/動画から	330クレジット/月	プロクリエイター
Premium (月額)	$0.05/動画から	800クレジット/月	スタジオレベル

全プランに含まれる：全モデルアクセス、ウォーターマークなし、商用ライセンス。

---

最後に：AI動画創作の民主化

Tomato AIのビジョンは又一つのモデル企業になることではなく、クリエイターとモデルの橋渡しになること：

• モデル企業は品質を極限まで追求
• Tomato AIは体験を極限まで追求 — マルチモデル集約、透明な課金、内蔵エディター、ウォーターマークなし

生成品質がもはや障壁ではない時代（全トップモデルが急速に進歩）、ワークフロー効率が真の差別化要因になります。「一言」から「ショートフィルム」までの距離が短いほど、クリエイターの価値は高くなります。

一言で動画、数分で納品、ウォーターマークなしで商用利用 — それがTomato AIです。

---

体験アドレス: cctocv.com

技術スタック: Next.js 16 · React 19 · Tailwind v4 · Firebase · PayPal · IndexedDB · WebGL

対応言語: 中文 / English / 日本語 / العربية