# Keystroke: キーボードショートカットのオーバーレイ

ショートカットごとに3Dのキーキャップがせり上がり、修飾キーを押したまま正しい順番で押され、跳ね返って消えていきます。 動画テンプレート。Claude用コードをコピーするか、Subclipで編集できます。

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

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

画面下部に現れる物理的なキーキャップが、各ショートカットを正しい順番で押し、押されている間は光り、その後跳ね返ります。

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

明るいグレーの背景の下部にオフホワイトのキーキャップがせり上がり、⌘Kを押します。まず⌘キーが押し込まれ、押したままの状態でKがタップされ、キーが押されている間は刻印が青くなり、その後跳ね返ります。続いてGとIが順番に押され、最後に⇧⌘Pが押されます。新しいショートカットが現れるたびに、前のものは後ろへ下がって暗くなります。短く静止したあとキーキャップは消えます。約6秒で再生されます。

Macの記号とWindowsのキー名を切り替え、ライトまたはダークのテーマを選び、アクセントカラー、キーキャップのサイズ、最後のキーのあと表示を続ける長さ、列の位置に加えて、再生速度と背景も変更できます。ソフトウェアのチュートリアル、キーボード中心の製品デモ、生産性のヒント、開発者ツールの画面録画に使えます。

## 活用例

- ソフトウェアのチュートリアル
- キーボード中心の製品デモ
- 生産性のヒント
- 開発者ツールの画面録画

## 変更できる項目

- `speed`: 再生速度 (数値)
- `platform`: プラットフォーム (テキスト)
- `theme`: テーマ (テキスト)
- `accent`: アクセントカラー (色)
- `size`: キーキャップのサイズ (数値)
- `linger`: 最後のキー後の表示時間（フレーム） (数値)
- `x`: 横位置 (数値)
- `y`: 縦位置 (数値)
- `stageBackground`: 現場の背景 (色)

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

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

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