--- title: "Claude Motion の代替：アニメーション解説動画を作る他の方法" description: "Claude Motion の代替を検証可能な事実で比較。Remotion コードを自分で書く、Remotion スキルを持つコーディングエージェントを使う、Potto のようなノーコードツールを使う 3 つのルートを整理します。" robots: "index, follow" canonical: "https://potto.ai/ja/blog/claude-motion-alternative" markdown: "https://potto.ai/ja/blog/claude-motion-alternative.md" author: "Potto AI Team" category: "Motion graphics" datePublished: "2026-10-11T00:00:00.000Z" language: "ja" dateModified: "2026-10-12T10:46:14.563Z" --- # Claude Motion の代替：アニメーション解説動画を作る他の方法 Claude Motion の代替として、Claude Motion を利用できない場合や、動画に必要な要素を Claude Motion がカバーしていない場合、コードでアニメーションを制作する方法は他に 3 つあります。[Remotion](https://www.remotion.dev/docs/ai/skills) のコードを自分で書く、Claude Code などのコーディングエージェントに Remotion のエージェントスキルを使って書いてもらう、あるいは説明やリンク、ドキュメントからモーショングラフィックスをレンダリングする Potto のようなノーコードツールを使う、というルートです。どれが適切かは、確認できる 4 つのポイントで決まります。すでに持っているプランやツール、ファイルにナレーションと音楽が必要かどうか、書き出す必要があるアスペクト比、そしてコードを所有して編集したいかどうかです。 まず 1 点だけ先に述べておきます。名前が似ているため混同されやすいからです：**Potto は Claude Motion ではなく、Potto と Anthropic に公式な関係はありません。** Potto は独立した製品です。このガイドは 3 つのルートに順位をつけるものではありません。公開ページで確認できる違いを挙げているだけであり、同一のブリーフを 3 つのルートすべてで実行したわけではないため、どの結果がより良く見えるかについては何も主張しません。Claude Motion と Claude のプランについて述べている内容はすべて、Anthropic 自身のページに基づいており、2026-10-10 に確認したものです。 ## Claude Motion の代替が求められる理由 Claude Motion は Claude の中でコンテンツを短いアニメーションに変え、MP4 として書き出せます。ほかを検討する理由は、よくある 4 つです。 - **プランの提供状況。** Anthropic の料金ページでは、Claude Motion（ベータ版）は Team と Enterprise プランで「Yes」、Free、Pro、Max 5x、Max 20x で「No」と記載されています。Education については言及がありません。Pro または Max をご利用の場合、2026-10-10 時点でこの機能はプランに含まれていません。 - **ナレーションと音楽。** Anthropic の発表とヘルプ記事には、音声、ナレーション、音楽についての記載がありません。ファイル内にボイスオーバーが必要な場合、公開されているページからは情報が得られないため、製品そのものを確認する必要があります。 - **アスペクト比。** ヘルプ記事にはアスペクト比や解像度の指定がありません。16:9 に加えて 9:16 や 1:1 でも納品する必要がある場合は、ベータ版が何を書き出すのかを確認してください。 - **コードの所有権。** ヘルプ記事には、各アニメーションがコードであると書かれていますが、そのコードを書き出す方法については説明されていません。ソースを自社のリポジトリに置きたい場合は、別のワークフローになります。 これらはいずれも欠陥ではありません。公開されているページの記載に乏しい点であり、ほかの選択肢を探すきっかけになる疑問です。この機能の詳細な説明は、[Claude Motion の詳細解説](/ja/blog/claude-motion-explained) をご覧ください。1 段落でまとめると、Anthropic は 2026 年 10 月 8 日に Claude Motion を発表し、その発表 [Dashboards and Motion](https://claude.com/resources/articles/dashboards-and-motion) では、Claude がテキスト、チャート、図形、画像をアニメーション化するコードを書き、生成された映像や AI が生成した人物は使用しないと述べています。短い動画のように再生でき、内蔵エディタで、または Claude に依頼して編集でき、MP4 としてダウンロードできます。このガイドが前提としているのはこれだけです。 ## Claude Motion の代替 3 つのルートを一覧で比較 ![コードで作るアニメーションの 3 つの方法：Remotion のコードを自分で書く、Remotion スキルを備えたコーディングエージェントを使う、Potto のようなノーコードツールを使う](https://potto.ai/blog/claude-motion-alternative/ja/code-built-animation-routes.webp#1200x675) 3 つのルートはいずれも、Claude Motion と同じ種類のものを作ります。撮影した映像ではなく、テキスト、グラフ、図形、画像から組み立てる、デザインされたモーショングラフィックスです。違うのは、コードを書くのが誰か、何をインストールする必要があるか、そして出力に何が含まれるかです。 | | Remotion のコードを自分で書く | コーディングエージェント + Remotion スキル | Potto のようなノーコードツール | | --- | --- | --- | --- | | コードを書くのは誰か | あなた | エージェント（あなたがレビューする） | あなた側では誰も書かない；コードは一切見えない | | 何から始めるか | React プロジェクト | スキルに対応したエージェントへのプロンプト | 説明文、公開リンク、またはドキュメント | | 必要なもの | Node 環境と React の知識 | Node 環境、エージェント、コードをレビューできる力 | ブラウザ | | 受け取るもの | あなたが所有するプロジェクトと、レンダリング済みの動画 | あなたが所有するプロジェクトと、レンダリング済みの動画 | レンダリング済みの MP4；コードなし | | ナレーションと音楽 | コードで自分で組み込む | エージェントにコードで組み込むよう依頼できる | 組み込み済み：AI ナレーションとオリジナルのサウンドトラック | | アスペクト比 | コードで設定した任意のサイズ | コードで設定した任意のサイズ | 16:9、9:16、または 1:1 | | 確認すべきプランやライセンス | Remotion のライセンス条項 | Remotion のライセンス条項、加えて利用するエージェントのプラン | 書き出しに使う Potto のクレジット | 以降のガイドでは、ルートごとに順番に見ていき、最後にこの表を判断に落とし込みます。 ## ルート 1：Remotion コードを自分で書く ![自分で Remotion コードを書く：React コンポーネントがフレーム番号を受け取り、アニメーションの 1 フレームを描画する](https://potto.ai/blog/claude-motion-alternative/ja/write-remotion-code.webp#1200x675) Remotion は「プログラムで動画を作る」ツールだと説明している。React で動画やモーショングラフィックスを構築する。ドキュメントでは `npx create-video@latest` でプロジェクトを開始し、Remotion Studio でプレビューする。核となる考え方は、動画は時間に対する画像の関数であるということだ。React コンポーネントは現在のフレーム番号を受け取り、そのフレームを描画する。コンポジションはメタデータを追加する。それはピクセル単位の幅と高さ、1 秒あたりのフレーム数、フレーム数だ。再生時間はフレーム数をフレームレートで割ったものなので、30 fps で 900 フレームは 30 秒続く。 ### このルートで得られるもの - **あらゆるピクセルとタイミングを完全に制御できる。** React で表現できるものなら何でもアニメーション化できる。自社システムから取得したデータも含む。 - **再現性。** 同じコードは同じ動画を生成し、変更はコードの変更となる。1 つの数字は 1 行だ。 - **所有権。** プロジェクトはあなたのものだ。Git でバージョン管理し、変更をレビューし、データから多数のバリエーションを生成できる。 ### このルートに求められること - **React と開発環境。** コンポーネントを書き、開発サーバーを実行し、パッケージをインストールすることに慣れている必要がある。 - **すべてをゼロから構築する。** ナレーション、キャプション、サウンドトラック、ブランドカラー、シーン遷移はすべて自分で書くか統合するものだ。Remotion はオーディオとキャプションをサポートしており、そのドキュメントは両方をカバーしているが、構築するまで何も起こらない。 - **ライセンス。** Remotion には独自のライセンス条項があり、企業はそれを基に構築する前に最新の条項を読むべきだ。それらは Remotion が定義するものであるため、このガイドでは出典にリンクするだけで要約しない。 ### このルートが向いている人 このルートは、再現可能な動画パイプラインを望む開発者や技術チームに適している。たとえば、データファイルから生成される月次レポート動画や、テンプレートベースのツールでは提供できないビジュアルスタイルを必要とする場合だ。目標が 1 回のローンチ向けの解説動画 1 本で、チームに React を書く人がいないなら、その労力はタスクに対して釣り合わない可能性が高い。 ## ルート 2：Remotion エージェントスキルを使うコーディングエージェント ![Claude Code などのコーディングエージェントがエージェントスキルを使って Remotion コードを書き、あなたがレビューしてプロジェクトをレンダリングします](https://potto.ai/blog/claude-motion-alternative/ja/coding-agent-remotion-skills.webp#1200x675) これが、開発者の文脈で「Claude video」と言うときに多くの人が指すルートです。Remotion プロジェクトはそのままに、コーディングエージェントがあなたの指示に従ってコードを書き、修正します。 ### エージェントスキルとは何か Remotion はエージェントスキルを公開しています。これは Remotion が管理するベストプラクティスガイドで、AI エージェントが Remotion プロジェクトで正しく作業できるように支援します。ドキュメントによると、Claude Code、Codex、Kimi Code、Cursor などのエージェントに役立つとされています。インストールコマンドは `npx skills add remotion-dev/skills` です。また、`bun create video` で新しいプロジェクトを作成する際にも追加できます。 ドキュメントでは、スキルがスラッシュコマンドとして一覧表示されています。その中には、プロジェクトやコンポジションを開始する `/remotion-create`、コンポジション、アニメーション、レイアウト、タイポグラフィ、メディア、オーディオ、フォント、タイミング用の `/remotion-markup`、キャプションと字幕用の `/remotion-captions`、地図アニメーション用の `/remotion-maps`、プレビュー用の `/remotion-studio`、動画や静止画をレンダリングする `/remotion-render` があります。包括的なスキルである `/remotion-best-practices` は、他のすべてをカバーします。ページ上のプロンプト例の 1 つは、「Make a promo video for a record store.」です。 ### 自分で書く場合と比べて変わること - **あなたが説明し、エージェントがコードを書きます。** プロジェクトを実行し、Studio でプレビューし、エージェントが書いた内容を読む必要は依然としてあります。 - **ナレーションと音楽は依然としてあなたの仕事です。** スキルにはオーディオとキャプションのガイダンスが含まれていますが、ボイスオーバーやサウンドトラックはソースを自分で選んで接続する必要があり、品質は接続するものによって決まります。 ### Claude Code のプラン確認 特に Claude Code を希望する場合、Anthropic の価格ページでは、Pro、Max 5x、Max 20x、Team、および両方の Enterprise 列で「Yes」、Free で「No」と記載されています（2026-10-10 確認）。Pro または Max の加入者は Claude Motion を利用できませんが、Claude Code は利用できます。 ### このルートが向いている人 これは、すでにコードエディタで作業しており、すべてのコンポーネントを書く代わりにアニメーションを説明したい人、およびソースを保持して編集したい人に適しています。これはタイピングの負担が少ない開発者ワークフローであり、コードなしのワークフローではありません。 ## ルート 3：Potto のようなノーコードツール ![ノーコードのモーショングラフィックス動画ツールが、説明文、リンク、またはドキュメントを、編集可能なナレーション付き動画に変える](https://potto.ai/blog/claude-motion-alternative/ja/no-code-motion-graphics-video.webp#1200x675) Claude Motion の代替を検討するなら、3 番目のルートはコードを一切使いません。Potto は、ナレーション付きモーショングラフィックス向けの [AI 動画生成](/ja/ai-video-generator) です。動画を説明するか、公開ウェブリンクを貼り付けるか、ドキュメントを添付すると、Potto は書き出し前に編集できるストーリーボードを作成します。 Potto は、アウトライン、シーンごとのストーリーボード、ナレーションを書くために API 経由で Claude Opus 5.5 を使用し、独自の Remotion シーンコンポーネントで動画を描画します。これはルート 1 と同じオープンソースのレンダリングライブラリですが、製品にラップされているため、コードを書いたり見たりすることはありません。[Claude 動画生成](/ja/claude-video) では、この関係をより詳しく説明しています。冒頭の点を繰り返します：これは Potto を Claude Motion の一バージョンにするものではなく、Potto は Anthropic と提携していません。 ### 得られるもの - **11 種類のシーン。** フック、タイトル、スクリーンショット、機能、リスト、統計、比較、チャート、イラスト、引用、そして締めくくりの行動喚起です。これらは [モーショングラフィックス AI](/ja/ai-motion-graphics) がアニメーション化する対象で、ブラウザプレビューと書き出した動画は同じコンポジションです。 - **動画プリセットとスタイル。** 21 種類の動画プリセット（音声用のオーディオグラムプリセットを含む）と 12 種類の組み込みスタイルがあり、さらに色、フォント、ロゴを取り込むブランドキットがあります。 - **32 言語のナレーション** または自動言語検出に対応し、キャプションには任意で単語ハイライトスタイルを付けられます。 - **オリジナルのサウンドトラック。** Potto 独自の音楽ライブラリから提供され、差し替えもできます。 - **長さのオプション。** 15、30、45、60、90 秒。 - **1080p MP4 として 30 フレーム/秒で書き出し**でき、アスペクト比は 16:9、9:16、1:1 です。 - **書き出し前の編集。** シーンのテキストとナレーションを変更したり、スクリーンショットを差し替えたり、イラストを再生成または置き換えたりできます。 ### 入力できるもの 入力は、説明文、公開ウェブリンク、またはドキュメントです。リンクの場合、Potto は公開されている http または https ページのみを読み取り、ログインの背後にあるページは読み取れません。ドキュメントは PDF、PPTX、DOCX に対応し、各 20 MB まで、プロジェクトごとに最大 8 個の添付ファイルを追加できます。そのため、コンテンツがすでにある場合、[PDF 動画変換](/ja/pdf-to-video) と [記事動画化](/ja/article-to-video) が通常の出発点になります。画像も素材として追加できます。 ### コストと制限 生成とブラウザプレビューはクレジットを消費しません。クレジットを使うのは書き出しだけです。現在のクレジット価格は [Potto AI 料金](/ja/pricing) に記載されており、長さ、ナレーション、イラストによって異なります。Potto には公開 API がないため、コードパイプラインの代替にはなりません。 ### Potto がしないこと - 動画の背後にあるコードは提供されません。受け取るのは MP4 です。 - 撮影済み映像やデジタルプレゼンターを生成するものではありません。 - すでに持っている動画を編集するエディターではありません。説明文、リンク、ドキュメントから新しい動画を作成します。 - 書き出し可能なアスペクト比は 16:9、9:16、1:1 のみです。 ### このルートが向いている人 キャプションとサウンドトラックを備えた、完成したナレーション付き動画を求め、コードベースを維持したくないマーケター、創業者、プロダクトチーム、教育関係者に適しています。典型的な出発点は、製品ページからの [解説動画](/ja/explainer-video) や、機能リストからの [デモ動画作成](/ja/product-demo-video) です。 ## Claude Motion の代替と 3 つのルートを並べて比較 下の表は、Anthropic のページ、Remotion のドキュメント、Potto の製品ページに書かれている内容だけを使って、Claude Motion を同じ枠の中に置いたものです。ページに記載がない場合は、そのセルにその旨を書いています。 | | Claude Motion | Remotion を手作業で | エージェント + Remotion スキル | Potto | | --- | --- | --- | --- | --- | | 利用状況 | Team と Enterprise のベータ | 誰でも、Remotion のライセンス条項に従う場合 | エージェントが含まれる任意のプラン | すべてのユーザー。書き出しにはクレジットを使用 | | コードが見えるか | アニメーションはコード。コードの書き出しについては記載なし | はい | はい | いいえ | | ナレーション | ページには記載なし | 自分で構築 | エージェントと一緒に構築 | 標準搭載、32 言語 | | 音楽 | ページには記載なし | 自分で構築 | エージェントと一緒に構築 | オリジナルのサウンドトラック | | アスペクト比 | 指定なし | 設定した任意の比率 | 設定した任意の比率 | 16:9、9:16、1:1 | これはランキングではなく、違いの地図として読んでください。Claude Motion はベータ版なので、「指定なし」のセルは変わる可能性があります。 ## あなたのブリーフにはどのルートが合う？ ![あなたのブリーフにはどのルートが合うか：プラン、ナレーション、アスペクト比、コードの所有権をもとにコードで作るアニメーションを判断するチャート](https://potto.ai/blog/claude-motion-alternative/ja/claude-motion-alternative-decision.webp#1200x675) 最初に譲れない要件に合わせてルートを選びます。 ### コードを所有したい場合 Route 1 か Route 2 を選びます。MP4 の書き出しだけを行うツール、Potto を含むものでは、Git に入れられるプロジェクトは得られません。2 つのうち Route 2 は入力するコードを減らせ、Route 1 は最も直接的な制御が得られます。どちらで社内ワークフローを組む場合も、事前に Remotion のライセンス条項を確認してください。 ### ファイルにナレーションと音楽が必要な場合 自分で何もつなぎ込まずに含めたいなら Potto を選びます。音声を自分で作る場合や、自分の声や音楽をつなぐ場合は Route 1 か Route 2 を選びます。Claude Motion のページには音声についての説明がないため、依存する前に製品を確認してください。 ### 縦型や正方形のバージョンが必要な場合 Potto は 16:9、9:16、1:1 を書き出せるので、ワイドスクリーン、縦型フィード、正方形の配置をカバーできます。YouTube Shorts のケースは[ショート動画作成](/ja/youtube-shorts-maker)で扱っています。Remotion ではコードで任意のサイズを設定できます。Claude Motion のヘルプ記事にはアスペクト比の指定がありません。 ### Pro または Max プランの場合 2026-10-10 時点で Claude Motion はこれらのプランに含まれていませんが、Claude Code は含まれています。Anthropic のツール内にとどまりたいなら、Route 2 が最も近い選択肢です。コードをまったく扱いたくない場合の Claude Motion の代替は Potto です。 ### ドキュメントから始める場合 レポート、デッキ、記事はノーコードツールにとって自然なブリーフです。Potto は PDF、PPTX、DOCX ファイルを読み込め、スライドについては [PPT 動画変換](/ja/ppt-to-video)が該当します。コーディングエージェントを使えばエージェントにドキュメントを渡せますが、それをどうシーンにするかは自分で決めます。 ### データ駆動のシリーズが必要な場合 スプレッドシートやデータベースから毎月動画を再生成する必要があるなら、動画がデータを受け取るコードであるため、Route 1 と Route 2 が向いています。1 つのグラフのストーリーであれば、Potto の[グラフアニメーション作成](/ja/animated-chart)では値とラベルを渡すだけで、コードなしでアニメーション化できます。 ## どのルートでも書くべきブリーフの内容 優れたブリーフは、どのルートにも共通する唯一の要素です。同じ 6 つの項目が、人にもコーディングエージェントにもノーコードツールにも役立ちます。Anthropic 自身が Claude Motion について示している助言も同じ方向を指しています。すなわち、視聴者、アニメーションを再生する場所、おおよその長さを明示し、素材を添付します。 1. **目的。** 視聴者が見た後に理解すべきこと、または行うべきことを 1 文で示します。 2. **視聴者。** 誰が見るのか、その人がすでに何を知っているのか。 3. **掲載場所と長さ。** 会議、ランディングページ、縦型フィードでは、それぞれ適した長さと比率が異なります。1 つに絞ります。 4. **必ず入れる事実。** 数値、名称、主張を出典付きで示します。アニメーションツールは数値をうまく提示できますが、正しい数値をでっち上げるのは苦手なので、こちらから提供します。 5. **アイデアの順序。** 3～6 のビートを用意し、それぞれの画面に 1 つだけ載せます。説明、グラフ、比較のいずれかです。 6. **結末。** 最後のフレームを決めます。行動喚起、まとめの数値、ロゴのいずれにするか。 ローンチの場合も、[商品紹介動画](/ja/product-video)や[動画広告作成](/ja/video-ad-maker)のプロジェクトも、同じ 6 つの項目に従います。事実がすでに手元にあれば、ブリーフを書くのは短く済みます。そして、結果が使えるものになるかどうかを決めるのは、この部分です。 ## よくある質問 ### Claude Motion の代替には何がある？ Claude Motion の代替には 3 つのルートがあり、正しい選択は制約条件によって変わります。自分で所有するコードが欲しいなら、Remotion のコードを自分で書くか、Remotion のエージェントスキルを使ってコーディングエージェントに書かせます。説明、リンク、文書から、コードなしで、ナレーションとキャプションと音楽付きの動画を作りたいなら、Potto のようなツールが合います。Potto は Claude Motion ではなく、Anthropic と公式な関係はありません。 ### Claude Motion は誰が使える？ Claude Motion は Team プランと Enterprise プランのベータ版です。Anthropic の料金ページでは、Free、Pro、Max 5x、Max 20x に対して「No」と記載され、Education については言及されていません。ヘルプ記事では、Team プランではデフォルトでオン、Enterprise ではオーナーが Organization settings の Artifacts で有効にするまでオフだと説明されています。これらの事実は 2026-10-10 時点で確認したもので、ベータは拡大する可能性があります。 ### Claude Motion にナレーションや音楽は含まれる？ Anthropic のページには記載がありません。発表とヘルプ記事では、テキスト、チャート、図形、画像のアニメーションと MP4 の書き出しについて説明していますが、ナレーション、音声、音楽には言及していません。音声が重要なら、この機能を自分で試すか、オーディオソースを自分で制御できるルートを選びましょう。たとえば Remotion で書く、ナレーションを含むツールを使う、といった方法です。 ### Claude Motion の代わりに Claude Code を使える？ はい、別のワークフローとして使えます。Anthropic の料金ページでは、Claude Code は Pro、Max、Team、Enterprise プランで利用可能と記載されています。Remotion のエージェントスキルをインストールすれば、アニメーション用の Remotion コードを書けます。その後、プロジェクトを自分でプレビューしてレンダリングするため、開発環境が必要で、コードを確認することになります。Claude Motion はそうしたセットアップなしで Claude 内で動作しますが、Team と Enterprise でのみ利用できます。 ### Remotion エージェントスキルとは何？ Remotion エージェントスキルは、Remotion が管理するベストプラクティスガイドで、AI エージェントが Remotion プロジェクトで正しく作業できるようにします。ドキュメントでは、Claude Code、Codex、Kimi Code、Cursor などのエージェントを対象として挙げ、インストールコマンドとして `npx skills add remotion-dev/skills` を示しています。これらには `/remotion-create`、`/remotion-captions`、`/remotion-render` などのコマンドが含まれます。 ### Potto は Claude Motion と同じ？ いいえ。Claude Motion は Claude 内にある Anthropic の機能です。Potto は独立した製品で、Anthropic と公式な関係はありません。Potto は API を通じて Claude Opus 5.5 モデルを使い、アウトライン、ストーリーボード、ナレーションを作成し、独自の Remotion シーンコンポーネントで動画をレンダリングします。受け取るのは 1080p MP4 で、コードではありません。 ### Potto の動画のコードを取得できる？ いいえ。Potto は MP4 を提供し、動画の背後にあるコードを提供したり、それを実行させたりしません。ソースが必要なら、Remotion プロジェクトが自分のものになるルート 1 またはルート 2 を使ってください。Potto には公開 API もないため、自分のパイプラインから呼び出すことはできません。 ## 出典 すべての出典は 2026-10-10 に確認しました。 - Anthropic、[ダッシュボードとモーション](https://claude.com/resources/articles/dashboards-and-motion)、2026 年 10 月 8 日付の発表。Claude Motion とは何か、Team と Enterprise でのベータ、MP4 のダウンロード、編集、および動画生成モデルを使用していないという記述に使用。 - Anthropic ヘルプセンター、[Claude Motion を始める](https://support.claude.com/en/articles/17454997-get-started-with-claude-motion)。開始方法、MP4 の書き出し、プランの既定値、管理者コントロール、およびアスペクト比、音声、コードの書き出しが明記されていないことに使用。 - Anthropic、[Claude の料金](https://claude.com/pricing)。どのプランが Claude Motion（ベータ）と Claude Code を掲載しているかに使用。 - Remotion ドキュメント、[エージェントスキル](https://www.remotion.dev/docs/ai/skills)。エージェントスキルとは何か、対応しているエージェント、インストールコマンド、スキル一覧に使用。 - Remotion ドキュメント、[基本](https://www.remotion.dev/docs/the-fundamentals)。フレーム、コンポジション、動画プロパティに使用。 - Remotion ドキュメント、[ライセンス](https://www.remotion.dev/docs/license)。企業が現在のライセンス条項を読むために掲載；本ガイドではこれらを要約していません。 - Remotion、[Remotion ホームページ](https://www.remotion.dev/)。Remotion の説明とプロジェクトセットアップコマンドに使用。