ノートが表示スライドに追随
HTML Slide Presenterは各スライド内のノートを読み込み、接続したスマートフォンに表示します。表示機器での移動を含め、確認済みのスライドに追随します。アップロード前にHTML内で準備してください。ノートを読み込む機能であり、編集機能はありません。
読む場所と観客画面を分けるもので、データ自体を分離するものではありません。ノートはアップロードしたHTML内に残るため、機密保管として扱わないでください。
AIツールでノートを追加
HTML Slide Presenter skillを使うか、以下の指示で既存の資料を調整するようAIに依頼します。変更前に原本をコピーしてください。
このHTMLスライドの内容、見た目、移動操作を保ってください。各section.slide内にtitle、script、notes（文字列の配列）を持つscript type="application/json" class="slide-notes"を追加してください。資料だけを使って、各スライドに2〜3文の原稿と2つの短い補足を書いてください。ノートは観客用画面で非表示にし、完全なHTMLファイル1つを返してください。ノートを声に出して読み、見づらい表現を短くし、架空の例や数値を取り除きます。原稿はスライドをそのまま読み上げるためでなく、説明を助けるものにしてください。
対応するノート形式
このJSONブロックを対象スライドの中に置きます。titleは識別用、scriptは話す原稿、notesは短い補足です。JSONのフィールド名は英語のままにし、内容はお好みの言語にできます。
<script type="application/json" class="slide-notes">
{"title":"One useful next step","script":"Start with the smallest change we can test this week.","notes":["Pause for questions","Name the owner"]}
</script>スライド内のプレーンテキスト<aside class="notes">も使用できます。ローカルで開いた際も観客に映らないよう、スライド側のスタイルで非表示にします。両形式がある場合、有効なJSONを優先します。
詳しい要件は形式リファレンスを読むか、ノート入りサンプルをダウンロードしてください。
スマートフォンを接続しノートを確認
- スライドをアップロードし、期限を選んでセッションを作ります。
- 表示機器で発表画面を開き、スマートフォンリモコンのQRを読み取ります。
- スマートフォンに表示中のスライドのノートが出るか確認します。
- スマートフォンで進め、次に表示機器の矢印キーを使い、両方の変更にノートが追随するか確認します。
アップロードと操作の詳細はリモコン設定ガイドをご覧ください。両端末に通信が必要で、発表タブは開いたままにします。
ノートがない、古い、読みにくい場合
- 一部のノートがない：そのスライド内のノートブロックに文字が入っているか確認します。空でもスライド移動はできます。
- JSONの形式不正：スライドを変えずに構文を直すようAIに依頼します。コメントや末尾カンマを含むJavaScriptオブジェクトをJSONとして貼らないでください。
- ノートが遅れる、待機中になる：発表タブと接続を確認します。状態が確認されるまで、タップで観客画面が移動したと思い込まないでください。
- ノートが長い：原稿と補足を短くし、操作ボタンに届く余裕を残します。
- 期限切れ：再アップロードし、新しいQRで接続します。
次の発表までに修正
元のHTMLを編集するか、ノートだけの修正をAIに依頼し、完全なファイルを保存して再アップロードします。ローカルでの変更は既存セッションに自動反映されません。
登壇では、ローカルスライドとは別に予備のノートを用意します。オフラインのローカル表示はこのリモコンと同期しません。登壇チェックリストに沿って代替手段も練習してください。