AntiGravityで
Remotionを導入する

導入の全体フロー

Remotionを動かすには Node.js（JavaScriptの実行環境）が必要です。まずインストールされているか確認しましょう。

まず確認：Node.jsが既にインストールされているか？

Node.js のインストール手順

• 1
  公式サイトにアクセスする

  ブラウザで https://nodejs.org/ja/ を開きます。

• 2
  「LTS（推奨版）」をダウンロード

  緑色の「LTS 推奨版」ボタンをクリックします。（v20以上であれば問題ありません）

• 3
  インストーラーを実行する

  ダウンロードした .msi（Windows）または .pkg（Mac）ファイルをダブルクリックし、「Next」を押し続けてインストールを完了させます。

• 4
  ターミナルを再起動して確認

  インストール後、ターミナルを一度閉じて開き直し、node --version を実行してバージョンが表示されることを確認します。

ターミナルで以下のコマンドを実行して、Remotionのプロジェクトを新規作成します。

コマンドを実行すると、いくつか質問が表示されます。以下のように答えてください。

プロジェクト作成時に「Skills」をYesにした場合は自動でインストールされています。念のため確認しましょう。

Remotion Studio は、動画をリアルタイムでプレビューできるブラウザベースのエディタです。

AntiGravityでRemotionプロジェクトフォルダを開き、AIエージェントが使える状態にします。

• 1
  AntiGravityを起動する

  スタートメニュー（Windows）またはLaunchpad（Mac）からAntiGravityを起動します。

• 2
  「Open Folder」でプロジェクトフォルダを開く

  メニューバーの「File」→「Open Folder」（またはCtrl+K, Ctrl+O）をクリックし、先ほど作成した my-video フォルダを選択します。

• 3
  左サイドバーにファイル一覧が表示されることを確認

  src/、package.json、.agent/ などのファイルが表示されれば成功です。

• 4
  AntiGravityの「Playground」（チャット）を開く

  左サイドバーの「Playground」アイコンをクリックするか、Ctrl+Shift+P で「New Chat」を選択します。

AntiGravityのPlaygroundに以下のプロンプトを入力して、AIが動画コードを生成できるか確認しましょう。