---
title: "Cursor Agentで生成したHTMLスライドをレビュー用URLにして共有する方法"
description: "Cursor AgentでHTMLスライドを生成してURLで共有したいエンジニアや企画担当者向け。スライドライブラリのファイル依存関係や認証設定を理解し、相手が確認しやすい形で共有できるようになる記事。"
image: "https://giga-site.com/og-image.png"
canonical: "https://giga-site.com/articles/cursor-agent-slide-html-review-url"
markdown: "https://giga-site.com/articles/cursor-agent-slide-html-review-url/index.md"
category: "AI活用"
publishedAt: "2026-06-25"
updatedAt: "2026-06-25"
readingMinutes: 5
---
# Cursor Agentで生成したHTMLスライドをレビュー用URLにして共有する方法
Cursor AgentでHTMLスライドを生成した後、「これをどう共有しよう」と悩む人は少なくない。PowerPointに変換するのは手間で、メールでZIPを送っても相手がスライドショーとして開ける保証がない。URLを発行すれば相手がブラウザで即座に操作でき、矢印キーでスライドを進めながらフィードバックをもらえる。スライドファイル特有の準備と共有フローを整理する。
> Source HTML: https://giga-site.com/articles/cursor-agent-slide-html-review-url
> Article index: https://giga-site.com/articles/index.md
## 何が共有しづらいのか
Cursor AgentがReveal.jsベースのスライドを生成した場合、`dist/reveal.css`・`dist/reveal.js`・`plugin/`ディレクトリが揃っていないと動作しない。HTMLファイル単体を取り出してメールで送っても相手のブラウザではスタイルが一切当たらず、テキストが縦に列挙されるだけになる。HTMLファイルと関連リソース一式をZIPにまとめてアップロードできるサービスを使うことが必須だ。
HTMLスライドはマウスでクリックして進むだけでなく、スペースバー・矢印キー・Fキー（全画面）など複数の操作方法があることを知らないレビュアーが多い。「うまく操作できなかった」という理由でフィードバックが来なくなることを防ぐために、URLと一緒に「矢印キーまたはクリックでスライドを進められます。Fキーで全画面になります」という一文を送ることがフィードバック品質を高める最も簡単な方法だ。
- 相手がログインなしで開ける状態か確認する
- PCとスマホで最低1回ずつ表示を確認する
- 内部情報・個人情報・不要な外部送信が残っていないか見る
- レビュー期限と修正時の差し替え方を決めておく
## URL化する前の確認点
Cursor Agentがスライドに埋め込んだ外部画像（Unsplashなどのストックフォト）は、著作権の観点で商用プロジェクトに使えない場合がある。レビュー段階でも著作権が明確でない画像をURLで広く共有することは避け、Creative Commonsライセンスの素材かプレースホルダ画像に差し替えてからURLを発行する。
スライドのJavaScriptにシンタックスエラーがあると、その後のスライドに進めなくなる。ブラウザのコンソールを開いた状態でスライドを最初から最後まで一周して、エラーが発生しないことを確認する。特にCursor Agentがカスタムアニメーションを追加した場合にエラーが起きやすい傾向がある。
- HTML内の外部script・form action・iframeを確認する
- APIキーやトークンらしき文字列がないか検索する
- 画像・CSS・JSのパスが公開後も解決できるか見る
- noindexと認証を混同せず、必要なら両方設定する
## 認証と期限の決め方
社外のクライアントに提案スライドを事前確認してもらう場合、パスワード認証でURLを保護したうえで期限を商談当日まで設定するのが適切だ。URLをパスワードなしで渡すと、クライアントの社内で意図せず拡散する可能性があり、競合他社に提案内容が漏れるリスクが生じる。
社内全員への周知に使う説明会スライドは、全社Slackチャンネルに認証なしのURLを投稿しても問題ないケースが多い。ただし有効期限を説明会から1〜2週間に設定しておくことで、半年後に古い方針のスライドが「現行」として参照されるリスクを防ぐ。
- 誰でも見てよい: URL共有のみでもよいが、検索除外は確認する
- 特定の相手だけ: パスワードまたはメール認証を使う
- 会社内だけ: 会社ドメイン認証を検討する
- 短期レビュー: 期限を設定して古いURLを残さない
## 共有後のフィードバック回収
HTMLスライドのフィードバックをもらう際に「スライドのどこが分かりにくかったか」とだけ聞くと、回答が「全部大丈夫です」で終わりやすい。「10秒でスライドの結論を一言で言えますか？」というクローズドな質問を最初に設定すると、スライドのメッセージ強度が確認できる。答えられない場合は構成の改善が必要なサインだ。
フィードバックをもらった後、修正が入ったスライドのURLを通知する際は変更スライドのナンバーを明記する。「スライド3・7・12を修正しました」と伝えることで、レビュアーが全スライドを見直す手間を省き、差分確認の効率が上がる。
- 確認してほしい観点を3つ以内に絞る
- 期限と返信先を明記する
- 修正後も同じURLで見られるか伝える
- 最終版と途中版が混ざらないようタイトルを付ける
## よくある質問
### Cursor AgentがSPA(シングルページ)形式でスライドを生成した場合もZIPが必要か？
CSSとJSをすべてインライン化してHTMLファイル1枚で完結している場合は、そのHTMLファイル単体をアップロードするだけでURLを発行できる。ただし外部CDNへの依存がある場合は事前に確認が必要だ。
### Reveal.jsスライドでスライド数が多くなりすぎた場合、URLを開いてから最終スライドに到達するまで全部操作してもらうのは現実的か？
20枚を超えるスライドをすべてレビューしてもらうのは現実的でない。「スライド1〜5だけ見てください」と範囲を絞るか、Reveal.jsの目次機能（`o`キーで一覧表示）を使って確認してほしいスライドを指定する方法が効果的だ。
### スライドのURLを会議室の大画面に映してプレゼンする場合の準備は？
会議室のPCのブラウザでURLを開き、Fキーで全画面表示されることを事前に確認する。外部ネットワーク環境でCDNからのスクリプトが読み込まれないリスクを避けるため、全リソースをローカルにバンドルしたバージョンのURLを別途用意しておくと安心だ。
## 関連記事
- [Cursor Agentで生成したLP案をレビュー用URLにして共有する方法](https://giga-site.com/articles/cursor-agent-lp-draft-review-url/index.md)
- [Cursor Agentで生成した管理画面モックをレビュー用URLにして共有する方法](https://giga-site.com/articles/cursor-agent-admin-mock-review-url/index.md)
- [Cursor Agentで生成したフォーム付きページをレビュー用URLにして共有する方法](https://giga-site.com/articles/cursor-agent-form-page-review-url/index.md)
- [Cursor Agentで生成した社内ツール風プロトタイプをレビュー用URLにして共有する方法](https://giga-site.com/articles/cursor-agent-internal-tool-prototype-review-url/index.md)
- [ChatGPT Agentで生成したHTMLスライドをレビュー用URLにして共有する方法](https://giga-site.com/articles/chatgpt-agent-slide-html-review-url/index.md)
- [Windsurf Agentで生成したHTMLスライドをレビュー用URLにして共有する方法](https://giga-site.com/articles/windsurf-agent-slide-html-review-url/index.md)
```json
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "Cursor Agentで生成したHTMLスライドをレビュー用URLにして共有する方法",
"description": "Cursor AgentでHTMLスライドを生成してURLで共有したいエンジニアや企画担当者向け。スライドライブラリのファイル依存関係や認証設定を理解し、相手が確認しやすい形で共有できるようになる記事。",
"datePublished": "2026-06-25",
"dateModified": "2026-06-25",
"mainEntityOfPage": "https://giga-site.com/articles/cursor-agent-slide-html-review-url",
"url": "https://giga-site.com/articles/cursor-agent-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": "Cursor AgentがSPA(シングルページ)形式でスライドを生成した場合もZIPが必要か？",
"acceptedAnswer": {
"@type": "Answer",
"text": "CSSとJSをすべてインライン化してHTMLファイル1枚で完結している場合は、そのHTMLファイル単体をアップロードするだけでURLを発行できる。ただし外部CDNへの依存がある場合は事前に確認が必要だ。"
}
},
{
"@type": "Question",
"name": "Reveal.jsスライドでスライド数が多くなりすぎた場合、URLを開いてから最終スライドに到達するまで全部操作してもらうのは現実的か？",
"acceptedAnswer": {
"@type": "Answer",
"text": "20枚を超えるスライドをすべてレビューしてもらうのは現実的でない。「スライド1〜5だけ見てください」と範囲を絞るか、Reveal.jsの目次機能（`o`キーで一覧表示）を使って確認してほしいスライドを指定する方法が効果的だ。"
}
},
{
"@type": "Question",
"name": "スライドのURLを会議室の大画面に映してプレゼンする場合の準備は？",
"acceptedAnswer": {
"@type": "Answer",
"text": "会議室のPCのブラウザでURLを開き、Fキーで全画面表示されることを事前に確認する。外部ネットワーク環境でCDNからのスクリプトが読み込まれないリスクを避けるため、全リソースをローカルにバンドルしたバージョンのURLを別途用意しておくと安心だ。"
}
}
]
}
```