AI活用

Windsurf Agentで生成したHTMLスライドをレビュー用URLにして共有する方法

Windsurf Agentを使えばReveal.jsやImpress.jsベースのHTMLスライドを素早く生成できるが、そのまま「ファイルを送ります」では相手がローカルで開けず、スライドの動きが伝わらない。URLで共有することでアニメーションやスライド遷移ごと確認してもらえるようになる。この記事では公開前チェックから認証・フィードバック回収までを一連の流れで解説する。

何が共有しづらいのか

Reveal.jsなどのHTMLスライドはJavaScriptで動作するため、ローカルのfile://プロトコルでは一部の機能がCORSエラーで動かない。発表者ノートやスピーカービューを確認したい場合は特に顕著で、送ったファイルを相手がダブルクリックしても「スライドが動かない」という返信が来やすい。URLとして公開することでhttp(s)プロトコル上で動作し、こうした問題が解消される。

スライドが複数章に分かれていてセクションごとにHTMLファイルが分割されている場合、1ファイルだけ送ると他の章が見られない。フォルダ構造をまとめてアップロードできるサービスを使わないと、章をまたいだ流れを通しで確認してもらえなくなる。

  • 相手がログインなしで開ける状態か確認する
  • PCとスマホで最低1回ずつ表示を確認する
  • 内部情報・個人情報・不要な外部送信が残っていないか見る
  • レビュー期限と修正時の差し替え方を決めておく

URL化する前の確認点

WindsurfがReveal.jsを使ったスライドを生成した場合、CDNからのJS読み込みとローカルのJSのどちらを使っているかを確認する。CDN版はネット接続がないと動かないため、オフライン環境でのプレゼンを想定しているならローカルにJSファイルを含める必要がある。レビュー目的のURL公開であればCDN版でも問題ないが、最終納品ファイルとレビュー用ファイルを混同しないように注意する。

スライドのHTMLにスピーカーノートが含まれている場合、そのノートが公開URLで丸見えになってしまう。ソースコードを右クリックで表示できるのでノートの内容が意図せず共有されてしまう。機密性の高い内容が含まれる場合はノート部分を削除したレビュー専用版を別途作成するか、パスワード認証と組み合わせて閲覧者を限定する。

  • HTML内の外部script・form action・iframeを確認する
  • APIキーやトークンらしき文字列がないか検索する
  • 画像・CSS・JSのパスが公開後も解決できるか見る
  • noindexと認証を混同せず、必要なら両方設定する

認証と期限の決め方

社内プレゼン案のレビューであれば、会社ドメインのメールアドレスを持つ人だけに絞るドメイン認証が最も管理しやすい。社外のデザイン会社やエージェンシーにも見せる場合は、特定メールアドレスを招待する形式か、パスワードを別途通知する方式に切り替える。「誰が見られるか」を一覧で把握できる状態を保つことが、情報管理の基本になる。

講演やセミナーの発表前に資料をレビューしてもらうケースでは、発表日を期限の目安にする。発表が終わったあとも資料URLが生きていると、会場で撮影したQRコードから意図しないアクセスが続く可能性がある。発表日の翌日に自動で失効するよう期限を設定しておくと後処理が不要になる。

  • 誰でも見てよい: URL共有のみでもよいが、検索除外は確認する
  • 特定の相手だけ: パスワードまたはメール認証を使う
  • 会社内だけ: 会社ドメイン認証を検討する
  • 短期レビュー: 期限を設定して古いURLを残さない

共有後のフィードバック回収

スライドのレビューでは「全体の流れ」と「個別スライドの表現」を分けて意見を求めると整理しやすい。URLとあわせて「まずスライド3枚目のメッセージが伝わるか、次に全体の章立てが論理的かを教えてください」と依頼文に書いておくと、レビュアーが観点を絞って答えやすくなる。

スライドは修正サイクルが短いことが多いため、差し替えのたびに「v2に更新しました」とSlackで通知しつつ、URLを同じにしておくと受け取る側の手間が減る。バージョン管理が煩雑になりそうなら、ファイル名にv1・v2を付けてギガサイト便に都度アップロードし、URLごとのアクセスログで「どの版がいつ見られたか」を把握する方法も有効だ。

  • 確認してほしい観点を3つ以内に絞る
  • 期限と返信先を明記する
  • 修正後も同じURLで見られるか伝える
  • 最終版と途中版が混ざらないようタイトルを付ける

よくある質問

Reveal.js製スライドのスピーカービューは共有URL上でも使えますか?

http(s)プロトコルで配信されていれば、スピーカービューを開くためのポップアップウィンドウも動作する。ただしスピーカーノートには発表者用の非公開情報が含まれることが多いため、共有前にノートを削除したレビュー専用版を作成することを推奨する。

スライドのフォントが環境によって変わってしまうことはありますか?

Webフォントを@font-faceでHTMLに直接埋め込むか、Google FontsなどCDN経由で読み込んでいれば環境依存は最小化できる。ローカルフォントに依存している場合はPDFエクスポートして併用するか、フォントファイルをHTMLと同梱してアップロードする。

スライドを共有した相手がダウンロードしてオフラインで使うことはできますか?

ギガサイト便のURL経由では通常ダウンロードを前提とした配布はしない。オフライン利用が必要な場合は別途ZIPファイルを直接送付し、URL共有はレビュー専用と用途を分けるのが明確だ。

関連記事

「AI活用」の記事をもっと見る →