---
title: "Gemini CLIで生成したHTMLスライドをレビュー用URLにして共有する方法"
description: "会議前に急いで作ったHTMLスライドを、ファイルの受け渡しなしにすぐ見てもらいたい。Gemini CLIが生成したブラウザ動作型プレゼンをチームにフィードバックしてもらうまでの最短ルートとして、ギガサイト便でURL発行する具体的な手順を説明する。"
image: "https://giga-site.com/og-image.png"
canonical: "https://giga-site.com/articles/gemini-cli-slide-html-review-url"
markdown: "https://giga-site.com/articles/gemini-cli-slide-html-review-url/index.md"
category: "AI活用"
publishedAt: "2026-06-25"
updatedAt: "2026-06-25"
readingMinutes: 4
---
# Gemini CLIで生成したHTMLスライドをレビュー用URLにして共有する方法

Gemini CLIはMarkdownやテキストの指示から直接HTMLスライドを生成でき、会議前のたたき台を短時間で作れる。発表前にチームのフィードバックを受けたいなら、ファイルの受け渡しを省いてURLで即共有するのが最もスムーズな方法だ。

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

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

Gemini CLIが生成するHTMLスライドはCSSアニメーションやflex/gridレイアウトを多用することが多く、古いブラウザやメールクライアントのプレビューでは崩れて表示される。URLで共有すればChrome最新版での表示を統一でき、「自分の環境だとおかしい」という報告を減らせる。

スライドのHTMLが単一ファイルであっても、背景画像をBase64エンコードせず外部URLで参照している場合、その画像URLが社内の認証付きサーバーにあると社外のレビュアーには表示されない。公開前に画像をBase64に変換してHTMLに埋め込むか、一般アクセス可能なURLに差し替えてから共有する。

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

## URL化する前の確認点

スライドのHTMLをテキストエディタで開き、`<script>`タグ内に`location.href`や`window.history.pushState`などのナビゲーション操作がないか確認する。これらが誤って含まれていると、スライドを操作した際にブラウザのURLが変化して共有URLがズレるトラブルが起きることがある。

スライド内のテキストに、Gemini CLIへのプロンプトそのものや指示文が残っているケースがある。「ここに会社名を入れてください」「TODO: 数値を更新」などのプレースホルダが残ったまま共有されると、クライアントや役員に未完成の印象を与えるため、公開前に全文テキスト検索で確認する。

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

## 認証と期限の決め方

役員向けの戦略発表スライドは機密度が高いため、メール認証で役員メールアドレスを個別に登録する方式が望ましい。有効期限は発表当日の翌朝に設定し、発表後すぐにアクセスできなくなるよう事前に設定しておく。

外部勉強会やウェビナーで参加者に配布するスライドは、会後の復習用として長期間アクセスできるようにすることが多い。その場合は検索インデックスへの登録を防ぐnoindex設定だけ確認し、URLを知っている人だけがアクセスできる状態を維持する。

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

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

スライドのレビューを依頼するときは「発表の流れが論理的に追えるか」と「各スライドの情報量は多すぎないか」の2点を確認してほしい観点として明記すると、構成に関する具体的なコメントが集まりやすい。

フィードバックを複数人から集める場合、コメントをGoogleスプレッドシートに集約し「スライド番号・指摘内容・対応ステータス」の列で管理する方法が整理しやすい。URLと一緒にスプレッドシートのURLも送付し、コメントはそちらに書いてもらうよう依頼すると、Slackのスレッドが長くなる問題を防げる。

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

## よくある質問

### スライドに「TODO」や「ここを修正」などのメモが残っている場合、どうすれば確認できますか？

テキストエディタでHTMLを開き「TODO」「TBD」「要修正」「placeholder」で検索してください。また、ブラウザでCtrl+Fを使いスライド全ページを送りながら表示テキストを目視確認する方法も有効です。

### 役員向け戦略スライドを発表後すぐにアクセス不可にするには？

共有ツールの有効期限機能で発表当日の翌朝0時を期限に設定してください。あらかじめ設定しておけば発表後の手動削除を忘れてもURLが自動で無効化されます。

### スライドの背景画像が社外レビュアーに見えない場合の対処法は？

画像をBase64に変換してHTMLに`<img src="data:image/png;base64,...">`形式で埋め込むか、Cloudinary・ImgurなどのパブリックCDNにアップロードしてそのURLに差し替えてください。

## 関連記事

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

```json
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Gemini CLIで生成したHTMLスライドをレビュー用URLにして共有する方法",
  "description": "会議前に急いで作ったHTMLスライドを、ファイルの受け渡しなしにすぐ見てもらいたい。Gemini CLIが生成したブラウザ動作型プレゼンをチームにフィードバックしてもらうまでの最短ルートとして、ギガサイト便でURL発行する具体的な手順を説明する。",
  "datePublished": "2026-06-25",
  "dateModified": "2026-06-25",
  "mainEntityOfPage": "https://giga-site.com/articles/gemini-cli-slide-html-review-url",
  "url": "https://giga-site.com/articles/gemini-cli-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": "スライドに「TODO」や「ここを修正」などのメモが残っている場合、どうすれば確認できますか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "テキストエディタでHTMLを開き「TODO」「TBD」「要修正」「placeholder」で検索してください。また、ブラウザでCtrl+Fを使いスライド全ページを送りながら表示テキストを目視確認する方法も有効です。"
      }
    },
    {
      "@type": "Question",
      "name": "役員向け戦略スライドを発表後すぐにアクセス不可にするには？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "共有ツールの有効期限機能で発表当日の翌朝0時を期限に設定してください。あらかじめ設定しておけば発表後の手動削除を忘れてもURLが自動で無効化されます。"
      }
    },
    {
      "@type": "Question",
      "name": "スライドの背景画像が社外レビュアーに見えない場合の対処法は？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "画像をBase64に変換してHTMLに`<img src=\"data:image/png;base64,...\">`形式で埋め込むか、Cloudinary・ImgurなどのパブリックCDNにアップロードしてそのURLに差し替えてください。"
      }
    }
  ]
}
```