# Chat Flow: チャット会話アニメーション

チャットの会話が進みます。メッセージが入力されて送信され、相手側に入力中のドットが表示され、返信が届き、リアクションが飛び出します。 動画テンプレート。Claude用コードをコピーするか、Subclipで編集できます。

Canonical URL: https://www.subclip.app/ja/motion-graphics-templates/remotion/chat-flow

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-chat-flow.mp4?v=7cfbb558c8

スマートフォン幅のチャットで、送信メッセージが入力欄に入力されて送られ、入力中のドットが返信に変わり、絵文字のリアクションが飛び出します。

- フレームワーク: Remotion
- カテゴリ: SNSとチャット
- 再生時間: 12秒
- アスペクト比: 16:9 横向き
- コード: コードを取得（無料ログイン）：https://www.subclip.app/ja/motion-graphics-templates/remotion/chat-flow

連絡先のヘッダー、スレッド、入力欄を備えたスマートフォン幅のチャットが現れます。デモの準備ができたか相手に尋ねる最初のメッセージが入力欄に入力されて送信され、スレッドへと上がっていきます。受信側の吹き出しに入力中のドットが表示され、それが「Yep, pushing it live now」という返信に変わり、🔥のリアクションが飛び出します。2通目の「Perfect, sending the link over」も入力・送信され、👍が付きます。約12秒です。

再生速度とシーン周りの背景を調整でき、メッセージ、連絡先、色はコードで編集できます。広告で短いストーリーを伝える場面、メッセージ機能の紹介、解説動画へのチャットシーンの追加、共感を呼ぶSNSクリップに使えます。

## 活用例

- ストーリー仕立ての広告
- メッセージ機能のデモ
- 解説動画のチャットシーン
- 共感を呼ぶSNSクリップ

## 変更できる項目

- `speed`: 再生速度 (数値)
- `stageBackground`: 現場の背景 (色)

## このテンプレートの使用方法

1. Mac または Windows 用の Subclip をダウンロードします。このページのすべてのテンプレートはプリインストールされています。
2. [テンプレート]パネルを開き、[Chat Flow]を選択してタイムラインにドロップします。
3. レイヤー設定のテキスト、色、タイミングを変更するか、AI エージェントに編集を依頼します。
4. ビデオをエクスポートするか、コードをダウンロードして独自のプロジェクトでテンプレートを使用します。

remocnのChat Flowをベースに作成: https://remocn.dev