slidev-presenter-mode

Slidev 発表者モード

このスキルでは、スピーカーノート、タイマー、スライド一覧、リモート操作機能など、プロフェッショナルなプレゼンテーションで Slidev の発表者モードを使用する方法を説明します。

このスキルを使用する場面

• ライブプレゼンテーションの準備
• スピーカーノートの追加
• デュアルスクリーンのセットアップ
• スマートフォンからのリモート操作
• タイマーを使ったリハーサル

発表者モードへのアクセス

ナビゲーションから

ナビゲーションバー（左下）にある発表者アイコンをクリックします。

URL から

次の URL に直接アクセスします。

http://localhost:3030/presenter

キーボードショートカット

p を押すと発表者モードを切り替えられます（設定によって異なります）。

発表者インターフェース

発表者ビューには、次の情報が表示されます。

1. 現在のスライド - 聴衆に表示されるスライド
2. 次のスライドのプレビュー - 次に表示されるスライド
3. スピーカーノート - 自分用のメモ
4. タイマー - 経過時間／残り時間
5. スライドナビゲーター - 任意のスライドにすばやく移動
6. クリックカウンター - 現在のアニメーション状態

スピーカーノート

ノートの追加

スライドの末尾に HTML コメントを使用します。

# My Slide

Content visible to audience.

ノート内の Markdown

ノートでは Markdown の書式を使用できます。

複数行のノート

ノートのベストプラクティス

デュアルスクリーンのセットアップ

推奨されるセットアップ

1. 外部ディスプレイでブラウザーを プレイモード で開きます。

   http://localhost:3030
   

2. 自分の画面でブラウザーを 発表者モード で開きます。

   http://localhost:3030/presenter
   

3. プレイモードのウィンドウを聴衆に共有／投影します。

自動同期

両方のウィンドウは自動的に同期されます。

• ナビゲーションが同期されます
• クリックアニメーションが同期されます
• 描画が同期されます（有効にしている場合）

タイマー機能

開始／停止

• タイマーをクリックすると開始／一時停止します
• もう一度クリックすると再開します

タイマーの表示

次の情報が表示されます。

• 経過時間
• カウントダウンに設定可能

タイマーのヒント

• プレゼンテーションの開始時にタイマーを開始します
• 時間管理に使用します
• 発表者にのみ表示されます

リモート操作

別のデバイスから操作する

1. リモートアクセスを有効にしてサーバーを起動します。

   slidev --remote
   

2. 表示された URL を控えます（またはローカルネットワークの IP を使用します）。

3. スマートフォン／タブレットで URL を開きます。

4. プレゼンテーションをリモート操作します。

パスワード保護

slidev --remote=your_password

次の URL からアクセスします。

http://[ip]:3030/presenter?password=your_password

QR コード

Slidev では、モバイルから簡単にアクセスできるよう QR コードを表示できます。

一覧モード

一覧へのアクセス

• o キーを押します
• または /overview に移動します

機能

• すべてのスライドを一度に確認できます
• クリックして任意のスライドに移動できます
• ノートをインラインで編集できます（一覧モード）
• クリックアニメーションをプレビューできます

発表者モードでのナビゲーション

キーボードショートカット

キー	操作
Space / →	次のアニメーション／スライド
←	前のアニメーション／スライド
↑ / ↓	前／次のスライド（アニメーションをスキップ）
o	一覧モード
g	スライド番号を指定して移動
Esc	全画面表示／一覧を終了

タッチ／スワイプ

タッチデバイスでは、次の操作ができます。

• 左にスワイプ：次のスライド
• 右にスワイプ：前のスライド

クリック領域

発表者モードでは、次のように操作できます。

• 左側：前へ
• 右側：次へ

発表者モードの設定

Frontmatter で設定する

---
# Remote access settings
remote: true

# Presenter notes settings
presenter: true
---

共有リンクで発表者モードを無効にする

共有する場合：

slidev build

ビルド版には、デフォルトでは発表者モードが含まれません。

描画ツール

描画を有効にする

---
drawings:
  enabled: true
  persist: false
  syncAll: true
---

描画を使用する

• 発表者モードでペンアイコンをクリックします
• 現在のスライドに描画します
• 描画は聴衆のビューにも同期されます

発表者専用の描画

---
drawings:
  presenterOnly: true
---

発表者のみが描画でき、その内容は全員に表示されます。

録画機能

組み込みの録画

1. 発表者モードで録画ボタンをクリックします
2. 録画する画面／ウィンドウを選択します
3. 必要に応じてカメラを有効にします
4. 録画を開始します

録画オプション

• 画面のみ
• 画面＋カメラ
• ピクチャーインピクチャーでカメラを表示

プレゼンテーションのワークフロー

発表前

1. セットアップをテストする：デュアルスクリーンが動作することを確認します
2. ノートを確認する：すべてのスピーカーノートに目を通します
3. 練習する：タイマーを使って通しで練習します
4. アニメーションを確認する：すべてのクリック操作が機能することを確認します
5. リモート操作をテストする：スマートフォンで操作する場合

発表中

1. ノートを活用する：重要なポイントを確認します
2. タイマーを確認する：予定どおりに進めます
3. 次のスライドをプレビューする：次に表示される内容を把握します
4. 進行速度を調整する：クリックカウンターを活用します

チェックリスト

PRE-PRESENTATION:
- [ ] Laptop charged/plugged in
- [ ] Projector/display connected
- [ ] Correct resolution set
- [ ] Browser in fullscreen (F11)
- [ ] Notifications disabled
- [ ] Presenter window on laptop screen
- [ ] Play window on projector

DURING:
- [ ] Timer started
- [ ] Notes visible
- [ ] Water nearby

POST:
- [ ] Save any drawings
- [ ] Export if needed

高度な機能

プレゼンターのレイアウトのカスタマイズ

テーマを使って、プレゼンタービューをカスタマイズできます。

複数のプレゼンター

共同でプレゼンテーションを行う場合：

1. 両者がプレゼンターモードにアクセスします
2. ナビゲーションを操作する人を指定します
3. 他の人は表示できますが、操作はできません

リハーサルモード

# Practice without audience
slidev --open

その後、ローカルでプレゼンターモードを使って練習します。

トラブルシューティング

ウィンドウが同期されない

1. 両方のウィンドウで同じ URL ベースを使っていることを確認します
2. 両方のウィンドウを更新します
3. ネットワーク／ファイアウォールを確認します

ノートが表示されない

1. コメントの構文を確認します：``
2. ノートはスライドの末尾に記述する必要があります
3. ノートの前に構文エラーがないか確認します

タイマーのリセット

タイマーはセッション中は保持されますが、ページを再読み込みするとリセットされます。

出力形式

プレゼンター向けのコンテンツを準備する場合：

# [Slide Title]

[Visible content for audience]

プレゼンターの設定：

1. 観客向け URL：http://localhost:3030
2. プレゼンター向け URL：http://localhost:3030/presenter
3. リモート URL：http://[IP]:3030/?password=[pass]