ASADASHI
コンテンツ制作2026.09.25·読了 2分·難易度: ふつう

AIの「待ち時間」を30秒動画で可視化する時代へ

朝の出汁版(通勤2分)

  • ポイント1: @id_2029058907621212165 が公開したデモによると、Claude CodeとOpus 5.5を組み合わせることで、データの帯グラフをアニメーションで切り落とすような説明動画を、コード生成ベースで制作できることが示された。
  • ポイント2: 注目したいのは「2.4秒の返答のうちAIが実際に考えているのは6%」という数値設定で、抽象的なAIの挙動を視覚的ストーリーに落とし込む手法が、コンテンツ制作の実践例として浮上してきている点だ。
  • ポイント3: 触りたい人は、Claude Codeで「データの割合を帯グラフ+アニメーションで表現する動画を作って」と指示するところから始めると、同様のコンテンツ制作フローを体験できる。

出汁の素(深読みモード)

Claude CodeとOpus 5.5で「30秒の説明動画」が作れるようになった

先日、あるデモが公開された。Claude CodeとOpus 5.5を組み合わせ、架空のAIサービス「setsuna」の紹介動画を30秒で生成したというものだ。テーマは「AIの返事を待つ時間」。2.4秒の返答のうち、AIが実際に推論しているのはわずか6%——残りの94%はネットワーク遅延やトークン出力処理などが占めるという設定で、その内訳を帯グラフにして1つずつ切り落とすアニメーションとして表現した。

ポイントは「コード生成で動画を作った」という点だ。映像編集ソフトを開いたわけではなく、Claude Codeに指示を出してアニメーション付きの動画コンテンツを出力している。以前から「AIが動画制作の「判断」まで担う時代へ」で触れてきたように、動画制作のフローにAIが入り込む範囲は着実に広がっている。ただ今回のデモが示すのは、その一歩先——コードを書くAIが、コンテンツそのものを生成する入口になっているという変化だ。

「数値を物語にする」手法として見るべき理由

このデモで注目したいのは、動画の完成度よりも「何を表現したか」という設計の発想だ。

「AIの返答が2.4秒かかる」という事実は、単体ではただの技術仕様にすぎない。しかしそれを「6%しか考えていない」という対比で切り取り、帯グラフを1つずつ削っていくアニメーションで見せることで、視聴者に体感として届く説明になっている。抽象的なデータを「ストーリーのある映像」に変換する——このプロセス自体が、コンテンツ制作の実践的なパターンとして浮上してきている。

実用面で言うと、この手法が使えるシーンは幅広い。たとえば「費用の内訳をグラフアニメーションで説明する」「作業時間の比較を帯グラフで削っていく」「スコアの変化を段階的に見せる」といった場面だ。プレゼン資料や説明動画を自分で作る人にとって、数値→ビジュアル→アニメーションの変換をAIに任せられるかどうかは、制作コストを大きく左右する。

これはデザインツールの話ではなく、「指示を出す力」の話でもある。どのデータをどの切り口で見せるかを人間が設計し、出力をAIに任せる——その役割分担が、コンテンツ制作の現場で具体的に試されているフェーズに来ている。

Claude Codeで試す最初の一手:「帯グラフ+アニメーション動画」を生成してみる

触りたい人へ向けた具体的な手順をまとめる。Claude Codeは現在、AnthropicのAPIアクセス、またはClaude.aiのProプラン(月$20)経由でターミナルから利用できる。

まず試す価値があるのは、以下のような指示文だ:

「データの割合を帯グラフとして表現し、左から順に各要素を切り落とすアニメーション付きのMP4動画を生成してください。データ:ネットワーク遅延60%、トークン出力処理34%、実際の推論6%。背景は黒、テキストは白、フォントはシンプルなもので。」

Claude Codeはこうした指示を受けてPythonスクリプト(matplotlibやffmpegを使ったコード)を生成し、実行まで行うことができる。完全に動作するかは環境次第だが、「何が生成されるか」を確認するだけでも、コンテンツ制作フローの感触をつかめる。

コードの中身を読む必要はない。出力された動画が意図通りか判断し、ずれていれば「グラフの色を変えて」「テキストをもう少し大きく」と追加で指示を重ねていく。このやりとりの繰り返しがそのままコンテンツ制作のフローになる。

Pythonが書ける人向け:出力コードをカスタマイズする切り口

Claude Codeが生成したコードをそのまま流用・改変できる人には、いくつかの発展的な使い方がある。

ひとつは「複数バリエーションの一括生成」だ。帯グラフのデータ部分だけを変数化しておき、データセットをループで流せば、似た構造の動画を複数パターン自動生成できる。LP上の数値説明や、比較コンテンツを量産する用途に向いている。

もうひとつは「フォントとアニメーションのテイスト調整」だ。matplotlibのアニメーション関数(FuncAnimation)を直接いじることで、切り落とすスピードや色の遷移を細かくコントロールできる。Claude Codeに「もう少しゆっくり切り落とすように変更して」と指示し、diff形式で差分だけ受け取るやり方が効率的だ。

Claude Codeの仕組みや活用の広がりについては「AIがコードを自律最適化、動画処理が劇的に速くなる」も参照すると、コード生成AIがどこまで実務に食い込んできているかが把握できる。

元になったツイート

  • Claude Code × Opus 5.5 架空のAIサービス「setsuna」の紹介動画を30秒で作成 テーマは「AIの返事を待つ時間」。 1回の返事にかかる2.4秒のうち、AIが実際に考えているのは6%だけ、という設定です。 ・待ち時間の内訳を帯グラフにして、1つずつ切り落とす https://t.co/P4Z8zMDowo

  • おはようございます。 お仕事の方も お勉強の方も お休みの方も 飲み物を飲んで まったりと過ごしませんか? #フォロバ100 #相互フォロー募集中 #生成AI画像 https://t.co/Aeinv0qP5R

  • おはようございます。 今日も頑張ってね。 頑張っている人を応援します。 これを見た人はみんないい日になりますように。 動物/運気アップ 生成AI画像です https://t.co/AMmIwPT6Hw

参照ソース