AI活用

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

ReaddyでHTMLスライドを作ったとき、「PPTXに変換してください」と言いたくなるのは理解できるが、変換するとReveal.jsのようなフレームワークが持つアニメーションやフォントの雰囲気が失われてしまう。HTMLのままURLとして配信する方法を選べば、作ったスライドをそのままの品質でレビュアーに届けることができる。

何が共有しづらいのか

ReaddyのHTMLスライドをZIPでメール送信した場合、相手がWindowsのデフォルトアーカイバで展開すると文字化けが起きることがある。日本語ファイル名やパスを含むZIPはこの問題が起きやすく、結果として「うまく開けませんでした」というやり取りに時間を取られる。URLとして配信する方法ならファイル展開が不要で、ブラウザで即座に確認できる。

スライドの内容が営業秘密や投資家向け未公開情報を含む場合、メール添付で送った後に相手が別の誰かに転送するリスクがある。URLで共有する場合でも認証なしのURLでは同様のリスクがあるため、必ずパスワード認証または閲覧者を限定できるメール認証を設定してから共有する。

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

URL化する前の確認点

ReaddyのHTMLスライドに外部のビデオ埋め込み(YouTubeのiframe・Vimeoのembed)が含まれている場合、そのURLが非公開設定になっていると認証済みのGoogleアカウントでしか再生できないケースがある。レビュアーが動画を再生しようとすると「このビデオは非公開です」と表示されて混乱する。事前に動画の公開設定を「限定公開」または「公開」に変更するか、動画なしのスクリーンショットを代替として埋め込む。

Readdyが生成したスライドHTMLに `<base href="/">` タグが含まれている場合、相対パスの解決先がルートパスになるため、CDNと異なるパスにアップロードしたときにCSSやJSが読み込まれなくなることがある。このタグが不要な場合は削除しておくと、URLのパス構造に依存しない安定した動作が期待できる。

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

認証と期限の決め方

社内の四半期報告スライドは全社員が閲覧対象になるため、会社ドメイン認証を設定して自社メールアドレスでの認証を必須にする。これにより外部からのアクセスを完全にシャットアウトしつつ、社内の全員に同じURLを展開できる。四半期ごとに更新する運用であれば、新しいスライドをアップロードして同じURLを上書きする形にすると管理が楽だ。

外部の取引先やパートナー向けに説明資料としてスライドを共有する場合は、共有先ごとに異なるパスワードを設定する方式が追跡しやすい。「A社向けパスワード」「B社向けパスワード」と管理表を作っておくと、どの取引先がいつアクセスしたかの確認が可能になる。

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

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

スライドのレビューで「5枚目のグラフが意味を取りにくい」というフィードバックを受けた場合、修正後に「5枚目を見直しました」と通知してレビュアーに再確認を促す。修正点を箇条書きにして差し替えの通知に添えると、全体を見直す手間をかけずに修正箇所だけ確認してもらえる。

プレゼン本番前日に最終確認してもらうためにURLを共有する場合、レビュアーに「翌朝までにOKかNGを一言だけ返信してほしい」とシンプルな回答形式を依頼する。意見の粒度を下げて回答コストを最小化することで、期日内にフィードバックが集まりやすくなる。

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

よくある質問

Readdyが生成したHTMLスライドで、フルスクリーン表示に対応しているか確認する方法は?

ブラウザのF11またはリクエストフルスクリーンAPIに対応しているかはHTMLのコードを見ると分かる。Reveal.jsベースのスライドはデフォルトでフルスクリーン対応しているが、カスタム生成のHTMLは対応していないことがある。共有前に自分のブラウザでF11を押して確認しておくと安心だ。

スライドを縦向き(ポートレート)で見たいレビュアーがいる場合、どう対処するか?

HTMLスライドはデフォルトで横向き(ランドスケープ)設計が多い。縦向き表示が必要な場合はCSSのtransformで90度回転させるか、元のスライドをReaddyで縦向き用に再生成してから別URLで共有する。

スライドのURLを共有した後、レビュアーから『音声ナレーションも聞きたい』と言われたら?

音声ファイルをHTMLに埋め込む形式(mp3をBase64化またはZIPに同梱)か、スライドと音声を別々に渡す方法がある。HTMLへの埋め込みが難しければ、スライドURLと別に音声ファイルのダウンロードリンクを渡し、並行して聴いてもらう形式で対応する。

関連記事

AI活用

Readdyで生成したLP案をレビュー用URLにして共有する方法

ReaddyでLP初稿を生成して社内外のレビュアーに安全に共有したいマーケター・デザイナー向け。HTMLの事前チェック・認証設定の選び方・フィードバック回収の効率化まで、LP改善サイクルを加速する具体的な手順を解説する。

5分で読める
「AI活用」の記事をもっと見る →