---
title: "Webflow AIで生成したHTMLスライドをレビュー用URLにして共有する方法"
description: "カスタムフォントやアニメーションを含むHTMLスライドは、ファイルを渡した先の環境で崩れることが珍しくない。Webflow AIの出力をそのまま環境依存なく届ける手段として、ギガサイト便で閲覧URLを発行する方法と注意点をまとめた。"
image: "https://giga-site.com/og-image.png"
canonical: "https://giga-site.com/articles/webflow-ai-slide-html-review-url"
markdown: "https://giga-site.com/articles/webflow-ai-slide-html-review-url/index.md"
category: "AI活用"
publishedAt: "2026-06-25"
updatedAt: "2026-06-25"
readingMinutes: 4
---
# Webflow AIで生成したHTMLスライドをレビュー用URLにして共有する方法

Webflow AIで作ったHTMLスライドはアニメーションやカスタムフォントを含む高品質な表現ができる一方、ファイルをそのまま渡すと環境によって見た目が変わります。ギガサイト便にアップロードすれば環境に依存しない閲覧URLをすぐに発行でき、発表前レビューをスムーズに進められます。

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

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

WebflowのHTMLスライドは高度なカスタムアニメーションを含む場合があり、Webflowのランタイムライブラリに依存したコードが動かないと肝心の演出が消えた状態でレビュアーに見せることになります。エクスポートしたHTMLが単体で正常動作するかをローカルで先に確認することが重要です。

スライドの内容が事業計画や未発表の製品ロードマップを含む場合、共有範囲の管理が特に重要です。メールへのHTMLファイル添付は受信者が転送できてしまうため、アクセス制御ができるURLで共有するほうがリスクを限定できます。

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

## URL化する前の確認点

WebflowのHTMLスライドに埋め込んだ動画・音声ファイルはエクスポート時に含まれないケースがあります。src属性がWebflowのメディアホスティングURLを指している場合、そのURLが公開状態かを確認し、非公開であれば動画ファイルをzipに同梱してパスを相対パスに修正します。

スライドのHTMLがWebflowのCDNから読み込むフォントファイルに依存している場合、オフライン環境ではフォントが変わります。レビュー用URLではCDNにアクセスできるため問題ありませんが、エクスポートしたファイルをオフライン配布する可能性があるならフォントをzipに含める対応が必要です。

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

## 認証と期限の決め方

社内プレゼン前のレビューは会社ドメイン認証で全社員にアクセス権を付与するか、特定のSlackチャンネルメンバー相当のメールアドレスに絞る形で設定します。スライドの内容が機密度の高い事業計画であれば、会社ドメイン認証でも役員クラスのメールアドレスだけを許可リストに指定します。

投資家向けや取引先向けスライドの事前共有では、パスワードと72時間以内の短い期限の組み合わせが適切です。スライドの内容が先方のメール添付として社内転送されるリスクも考えると、URLで管理して期限後は自動で無効化されるほうが安心です。

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

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

スライドのレビューで聞くべきは「スライド6の棒グラフでメッセージが伝わるか」「全体のストーリーラインに飛躍がないか」「アニメーションがかえって注意を散らしていないか」のような発表本番を意識した問いです。スライドのデザインより内容の論理性や伝達力に関する指摘のほうが修正優先度の判断に役立ちます。

スライドレビューのフィードバックは「スライド番号・指摘内容・重要度（高中低）」の3列で収集すると整理しやすいです。Googleスプレッドシートのリンクをレビュー用URLと同時に共有し、期限を同じ日時に設定するとリマインドが1回で済みます。

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

## よくある質問

### WebflowのHTMLスライドのアニメーションがギガサイト便のURLで動作しない場合の原因として何が考えられますか？

Webflow.jsまたはJSONLDライブラリがCDNから正常に読み込まれていない場合が多いです。ブラウザの開発者ツールのコンソールでエラーを確認し、404になっているスクリプトURLをzipに同梱して相対パスに修正することで解決できます。

### スライドのURLをSlackで共有したとき、プレビューカードにスライドのサムネイルを表示させることはできますか？

HTMLのheadにog:imageメタタグを追加してスライドのスクリーンショット画像を指定することでSlackのリンクプレビューにサムネイルが表示されます。画像はzipに同梱して相対パスで指定するか外部公開URLを使います。

### スライドのPDF版も合わせてレビュアーに渡したい場合、ギガサイト便でPDFも共有できますか？

PDFファイル単体はギガサイト便でアップロードしてURLを発行できます。HTMLスライドと同じ認証設定で別URLを発行し、両方のURLをまとめた案内メッセージとして送ると比較閲覧が容易になります。

## 関連記事

- [Webflow AIで生成したLP案をレビュー用URLにして共有する方法](https://giga-site.com/articles/webflow-ai-lp-draft-review-url/index.md)
- [Webflow AIで生成した管理画面モックをレビュー用URLにして共有する方法](https://giga-site.com/articles/webflow-ai-admin-mock-review-url/index.md)
- [Webflow AIで生成したフォーム付きページをレビュー用URLにして共有する方法](https://giga-site.com/articles/webflow-ai-form-page-review-url/index.md)
- [Webflow AIで生成した社内ツール風プロトタイプをレビュー用URLにして共有する方法](https://giga-site.com/articles/webflow-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": "Webflow AIで生成したHTMLスライドをレビュー用URLにして共有する方法",
  "description": "カスタムフォントやアニメーションを含むHTMLスライドは、ファイルを渡した先の環境で崩れることが珍しくない。Webflow AIの出力をそのまま環境依存なく届ける手段として、ギガサイト便で閲覧URLを発行する方法と注意点をまとめた。",
  "datePublished": "2026-06-25",
  "dateModified": "2026-06-25",
  "mainEntityOfPage": "https://giga-site.com/articles/webflow-ai-slide-html-review-url",
  "url": "https://giga-site.com/articles/webflow-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": "WebflowのHTMLスライドのアニメーションがギガサイト便のURLで動作しない場合の原因として何が考えられますか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Webflow.jsまたはJSONLDライブラリがCDNから正常に読み込まれていない場合が多いです。ブラウザの開発者ツールのコンソールでエラーを確認し、404になっているスクリプトURLをzipに同梱して相対パスに修正することで解決できます。"
      }
    },
    {
      "@type": "Question",
      "name": "スライドのURLをSlackで共有したとき、プレビューカードにスライドのサムネイルを表示させることはできますか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "HTMLのheadにog:imageメタタグを追加してスライドのスクリーンショット画像を指定することでSlackのリンクプレビューにサムネイルが表示されます。画像はzipに同梱して相対パスで指定するか外部公開URLを使います。"
      }
    },
    {
      "@type": "Question",
      "name": "スライドのPDF版も合わせてレビュアーに渡したい場合、ギガサイト便でPDFも共有できますか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "PDFファイル単体はギガサイト便でアップロードしてURLを発行できます。HTMLスライドと同じ認証設定で別URLを発行し、両方のURLをまとめた案内メッセージとして送ると比較閲覧が容易になります。"
      }
    }
  ]
}
```