AI活用

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

Replit AgentにReveal.jsベースのHTMLスライドを生成してもらった場合、ReplitのプレビューURLではアニメーションが一部動作しなかったり、スライドのキーボード操作が利かなかったりすることがある。HTMLをエクスポートして静的なURL上で公開することで、発表と同じ状態のスライドを関係者に確認してもらえる環境が整う。

何が共有しづらいのか

Replitのプレビューパネルはiframeで表示されることが多く、Reveal.jsのフルスクリーンモードやキーボードショートカットが正常に動作しないケースがある。スライドを発表する感覚でレビューしてほしい場合、iframeの制約で操作性が大きく変わってしまうため、独立したURLで直接HTMLを提供するほうがレビューの精度が上がる。

Replitのスリープ問題はスライド共有でも影響する。プレゼン直前にURLを渡した相手が「読み込めない」と困惑するのは避けたい状況だ。静的ホスティングに移せばスリープがなく、いつアクセスされても即座に表示される。発表リハーサル前夜にURLを共有するシナリオでは特に安心感が違う。

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

URL化する前の確認点

Replit AgentがReveal.jsを使ったスライドを生成した場合、JSとCSSをCDNから読み込んでいることが多い。CDNへのアクセスが会場のネット環境で制限される可能性があるなら、Reveal.jsのファイルを同梱する構成に変更する。レビュー段階でCDN版を使い、最終納品物でローカル版に切り替えるという使い分けが効率的だ。

スライドのHTMLが正常に動作するか、Replitからダウンロードしたフォルダをローカルのブラウザで確認する。この際、スライドの最後まで進んで各スライドのアニメーションが動くか、矢印キーとスペースキーでの操作が機能するかをチェックする。特に数式や図を含むスライドはMathJaxやD3.jsとの競合でレンダリングがずれることがある。

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

認証と期限の決め方

社内向けのプレゼン案なら会社ドメイン認証で十分対応できる。社外の協力会社や顧問にも見せる場合は個別メールアドレス招待かパスワード共有に切り替える。スライドの内容が競合他社に漏れると困る場合は、パスワードと期限の両方を設定するダブル保護が安心だ。

スライドのレビュー期限は発表日の3〜5日前に設定するのが現実的だ。「発表の前日まで修正フィードバックを受け付ける」という無制限のレビュー期間は、直前の大規模修正につながりやすく品質低下のリスクがある。レビュー期限を決めることで「この日までに意見を出さないと反映されない」という期限意識をレビュアーに持たせられる。

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

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

スライドのレビューでは「論旨の流れ」「各スライドの情報量」「ビジュアルの適切さ」を分けて意見を求めるのが効果的だ。特に「3枚目と4枚目の順序を入れ替えたほうがよいと思いましたが、いかがでしょう?」のように具体的な提案をレビュアーに促す問いかけをすると、単なる感想より実行可能なフィードバックが返ってくる。

修正版のスライドをアップロードしたら、「v2: スライド5・6を統合し、結論スライドのグラフを最新データに更新」と変更サマリを添えて通知する。スライドは枚数が多いと全部再確認するのに時間がかかるため、変更箇所のスライド番号を伝えるだけでレビュアーの負担が大幅に減る。

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

よくある質問

Reveal.jsのキーボードショートカットはURL公開後も使えますか?

独立したURLで直接HTMLを開いた場合はキーボードショートカットが正常に動作する。ただしiframeで埋め込まれた環境ではキーイベントが遮断されることがある。レビュアーにはURLを直接ブラウザで開いて確認するよう伝える。

スライドのアニメーションが重くてレビュアーのPCで動かない場合はどうすればよいですか?

Reveal.jsの設定でtransition: 'none'に変更してアニメーションを無効にしたレビュー専用版を用意する。コンテンツの確認とアニメーション効果の確認を分けて依頼することで、低スペックPCでもスムーズにレビューが進む。

スライドのURLをSNSで共有してしまうとどうなりますか?

パスワード認証または期限設定をしていれば、URL単体では閲覧できない。認証なしのURLは誰でも閲覧できるため、社内資料をSNS共有してしまう前に認証設定を確認する習慣をつけることが重要だ。

関連記事

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