# Context Menu: コンテキストメニューUI

Back、Reload、Save As...、Inspectを並べた右クリックのコンテキストメニューを開いた状態で表示し、2行目がハイライトされています。 動画テンプレート。Claude用コードをコピーするか、Subclipで編集できます。

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

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-context-menu.mp4?v=7da11e5ac5

4つの操作とホバー中の行を備えた右クリックメニューのパネルで、UIデモでカーソルの位置に置いてすぐ使えます。

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

明るい右クリックメニューのパネルにBack、Reload、Save As...、Inspectの操作が並び、ポインターが重なっているかのようにReloadがハイライトされています。テンプレートはこの開いた状態を4秒間保ちます。コードでは、クリックした位置であるパネルの左上の角から、フェード、拡大、わずかな持ち上がりとともに開き、行にホバーしたり押したりできます。

状態（開いているか閉じているか）とハイライトする行に加えて、再生速度と背景も設定できます。デスクトップアプリやブラウザアプリのデモ、右クリックの機能を説明するチュートリアル、デザインシステムの紹介、UIの操作説明に使えます。

## 活用例

- デスクトップアプリとブラウザアプリのデモ
- 右クリックのチュートリアル
- デザインシステムの紹介
- UIの操作説明

## 変更できる項目

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

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

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

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