---
title: "Readdyで生成したHTMLスライドをレビュー用URLにして共有する方法"
description: "Readdyで作ったHTMLスライドをアニメーションを保ったまま関係者にレビューしてもらいたいデザイナーや企画担当者向け。外部フォントの安定化・認証設定の判断・フィードバック収集の進め方を解説し、スライドレビューを効率化する方法がわかる。"
image: "https://giga-site.com/og-image.png"
canonical: "https://giga-site.com/articles/readdy-slide-html-review-url"
markdown: "https://giga-site.com/articles/readdy-slide-html-review-url/index.md"
category: "AI活用"
publishedAt: "2026-06-25"
updatedAt: "2026-06-25"
readingMinutes: 5
---
# Readdyで生成したHTMLスライドをレビュー用URLにして共有する方法

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

> Source HTML: https://giga-site.com/articles/readdy-slide-html-review-url
> Article index: https://giga-site.com/articles/index.md

## 何が共有しづらいのか

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と別に音声ファイルのダウンロードリンクを渡し、並行して聴いてもらう形式で対応する。

## 関連記事

- [Readdyで生成したLP案をレビュー用URLにして共有する方法](https://giga-site.com/articles/readdy-lp-draft-review-url/index.md)
- [Readdyで生成した管理画面モックをレビュー用URLにして共有する方法](https://giga-site.com/articles/readdy-admin-mock-review-url/index.md)
- [Readdyで生成したフォーム付きページをレビュー用URLにして共有する方法](https://giga-site.com/articles/readdy-form-page-review-url/index.md)
- [Readdyで生成した社内ツール風プロトタイプをレビュー用URLにして共有する方法](https://giga-site.com/articles/readdy-internal-tool-prototype-review-url/index.md)
- [Firebase Studioで生成したHTMLスライドをレビュー用URLにして共有する方法](https://giga-site.com/articles/firebase-studio-slide-html-review-url/index.md)
- [Google Stitchで生成したHTMLスライドをレビュー用URLにして共有する方法](https://giga-site.com/articles/google-stitch-slide-html-review-url/index.md)

```json
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Readdyで生成したHTMLスライドをレビュー用URLにして共有する方法",
  "description": "Readdyで作ったHTMLスライドをアニメーションを保ったまま関係者にレビューしてもらいたいデザイナーや企画担当者向け。外部フォントの安定化・認証設定の判断・フィードバック収集の進め方を解説し、スライドレビューを効率化する方法がわかる。",
  "datePublished": "2026-06-25",
  "dateModified": "2026-06-25",
  "mainEntityOfPage": "https://giga-site.com/articles/readdy-slide-html-review-url",
  "url": "https://giga-site.com/articles/readdy-slide-html-review-url",
  "inLanguage": "ja",
  "image": "https://giga-site.com/og-image.png",
  "articleSection": "AI活用",
  "author": {
    "@type": "Organization",
    "name": "ギガサイト便"
  },
  "publisher": {
    "@type": "Organization",
    "name": "ギガサイト便"
  },
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Readdyが生成したHTMLスライドで、フルスクリーン表示に対応しているか確認する方法は？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "ブラウザのF11またはリクエストフルスクリーンAPIに対応しているかはHTMLのコードを見ると分かる。Reveal.jsベースのスライドはデフォルトでフルスクリーン対応しているが、カスタム生成のHTMLは対応していないことがある。共有前に自分のブラウザでF11を押して確認しておくと安心だ。"
      }
    },
    {
      "@type": "Question",
      "name": "スライドを縦向き（ポートレート）で見たいレビュアーがいる場合、どう対処するか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "HTMLスライドはデフォルトで横向き（ランドスケープ）設計が多い。縦向き表示が必要な場合はCSSのtransformで90度回転させるか、元のスライドをReaddyで縦向き用に再生成してから別URLで共有する。"
      }
    },
    {
      "@type": "Question",
      "name": "スライドのURLを共有した後、レビュアーから『音声ナレーションも聞きたい』と言われたら？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "音声ファイルをHTMLに埋め込む形式（mp3をBase64化またはZIPに同梱）か、スライドと音声を別々に渡す方法がある。HTMLへの埋め込みが難しければ、スライドURLと別に音声ファイルのダウンロードリンクを渡し、並行して聴いてもらう形式で対応する。"
      }
    }
  ]
}
```