HTMLスライド資料（reveal.js等）を共有する方法

HTMLスライドはブラウザで動くまま渡すのが理想

reveal.jsやImpress.jsなどで作ったスライドは、ページ送りのアニメーションやステップ表示、コードのシンタックスハイライトといった演出を含みます。これをPDFに書き出すと、動きや段階表示が失われてしまいます。

参加者には、登壇時と同じ見え方のHTMLをブラウザで開いてもらうのが一番伝わります。スマホやタブレットからでもURLひとつで開けるため、配布や復習の手間がかかりません。

HTMLスライドはCSSやJS、画像、フォントなど複数のファイルで構成されることが多いので、まとめて1つのURLで配信できる手段があると扱いやすくなります。

発表資料の共有でよくある悩み

スライド共有では、直前まで内容を直したい、配布範囲を絞りたい、という2つの悩みがつきまといます。発表ぎりぎりまで修正が入るのに、いったん配ったリンクを送り直すのは現実的ではありません。

また、社内研修や有料セミナーの資料は、申込者や受講者だけに見せたいことが多く、誰でもアクセスできるURLには置きにくいものです。検索に出てこないだけでは不十分で、アクセス自体を制御したい場合があります。

これらを踏まえると、同じURLのまま中身を更新でき、認証で閲覧者を絞れる仕組みがスライド配布に向いています。

共有前チェックリスト

HTMLスライド資料（reveal.js等）を共有は、共有する中身によって確認観点が変わります。見た目、操作、個人情報、外部送信、スマホ表示のどれが重要かを先に決めてからURL化します。

チェックリスト化しておくと、毎回同じ品質で共有できます。手順が決まったら、HTML/ZIPをアップロードして共有URLを発行し、相手に確認してほしい観点と期限を添えて送ります。

• 見た目: PC/スマホ、余白、画像、フォント、折り返しを確認する
• 操作: ボタン、リンク、フォーム、遷移先を確認する
• 情報: 顧客名、社内URL、価格、未公開文言が残っていないか見る
• 共有: 認証、期限、差し替え、レビュー依頼文をセットで決める

スライドを一時URLで配布する手順

具体的な配布の流れを、ギガサイト便を使う例で示します。reveal.jsのスライドはCSS/JS/画像を含むため、ZIPにまとめてアップするのが基本です。

1. スライドのHTMLと関連ファイル(CSS/JS/画像/フォント)を1つのZIPにまとめる
2. トップページにZIPをドロップして共有URLを発行する
3. 配布範囲に応じて認証方式(URLのみ/パスワード/メール認証/会社ドメイン認証)を選ぶ
4. 資料の閲覧可能期間に合わせて公開期限を設定する
5. 発行されたサブドメインURLとQRコードを、発表スライドの最終ページや配布資料に載せる

直前の差し替えと当日のQR配布

HTMLスライド共有の最大の利点は、同じURLのまま中身を差し替えられることです。発表直前に誤字を直したり、当日の質疑を受けて補足ページを足したりしても、参加者に渡したURLは変わりません。

会場ではQRコードを最後のスライドに表示しておけば、参加者がその場でスマホから資料にアクセスできます。配布リストを集める必要がなく、後からの復習にもそのまま使ってもらえます。

終了後に補足版へ差し替える運用もしやすく、当日見た人も同じURLで最新版を確認できます。リンクの再送が不要なのは、運営側にとっても参加者にとっても負担が小さい点です。

受講者限定の配布と公開期限の設定

有料セミナーや社内向け研修では、資料を受講者だけに限定したい場面があります。メール認証(ワンタイムコード)を使えば、申込時のメールアドレス宛にコードを送って本人確認したうえで閲覧してもらえます。社内研修なら会社ドメイン認証で、その企業のメンバーだけに絞れます。

一時公開ページにはnoindexが付くため検索結果には現れませんが、これはアクセス制御ではないので、限定配布したいときは必ず認証を併用してください。公開期限を設定しておけば、視聴期間が過ぎた資料が残り続けることもありません。なお無料プランの公開期限は最長7日なので、長期間の配布が必要なときはプランを選んで運用します。

ギガサイト便は独自ドメインでの本番Webサイト運用ではなく、確認・レビュー・一時共有に向いた位置づけです。スライドの一時配布やレビューの用途に活用するのが適しています。