---
title: "Claude Motion とは？作れる内容と Potto との違い"
description: "Claude Motion は、プロンプトと手元のコンテンツから Claude 内で短いアニメーションを作る Anthropic の機能です。作れる内容、利用できるプラン、Remotion との関係、Potto との違いを紹介します。"
robots: "index, follow"
canonical: "https://potto.ai/ja/blog/claude-motion-explained"
markdown: "https://potto.ai/ja/blog/claude-motion-explained.md"
author: "Potto AI Team"
category: "Motion graphics"
datePublished: "2026-10-10T04:45:00.000Z"
language: "ja"
dateModified: "2026-10-10T11:24:54.490Z"
---

# Claude Motion とは？作れる内容と Potto との違い

Claude Motion は、プロンプトと手元のコンテンツから、Claude 内で短いアニメーションを作成する Anthropic の機能です。Anthropic の公式ページによると、Claude がテキスト、グラフ、図形、画像を動かすコードを書き、完成したアニメーションは MP4 ファイルとしてダウンロードできます。Team プランと Enterprise プランでベータ版が提供されています。動画生成モデルは使わないため、生成映像や AI で生成した人物は登場しません。

これが「Claude Motion とは何か」に対する基本的な答えです。この記事では、公式ページに書かれている内容、Claude Motion で作れる動画と作れない動画、コードで作る動画と Remotion の関係、そして Potto との違いを紹介します。名前から混同しやすいため、最初に明確にしておきます。**Potto は Claude Motion とは別の製品であり、Anthropic との公式な関係はありません。** Potto は独立した製品です。API 経由で Claude Opus 5.5 モデルを使って構成案、絵コンテ、ナレーションを作成し、独自の Remotion シーンコンポーネントで画面を描画します。以下の Claude Motion に関する説明は、すべて 2026-10-10 に確認した Anthropic の公開ページに基づいています。

## Claude Motion とは？

Anthropic は October 8, 2026 に、[Dashboards and Motion](https://claude.com/resources/articles/dashboards-and-motion) という記事で Claude Motion を発表しました。ヘルプセンターでは、「Claude Motion は、コンテンツを短いアニメーションに変換する機能です」と説明しています。両ページに挙げられている例は、全社会議向けの 30 秒の解説動画、取締役会向け資料のグラフに動きを加えたもの、顧客の利用開始を支援する製品の操作案内です。

想定されているのは、レポート、スプレッドシート、画像、文章による説明などの素材が、すでに Claude 内にある状況です。その素材の要約を頼む代わりに、短いアニメーションにするよう依頼します。完成したアニメーションは短い動画として再生されますが、撮影した映像や AI が生成した映像とは作り方が異なります。

### 「コードで作る」とはどういう意味ですか

ヘルプ記事によると、各アニメーションの実体は、アーティファクトのテンプレートをもとに作られたコードです。単一の動画ファイルとして固定されているのではなく、構造を持つコンテンツなので、数値やタイミングなどの一部だけを変更しても、ほかの部分はそのまま保てます。発表記事でも、「どの単語、数値、タイミングでも変更できます」と同じ点を説明しています。

ヘルプ記事には、Claude Motion が作らないものも明記されています。動画生成モデルを使わないため、実写のような映像や人物は生成しません。撮影したようなシーンやプレゼンターが必要なら、別の種類のツールが対象になります。デザインされた、編集可能なモーショングラフィックスが必要なら、Claude Motion と Potto のようなツールは同じ分類に入ります。

### 「Claude Motion video」と「Claude video」が指すもの

- **Claude Motion video** は通常、Anthropic の Claude Motion 機能から書き出した MP4 を指します。
- **Claude video** は、より幅広い意味で使われます。Claude Code と描画ライブラリで動画を作ること、Claude Motion を使うこと、Claude モデルを呼び出すサードパーティー製品を使うことのいずれも含まれます。Potto の Claude を使った動画作成ツール は、3 つ目に当たります。

## Claude Motion ではどのようなアニメーションを作れますか

![プロンプトと元の資料から、テキスト、グラフ、図形が動く解説動画のシーンを作り、MP4 にする流れの概念図です](/blog/claude-motion-explained/ja/what-claude-motion-makes.webp#1200x800)

### 作れる内容と出力形式

- **テキスト、グラフ、図形、画像のアニメーション。** 発表記事には、この 4 つの構成要素が挙げられています。
- **短いアニメーション。** ヘルプ記事では出力を「短いアニメーション」と呼び、30 秒の解説動画を例に挙げていますが、長さの上限は記載していません。
- **MP4 での書き出し。** ヘルプ記事で言及されている形式は MP4 のみです。
- **Artifacts タブに保存されます。**
- **ほかのツールで開けます。** 発表記事によると、アニメーションは Adobe、Descript、HeyGen、Higgsfield、invideo、Luma AI、Runway で開けます。Canva と Captions は近日対応予定とされています。これらは Anthropic が提供する連携であり、Potto はいずれの連携にも関係していません。

### 作成の始め方

ヘルプ記事によると、どのチャットからでもアニメーションの作成を依頼できます。または、メッセージ入力欄で「Output」を選び、「Motion」を選択します。Artifacts タブを開き、Motion テンプレートを選んで、作りたい内容を説明する方法もあります。発表記事では、メッセージ入力欄に `/motion` と入力するショートカットも紹介されています。

よりよい結果を得るための Anthropic の助言は具体的です。視聴者を明示し、どこで再生するのか、おおよそどれくらいの長さにするのかを伝え、元となるレポート、データ、画像を添付します。後半の制作指示書の節では、この考え方をもとに説明します。

### 編集、共有、利用制限

- **編集。** シーンの動きを遅くする、数値を更新するなどの変更をチャットで Claude に依頼するか、内蔵エディターで直接編集します。
- **共有。** アニメーションは初期設定では非公開です。「Share」を使って共有します。
- **利用量。** アニメーションの作成はプランの利用上限に算入されます。長いアニメーションや複雑なアニメーションは、通常のメッセージよりも多くの利用枠を消費します。

### 利用できるユーザー

Claude Motion は、Team プランと Enterprise プランでベータ版として提供されています。Team では初期設定で有効です。Enterprise では、オーナーが Organization settings の Artifacts で有効にするまで無効になっています。オーナーはカスタムロールを使い、特定のグループだけに利用を許可することもできます。有効と無効を切り替えられるのは、Owners と Primary Owners のみです。ヘルプ記事には Pro プランや Max プランへの言及がないため、この記事でも両プランについては説明しません。

## Claude Motion について公式ページに記載がないこと

2026-10-10 時点で、Claude Motion のヘルプ記事には、次の情報が記載されていません。

- 書き出す MP4 のアスペクト比や解像度。
- アニメーションの長さの上限。
- ナレーションを付けられるかどうか、また、対応する言語。
- アニメーションの描画に使うソフトウェア。特に、Remotion への言及はありません。

そのため、オンラインで Claude Motion は「Remotion で動いている」という説明を見かけても、未確認の情報として扱ってください。Anthropic のページには、アーティファクトのテンプレートをもとにコードでアニメーションを作ると書かれているだけで、描画に使うソフトウェアの名前は出ていません。それでも Remotion が話題に上る理由を、次の節で説明します。

## コードで作る動画と Remotion の関係

![React コンポーネントがフレーム番号を受け取って 1 フレームを描画し、それを繰り返して解説動画を構成する仕組みの概念図です](/blog/claude-motion-explained/ja/remotion-explained.webp#1200x800)

開発者にとって「コードから動画を作る」という方法が身近なのは、Remotion があるためです。Potto も、シーンの描画にこの技術を使っています。

### Remotion とは

[Remotion](https://www.remotion.dev/) は、自らを「プログラムで動画を作る」ためのツールと説明しています。ホームページによると、React で動画やモーショングラフィックスを作成できます。新しいプロジェクトは `npx create-video@latest` で作成し、プレビュー環境の Remotion Studio で実行します。

基本概念の解説ページ には、中心となる考え方が示されています。Remotion が提供するのはフレーム番号と空白のキャンバスであり、「動画とは、時間に応じて画像が変わる関数」です。React コンポーネントは現在のフレーム番号を受け取り、そのフレームを描画します。コンポジションでは、そのコンポーネントに、ピクセル単位の幅と高さ、`fps`、`durationInFrames` というメタデータを組み合わせます。秒単位の長さはフレーム数をフレームレートで割った値なので、900 フレームを 30 fps で再生すると 30 秒になります。

### コードで動画を作る利点

Remotion の動画はコードでできているため、再現性があり、同じコードから同じ動画を作れます。また、パラメーターを使えるので、データを接続して複数のバリエーションを生成できます。数値の変更もコードの 1 行で済むため、修正しやすくなります。ホームページでは、3 つの作業方法を紹介しています。Agent Skills とコーディングエージェントを使うエージェント型、Studio で編集してコードに保存する対話型、コード内でデータを接続するプログラム型です。また、「常にコードが正本である」と説明しています。

### Remotion とコーディングエージェント

Remotion のドキュメントには、Agent Skills の使い方 を説明するページがあります。そこでは、スキルは「Claude Code、Codex、Kimi Code、Cursor のような AI エージェントに役立つ」もので、Remotion プロジェクトのベストプラクティスを定義すると説明されています。インストールコマンドは `npx skills add remotion-dev/skills` です。Claude Code と Remotion で動画を作るチュートリアルが数多くあるのは、この仕組みが背景にあります。コーディングエージェントが Remotion のコードを書き、自分のマシンで動画をレンダリングします。

この方法は実際に利用でき、ドキュメントにも記載されていますが、開発者向けの作業手順です。Node 環境、Remotion プロジェクト、エージェントに加え、コードを確認する根気が必要です。それを利点と感じるか、負担と感じるかは、使う人によって異なります。

### Remotion のライセンス

Remotion のホームページによると、Free License は 3 人までを対象とし、規約に従う限り商用利用に制限はありません。共同制作や、4 人以上の企業には Company License が必要とされています。会社で Remotion を直接使って開発する場合は、remotion.dev で最新の規約を確認してください。規約は Remotion が定めるもので、変更される可能性があります。

## Potto で作る動画の仕組みと機能

### Potto は Claude Motion とは別の製品です

Potto は Anthropic の Claude Motion 機能を使っておらず、その再販サービスでもありません。Anthropic との公式な関係もありません。Potto が使っているのは Claude Opus 5.5 モデルで、API 経由で動画の文章を作成します。[Claude を使った動画作成](/claude-video)ツール のページでも、よくある質問で同じ点を説明しています。この記事でも、両者を混同しないよう改めて明記しています。

### 現在の Potto でできること

Potto は、[AI 動画生成](/ja/ai-video-generator)でナレーション付きのモーショングラフィックス動画を作成します。

- **Claude Opus 5.5 が構成を作ります。** 説明文、リンク、文書をもとに、構成案、シーンごとの絵コンテ、ナレーション原稿の下書きを作成します。
- **Potto 独自の Remotion シーンコンポーネントが動画を描画します。** プロジェクトは、導入、タイトル、スクリーンショット、機能紹介、リスト、数値、比較、グラフ、イラスト、引用、最後の行動喚起という 11 種類のシーンで構成されます。ブラウザーのプレビューと書き出した動画は、同じコンポジションを使います。各シーンで何が動くのかは、[モーショングラフィックス AI](/ja/ai-motion-graphics) のページをご覧ください。
- **イラストとナレーション音声は AI が生成します。** イラストのシーンでは AI 生成画像を使い、ナレーションには AI 生成音声を使います。
- **32 言語のナレーションに対応します。** 言語の自動検出も可能で、字幕は文単位のまとまりで表示されます。
- **オリジナルのサウンドトラックを付けられます。** Potto 独自の音楽ライブラリから、動画のスタイルと長さに合う曲を選びます。曲は差し替えられます。
- **1080p MP4 を毎秒 30 フレームで書き出せます。** アスペクト比は 16:9、9:16、1:1 です。
- **書き出し前にシーンごとに編集できます。** シーンのテキストやナレーションを変更したり、スクリーンショットを差し替えたり、注目させたい箇所を選んだり、イラストを再生成または差し替えたりできます。
- **ブランドキットを使えます。** 選択したキットからブランドカラーを 4 色取り込み、Inter、Space Grotesk、Bricolage の 3 種類のフォントを選択肢として用意し、冒頭と末尾にロゴを配置します。

入力できるのは、説明文、公開ウェブページのリンク、文書です。リンクを使う場合、Potto が読み取るのは公開されている http または https のページのみです。指定したページと、同じサイト内の追加で最大 2 ページから、ブランド名、色、フォント、ロゴを取得します。ログインが必要なページは読み取れないため、代わりにスクリーンショットを求めます。文書は PDF、PPTX、DOCX に対応し、1 ファイルあたり最大 20 MB、1 プロジェクトにつき最大 8 件まで添付できます。文書から作る方法は、[PDF から動画を作成する](/pdf-to-video)で、リンクから作る方法は[記事から動画を作成する](/article-to-video)で紹介しています。

### 費用と利用上限

[Potto AI 料金](/ja/pricing)の仕組み上、生成とブラウザーでのプレビューではクレジットを消費せず、書き出し時にのみ消費します。たとえば、英語のナレーション付きでイラストのない 30 秒の動画は、書き出しに 153 クレジット必要です。イラストを 2 枚追加すると、199 クレジットになります。アスペクト比によって料金は変わりません。ユーザーは 1 日に最大 30 件の動画プロジェクトを作成し、最大 60 枚のイラストを生成できます。

### Potto でできないこと

- 実写のような映像やデジタルプレゼンターは生成しません。
- 動画のもとになるコードは提供しません。受け取れるのは MP4 です。
- アップロードした動画の編集や分析は行いません。説明文、リンク、文書から新しい動画を作成します。
- 書き出せるアスペクト比は、16:9、9:16、1:1 のみです。

## Claude Motion と Potto の比較

![アイデアから解説動画の MP4 を作るまでの流れを、チャットアシスタント内で作る方法とブラウザーの動画ツールで作る方法で比較した概念図です](/blog/claude-motion-explained/ja/claude-motion-vs-potto.webp#1200x800)

この表には、Anthropic のページと Potto の製品ページで確認できる違いだけを載せています。公開ページに記載がない項目は、その旨を明示しています。

| | Claude Motion | Potto |
| --- | --- | --- |
| 提供元 | Anthropic | 独立した製品である Potto |
| 利用する場所 | Claude 内のチャットと Artifacts タブ | ブラウザーで potto.ai にアクセス |
| 提供状況 | Team プランと Enterprise プランでベータ版を提供 | プレビューは無料、書き出しにはクレジットを使用 |
| 言語モデル | Claude（ページにモデル名の記載はありません） | Claude Opus 5.5 が構成案、絵コンテ、ナレーションを作成 |
| 画面の作り方 | アーティファクトのテンプレートをもとにしたコードで、テキスト、グラフ、図形、画像を動かします | 11 種類の Remotion シーンコンポーネントと AI 生成イラスト |
| 実写風の映像や人物 | なし | なし |
| ナレーション、字幕、音楽 | ページに記載なし | 32 言語の AI ナレーション、文単位の字幕、オリジナルのサウンドトラック |
| 書き出し | MP4。アスペクト比と解像度は記載なし | 1080p MP4、30 fps、16:9、9:16、1:1 |
| 編集 | チャットまたは内蔵エディター | 書き出し前にシーンごとに編集 |
| 元となる素材 | Claude に添付したもの | 説明文、公開リンク、PDF、PPTX、DOCX |
| 料金の仕組み | プランの利用上限に算入 | 書き出しにクレジットを使用 |

この表は優劣を決めるものではなく、違いを把握するためのものです。Claude Motion 側で記載がない項目の一部は、ベータ版の開発が進むにつれて明らかになる可能性があります。

### それぞれが向いている場面

**Claude Motion** は、組織が対応プランを契約していて、動かしたい素材がすでに Claude の会話内にあり、その場で編集を完結させたい場合や、Anthropic が挙げている連携ツールにアニメーションを渡したい場合に向いています。

**Potto** は、字幕と音楽を備えたナレーション付きの[製品デモ動画](/product-demo-video)を仕上げたい場合、特定の言語のナレーションが必要な場合、同じ動画の縦長版と正方形版が必要な場合に向いています。また、製品のリンク、PDF、スライド資料を出発点に、[商品紹介動画](/ja/product-video) や 解説動画 を作る場合にも適しています。Team プランや Enterprise プランを利用していない場合や、書き出しにクレジットを使う前にシーンごとに調整したい場合にも向いています。

**Claude Code と Remotion の組み合わせ**は、決まった種類のシーンでは表現できない内容が必要な場合、自社のデータから大量の動画を生成する必要がある場合、コードを自分で保有してバージョン管理したい場合に向いています。開発環境が必要で、Remotion のライセンス規約が適用されます。

これらのツールは併用できます。社内会議用のデータアニメーションの下書きを Claude Motion で作り、3 種類の形式で配信する必要があるナレーション付きの解説動画には Potto を使い、データに基づく動画シリーズには Remotion プロジェクトを使う、といった運用も考えられます。避けたいのは、どのツールにも同じ機能があると思い込むことです。

## どのツールにも伝わる動画の制作指示書の書き方

![解説動画の視聴者、掲載先、長さ、必須の事実、最後の行動喚起を 1 ページにまとめた制作指示書の概念図です](/blog/claude-motion-explained/ja/write-a-motion-brief.webp#1200x800)

よい制作指示書の基本は、Anthropic の助言にまとまっています。視聴者、再生する場所、おおよその長さ、元となる素材です。同じ指示書は、Potto やコーディングエージェントでも役立ちます。アニメーションの制作指示書は、台本より短く、プロンプトより詳しいもので、次の 6 つの要素から成ります。

1. **目的を 1 文で書きます。** 見終わった人に何を理解してほしいのか、何をしてほしいのかを示します。「財務チームに、Q3 の解約率が下がった理由を伝える」は目的になります。「格好いいアニメーションを作る」では目的になりません。
2. **視聴者を示します。** 誰が見るのか、その人たちはすでに何を知っているのかを伝えます。
3. **掲載先と長さを決めます。** 会議、ランディングページ、縦型フィードでは、それぞれ適した長さが異なります。1 つ選び、明記します。
4. **必ず盛り込む事実を挙げます。** 数値、名称、主張と、それぞれの出典を列挙します。アニメーションツールは数値を見せるのは得意ですが、正しい数値を考え出すのは苦手なので、こちらから渡します。
5. **伝える順番を決めます。** 展開は 3〜6 段階あれば十分です。1 つの主張、1 つのグラフ、1 つの比較というように、各画面で伝えることを 1 つに絞ります。
6. **締めくくりを決めます。** 最後のフレームに、行動喚起、まとめの数値、ロゴのどれを置くかを決めます。

グラフが中心の指示書には、実際の値とラベルを記載します。Potto の [動くグラフを作成する](/animated-chart)ツール は、まさにこうした入力を使い、3〜6 個の値から棒グラフやドーナツグラフを動かします。ストーリーが中心の指示書では、各段階の内容を平易な文で書き、声に出して読んでください。読んでつまずく部分は、ナレーションでもつまずきます。

## Claude Motion についてよくある質問

### Claude Motion とは何ですか？

Claude Motion は、Claude 内で手元のコンテンツを短いアニメーションに変える Anthropic の機能です。Claude がテキスト、グラフ、図形、画像を動かすコードを生成し、チャットや内蔵エディターで編集して、MP4 としてダウンロードできます。October 8, 2026 に発表され、Team プランと Enterprise プランでベータ版が提供されています。動画生成モデルは使わないため、実写風の映像や人物ではなく、デザインされたアニメーションを作ります。

### Claude Motion と Potto は同じですか？

いいえ、Claude Motion は Claude 内で使う Anthropic の機能で、Potto は Anthropic との公式な関係を持たない独立した製品です。Potto は API 経由で Claude Opus 5.5 モデルを使い、構成案、絵コンテ、ナレーションを作成します。その後、独自の Remotion シーンコンポーネントで動画を描画し、1080p MP4 として書き出します。仕組みは Claude を使った動画作成ツール のページで説明しています。

### Claude Motion を使えるのは誰ですか？

Claude Motion のベータ版を利用できるのは、Team プランと Enterprise プランのユーザーです。Team では初期設定で有効ですが、Enterprise では初期設定で無効になっており、オーナーが Organization settings の Artifacts で有効にする必要があります。Anthropic のヘルプ記事には Pro プランや Max プランへの言及がないため、利用を前提にする前に、自分のプランを確認してください。

### Claude Motion はアニメーションの描画に Remotion を使っていますか？

Anthropic のページには、Remotion を使っているかどうかの記載はありません。各アニメーションはアーティファクトのテンプレートをもとにしたコードだと説明されていますが、描画に使うソフトウェア名は示されておらず、ヘルプ記事にも Remotion への言及はありません。Remotion は React のコードから動画を作る独立したツールで、Potto もシーンコンポーネントに使っています。検索結果で名前が一緒に出てくるからといって、同じ描画エンジンを使っているとは限りません。

### 動画制作に使われる Remotion とは何ですか？

Remotion は、React を使ってプログラムで動画を作成するツールです。ドキュメントでは、動画を時間に応じて画像が変わる関数として説明しています。コンポーネントがフレーム番号を受け取ってそのフレームを描画し、コンポジションで幅、高さ、フレームレート、長さを設定します。`npx create-video@latest` でプロジェクトを作成し、Remotion Studio でプレビューします。ホームページには、3 人までを対象とする Free License と、より大きなグループ向けの Company License が掲載されています。

### 動画制作には Claude Motion、Potto、Remotion のどれを使うべきですか？

契約プランに Claude Motion が含まれていて、Claude 内にある素材を動かしたいなら Claude Motion、ナレーション付きの動画を仕上げたいなら Potto、自分でコードを管理して独自のシーンを作りたい開発者なら Remotion が向いています。Potto では、[解説動画](/ja/explainer-video)を作成するページ で紹介しているように、説明文、リンク、文書から、字幕と音楽を備えた動画を作り、16:9、9:16、1:1 を選べます。Remotion を直接使う方法は、コードを自分で保有し、決まった種類のシーンを超える表現が必要な開発者に適しています。確認できる違いは、比較表にまとめています。

### Potto で作った動画の Remotion コードを受け取れますか？

いいえ、Potto が提供するのは MP4 であり、動画のもとになるコードを受け取ったり実行したりすることはできません。コードが必要なら、自分の Remotion プロジェクトを作る方法があります。remotion.dev の Agent Skills ページでは、コーディングエージェントと Remotion プロジェクトを組み合わせる方法を説明しています。

## Claude Motion と各ツールに関する出典

すべての出典を 2026-10-10 に確認しました。

- Anthropic、[Dashboards and Motion](https://claude.com/resources/articles/dashboards-and-motion)。October 8, 2026 付の発表記事です。Claude Motion の概要、提供状況、MP4 のダウンロード、動画生成モデルを使わないという説明、サードパーティーツールの一覧の根拠としています。確認日：2026-10-10。
- Anthropic ヘルプセンター、[Get started with Claude Motion](https://support.claude.com/en/articles/17454997-get-started-with-claude-motion)。作成の始め方、編集、書き出し、共有、利用上限、管理者による設定の根拠としています。確認日：2026-10-10。
- Remotion、[Remotion home page](https://www.remotion.dev/)。Remotion の説明、3 つの作業方法、セットアップコマンド、ライセンスの概要の根拠としています。確認日：2026-10-10。
- Remotion ドキュメント、[The fundamentals](https://www.remotion.dev/docs/the-fundamentals)。フレーム、コンポジション、動画のプロパティの説明の根拠としています。確認日：2026-10-10。
- Remotion ドキュメント、[Agent Skills](https://www.remotion.dev/docs/ai/skills)。スキルが Claude Code のような AI エージェントに役立つという説明と、インストールコマンドの根拠としています。確認日：2026-10-10。