---
title: "Dora AIで生成したHTMLスライドをレビュー用URLにして共有する方法"
description: "ページ遷移アニメーションはファイルでは再現されず、URLで見てもらうのが唯一の方法だ。Dora AIが出力するHTMLスライドを発表前のコンテンツチェックや社内レビューで使うために、ギガサイト便で認証付きURLを発行する手順を具体的に説明する。"
image: "https://giga-site.com/og-image.png"
canonical: "https://giga-site.com/articles/dora-ai-slide-html-review-url"
markdown: "https://giga-site.com/articles/dora-ai-slide-html-review-url/index.md"
category: "AI活用"
publishedAt: "2026-06-25"
updatedAt: "2026-06-25"
readingMinutes: 5
---
# Dora AIで生成したHTMLスライドをレビュー用URLにして共有する方法

Dora AIが出力するHTMLスライドはスムーズなページ遷移とアニメーションが特徴だが、ファイルで渡しても動作しないケースが多く、URLで共有するのが最も確実だ。ギガサイト便を使えば認証付きのURLを発行でき、発表前のコンテンツチェックやデザインレビューを安全に進められる。

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

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

Dora AIのスライドはThree.jsやGSAPを使ったリッチなアニメーションを含むことがある。これらのライブラリはCDNから非同期に読み込まれるため、ネットワークが遅い環境やオフラインではスライドの初期描画に時間がかかったり、アニメーションが全くスキップされたりする。URLでアクセスする形式であればギガサイト便のCDNから高速配信されるため、レビュアーが快適に操作できる。

スライドを会議室のプロジェクターに映しながらリモートのレビュアーにも同時に見てもらいたい場合、スクリーン共有では解像度が劣化する。URLを渡して各自のPCやタブレットで開いてもらえば、フルHDのデザインをそのままの品質で確認でき、「この文字が小さすぎないか」という細かい観点でもフィードバックを得やすい。

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

## URL化する前の確認点

Dora AIのスライドHTMLを開いてページタイトル（`<title>`タグ）を確認する。デフォルトで「Dora AI Presentation」や日付のような汎用的なタイトルが付いていることがあり、URLを共有したときにSlackなどのリンクプレビューにそのタイトルが表示される。レビュアーが複数のスライドURLを受け取った場合に見分けがつかないため、タイトルをわかりやすい名称に変更してから共有する。

印刷・PDF書き出しを想定してprint CSSが含まれていないか確認する。Dora AIのスライドは画面表示に最適化されているため、印刷用CSSがなくてもレビュー目的には問題ないが、「印刷して上長に見せたい」という依頼がある場合は事前に確認して対応方針を決めておく。ページネーション（1 / 10のような表示）がアニメーション実行後にしか出ない仕様なら、スライド番号を固定で入れておく修正も検討する。

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

## 認証と期限の決め方

社内の発表練習用ならドメイン認証が最もシンプルだ。「company.co.jpのアカウントで開いてください」という一文を添えるだけで全社員が認証をクリアできる。ただし社外の講演共催者や監修者に見せる場合は、その人のメールアドレスでメール認証を設定し、社内ドメイン認証と並行させることはできないため、社外向けには別のURLを発行する。

発表の1週間前から期限を設定し、最終のレビュー期限は発表3日前にする。その後の修正はデザイナーとコンテンツ担当者のみが関わり、外部のステークホルダーにはレビューURL（期限切れ）ではなく当日の発表URLか本番公開後のURLを案内する。修正履歴を保持するためにバージョンごとのHTMLを手元に保存しておくことを勧める。

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

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

スライドのフィードバックは「コンテンツ」「デザイン」「発表順序」の3カテゴリに分けて依頼すると整理しやすい。「各スライドのメッセージが一文で言えるか（コンテンツ）」「フォントサイズや配色に気になる部分があるか（デザイン）」「スライドの順番が論理的に感じるか（構成）」という3点をそれぞれ確認してもらう形式で依頼すると、修正担当者へのタスク割り当てが明確になる。

スライド番号を明示したフィードバックフォームを用意するとさらに効率が上がる。「スライド番号・カテゴリ（コンテンツ/デザイン/構成）・指摘内容・優先度（高/中/低）」を記入してもらうGoogle Formsを作成し、URLとセットで送る。こうすることで複数のレビュアーの意見を一つのシートに集約でき、「スライド7のデザインを高優先で修正する」という判断を数分で下せる。

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

## よくある質問

### スライドのページ送りキーボードショートカットがURLで開いた場合も使えますか？

HTMLスライドのキーボードナビゲーション（矢印キー・スペースキーなど）はURLでアクセスした場合でも通常通り動作します。ただしブラウザのスクロール挙動と干渉する場合は、スライドの枠内をクリックしてフォーカスを当ててから操作してください。

### 複数のレビュアーに同じURLを共有しても問題ありませんか？

パスワード認証の場合は全員同じパスワードでアクセスできます。誰がアクセスしたか管理したい場合はメール認証にして各自のアドレスを招待すると、アクセスログが記録されて管理しやすくなります。

### 発表当日に同じURLをプロジェクターで映してもよいですか？

レビュー用URLは期限が設定されているため、発表当日に期限が切れていると映せません。本番発表では認証なしの公開URLに切り替えるか、HTMLファイルをローカルで開く方法を別途用意しておくことを推奨します。

## 関連記事

- [Dora AIで生成したLP案をレビュー用URLにして共有する方法](https://giga-site.com/articles/dora-ai-lp-draft-review-url/index.md)
- [Dora AIで生成した管理画面モックをレビュー用URLにして共有する方法](https://giga-site.com/articles/dora-ai-admin-mock-review-url/index.md)
- [Dora AIで生成したフォーム付きページをレビュー用URLにして共有する方法](https://giga-site.com/articles/dora-ai-form-page-review-url/index.md)
- [Dora AIで生成した社内ツール風プロトタイプをレビュー用URLにして共有する方法](https://giga-site.com/articles/dora-ai-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": "Dora AIで生成したHTMLスライドをレビュー用URLにして共有する方法",
  "description": "ページ遷移アニメーションはファイルでは再現されず、URLで見てもらうのが唯一の方法だ。Dora AIが出力するHTMLスライドを発表前のコンテンツチェックや社内レビューで使うために、ギガサイト便で認証付きURLを発行する手順を具体的に説明する。",
  "datePublished": "2026-06-25",
  "dateModified": "2026-06-25",
  "mainEntityOfPage": "https://giga-site.com/articles/dora-ai-slide-html-review-url",
  "url": "https://giga-site.com/articles/dora-ai-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": "スライドのページ送りキーボードショートカットがURLで開いた場合も使えますか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "HTMLスライドのキーボードナビゲーション（矢印キー・スペースキーなど）はURLでアクセスした場合でも通常通り動作します。ただしブラウザのスクロール挙動と干渉する場合は、スライドの枠内をクリックしてフォーカスを当ててから操作してください。"
      }
    },
    {
      "@type": "Question",
      "name": "複数のレビュアーに同じURLを共有しても問題ありませんか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "パスワード認証の場合は全員同じパスワードでアクセスできます。誰がアクセスしたか管理したい場合はメール認証にして各自のアドレスを招待すると、アクセスログが記録されて管理しやすくなります。"
      }
    },
    {
      "@type": "Question",
      "name": "発表当日に同じURLをプロジェクターで映してもよいですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "レビュー用URLは期限が設定されているため、発表当日に期限が切れていると映せません。本番発表では認証なしの公開URLに切り替えるか、HTMLファイルをローカルで開く方法を別途用意しておくことを推奨します。"
      }
    }
  ]
}
```
