# Split comparison: 前後

分割画面では、紫色と青緑色のパネルの数値を比較します。 動画テンプレート。Claude用コードをコピーするか、Subclipで編集できます。

Canonical URL: https://www.subclip.app/ja/motion-graphics-templates/remotion/split-comparison

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-split-comparison.mp4?v=a4b54452e4

スライドの前後に分割された画面。両側に 1 つの大きな数字があり、「Before」と「After」というラベルが付けられ、中央の仕切りで区切られています。

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

開くと、フレームが中央で細い線で分割され、中央に小さな丸いマーカーが付いています。左半分は濃い紫色で隅に「Before」とラベルが付けられ、右半分は濃い青緑色で「After」とラベルが付けられています。この例では 38% 対 94% という大きな白い数字が両側にあり、変化がはっきりとわかるように両側の時間が次々と計測されます。それは 5 秒間続きます。

前後の値をコンバージョン率、スコア、時間などの独自の数値に設定します。レイアウトでは両方の数字が大きく中央に配置されるため、小さな画面でも読みやすくなります。無料でサインインした後、Claude、Codex、または別の AI コーディング エージェントのコードをコピーまたはダウンロードしたり、Subclip でケース スタディ、結果の投稿、進捗状況の更新に使用したりできます。

## 活用例

- ケーススタディの結果
- 進捗状況と改善の最新情報
- A/B テストの結果
- 製品発売の指標

## 変更できる項目

- `before`: 前の値 (テキスト)
- `after`: 後の値 (テキスト)

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

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