# Search Typing: 検索バーのアニメーション

カメラは、大きな検索フィールドにわたってクエリを追跡します。 Subclipで編集できる動画テンプレート。

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

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-snapcn-search-typing.mp4?v=9737c498d0

フレームよりも大きい広い検索フィールドが前方に移動し、自然なポーズでクエリを入力し、パンしてテキストを追い、その後後退します。

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

シーンはショットよりも広い丸い検索フィールドで開き、その約 3 分の 2 が明るい背景に表示されます。次に、フィールドがカメラに近づき、単語の間と句読点の後に人間が少し間を置いて、その左半分にクエリが入力されます。テキストが端に達すると、ビューが右半分にパンして行が終了し、しばらく保持してから元に戻ります。約7秒間実行されます。

クエリを作成し、入力速度、人間味のあるリズム、単語と句読点の一時停止、開始遅延を設定できます。個別のコントロールは、前進、パン、ホールド、引き戻しの時間を計測し、さらにフィールドがどのくらい前に進み、どのくらいフレーム内に留まるかを計測します。キャレットのスタイル、点滅速度、表面、アイコン、フォントの太さ、モード、フォントはすべて調整可能です。 AI 検索やコマンド パレットのデモに使用します。

## 活用例

- AI検索製品デモ
- コマンドパレットのチュートリアル
- 動画の冒頭にある質問フック

## 変更できる項目

- `speed`: 再生速度 (数値)
- `text`: 検索テキスト (テキスト)
- `charsPerSecond`: タイピング速度 (数値)
- `humanize`: 自然なタイピングリズム (数値)
- `wordPause`: 言葉と言葉の間で一時停止する (数値)
- `punctuationPause`: 句読点の後に一時停止する (数値)
- `startDelay`: 開始遅延 (数値)
- `dollyDuration`: 前進期間 (数値)
- `panDuration`: パンの長さ (数値)
- `holdAfter`: 入力後に押し続ける (数値)
- `recedeDuration`: プルバック持続時間 (数値)
- `dolly`: 前進量 (数値)
- `fieldHeight`: フィールドの高さ (数値)
- `frontVisible`: 可視フィールド部分 (数値)
- `edgeInset`: エッジインセット (数値)
- `caretBlinksPerSecond`: キャレットの点滅速度 (数値)
- `caret`: キャレットスタイル (オン / オフ)
- `surface`: フィールド面 (テキスト)
- `mode`: ライトモードまたはダークモード (テキスト)
- `icon`: 検索アイコン (テキスト)
- `fontWeight`: フォントの太さ (数値)
- `seed`: ランダムな変動 (テキスト)
- `fontFamily`: フォント (テキスト)
- `stageBackground`: 現場の背景 (色)

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

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

snapcnのSearch Typingをベースに作成: https://snapcn.dev