# Skeleton: ローディングスケルトンUI

丸いアバターと2本の線を備えた光沢が流れるローディングのプレースホルダーで、実際のコンテンツへクロスフェードできます。 動画テンプレート。Claude用コードをコピーするか、Subclipで編集できます。

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

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-skeleton.mp4?v=e7720302a3

丸いアバターと2行のテキストの上を光沢が流れるスケルトンのローディングカードです。

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

薄いグレーのプレースホルダーカードに丸いアバターと2行のテキストが表示され、その上を光沢が流れていきます。アプリの読み込み中によく見る表示です。テンプレートはこのローディング状態を4秒間再生します。コードでは、読み込みが終わるとプレースホルダーが実際のコンテンツへクロスフェードします。

レイアウト（アバター付きのカード、または3行の積み重ね）と状態（読み込み中または読み込み完了）に加えて、再生速度と背景も選べます。コンテンツが表示される前のアプリデモ、パフォーマンスや速度の解説動画、デザインシステムの紹介、「近日公開」の演出に使えます。

## 活用例

- アプリの読み込みシーン
- パフォーマンスの解説動画
- デザインシステムの紹介
- 「近日公開」のティザー

## 変更できる項目

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

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

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

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