# Click Type: プロンプトボックスのアニメーション

カーソルでプロンプト ボックスをクリックすると、メッセージが入力されます。 動画テンプレート。Claude用コードをコピーするか、Subclipで編集できます。

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

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-snapcn-click-type.mp4?v=f0b9700819

ガラス製のプロンプト ボックス。カーソルでフィールドをクリックすると、プレースホルダーが自身を書き込み、続いてプロンプトが入力されるボックスにハード カットが続きます。

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

シーンは、柔らかい青のグラデーションの上に曇りのプロンプト ボックスで開きます。丸い送信ボタンとそのプレースホルダーが書き込まれています。カーソルがフレームの端から飛んでフィールドをクリックします。次に、ショットはボックスのクローズアップに切り替わり、「マーケティングを作成してください...」などの実際のプロンプトがキャレットに入力され、その下に小さなヒント行が表示されます。テキストが終了すると、送信ボタンが作動します。 3秒半ほどで動きます。

フィールドの下にプレースホルダー、プロンプト、ヒント テキストを記述し、送信ボタンで使用するアクセント カラーを設定できます。ライトモードとダークモードを切り替え、編集に合わせて再生速度を変更します。これを使用して、AI 製品デモを開いたり、ワークフローの最初のステップを表示したり、結果に進む前にプロンプトを設定したりできます。

## 活用例

- AI アプリのデモ オープナー
- ワークフロー チュートリアルの最初のステップ
- 結果を表示する前にセットアップを促す

## 変更できる項目

- `speed`: 再生速度 (数値)
- `placeholder`: プレースホルダーテキスト (テキスト)
- `prompt`: プロンプトテキスト (テキスト)
- `hint`: ヒントテキスト (テキスト)
- `accentColor`: アクセントカラー (色)
- `mode`: ライトモードまたはダークモード (テキスト)
- `stageBackground`: 現場の背景 (テキスト)

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

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

snapcnのClick Typeをベースに作成: https://snapcn.dev