---
title: "Windsurf Agentで生成したLP案をレビュー用URLにして共有する方法"
description: "WindsurfでAI生成したLPのHTMLを外部共有したいデザイナーや開発者向けに、公開前チェックから認証設定・フィードバック回収まで、つまずきポイントを具体的に解説する記事。"
image: "https://giga-site.com/og-image.png"
canonical: "https://giga-site.com/articles/windsurf-agent-lp-draft-review-url"
markdown: "https://giga-site.com/articles/windsurf-agent-lp-draft-review-url/index.md"
category: "AI活用"
publishedAt: "2026-06-25"
updatedAt: "2026-06-25"
readingMinutes: 5
---
# Windsurf Agentで生成したLP案をレビュー用URLにして共有する方法

Windsurf AgentにLP案のHTMLを生成してもらったあと、「どうやってクライアントに見せるか」で詰まる人は少なくない。ローカルのファイルをそのまま送ると環境差異で崩れ、Replitのプレビューを共有すると認証設定が煩雑になる。ギガサイト便を使えば、生成済みHTMLをそのままアップロードし、パスワード付きのレビューURLを3秒で発行できる。

> Source HTML: https://giga-site.com/articles/windsurf-agent-lp-draft-review-url
> Article index: https://giga-site.com/articles/index.md

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

Windsurf AgentはHTML・CSS・JSを一気に生成してくれるが、成果物はローカルのファイルシステムに置かれる。これをそのままZIPでクライアントに送ると、ブラウザのセキュリティ制限でCSSが読み込まれなかったり、相対パスの画像が404になるケースが頻出する。「自分のPCでは動くのに相手の環境では崩れる」という問題は、ローカルファイル共有の宿命と言える。

LP案の段階では内容が未確定なことが多く、頻繁に差し替えが発生する。そのたびにZIPを再送するとバージョン管理が混乱し、古いファイルを見てフィードバックされるリスクが生まれる。最初からURLベースで共有し、差し替え時も同じURLで最新版を参照できる仕組みを整えておくと、やり取りのコストが大幅に下がる。

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

## URL化する前の確認点

WindsurfがLP用に生成したHTMLには、フォームのaction属性が仮のエンドポイントを指していたり、Google TagManagerのスニペットがそのまま残っていたりするケースがある。公開前にブラウザの開発者ツールでNetworkタブを開き、不審なPOSTリクエストや外部サービスへの通信がないかをひと通り確認しておく。特にLP案の場合、問い合わせボタンが実際に送信処理を走らせてしまうと混乱の原因になる。

画像やフォントのパスがWindsurfのプロジェクト内の絶対パスになっていると、アップロード後に参照が切れる。HTMLファイルを単体で開いたときに正常に表示されるかをブラウザにドラッグ&ドロップして確認する方法が手軽だ。確認できたら、依存ファイルを同一フォルダにまとめてZIPに固め、ギガサイト便にアップロードすればよい。

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

## 認証と期限の決め方

LP案のレビューで最も多い要件は「特定のクライアントだけに見せたい」パターンだ。この場合はパスワード認証を設定し、URLとパスワードをセットでSlackやメールで渡すのが手軽で確実。メール認証を使えば「○○社のドメインを持つ人だけ閲覧可」といった制限も設けられ、誤って外部に広まるリスクを抑えられる。

期限設定は「いつまでレビューしてほしいか」をURL自体に埋め込む手段として有効で、期限切れ後に自動でアクセス不能になる。LP案が採用されなかった場合に古い案が残り続けるのを防げるほか、「まだ見られますか？」という問い合わせも減る。レビュー期間の目安は1〜2週間とし、延長が必要なら再発行する運用が管理しやすい。

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

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

LP案のレビューでフィードバックが散漫になる原因の多くは「何を見てほしいか」が伝わっていないことだ。URLを送る際に「ファーストビューのキャッチコピーとCTAボタンの文言に絞ってコメントをください」のように観点を指定すると、受け取った側も答えやすく、実装に活かせる具体的な意見が集まりやすい。

修正後に同じURLで最新版を参照できることを事前に伝えておくと、「どれが最新版か」という確認コストが消える。差し替えのたびに新URLを発行する場合は、バージョン番号をURL説明文に付けてメッセージで送り直すと混乱が少ない。最終採用版が決まったタイミングでURLを失効させ、「このURLは終了しました」と周知するのが後処理の定石だ。

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

## よくある質問

### WindsurfのプレビューURLとギガサイト便のURLはどう使い分ければよいですか？

WindsurfのプレビューはIDEの起動が必要で外部共有向きではない。ギガサイト便はHTMLを静的にホスティングするため、クライアントへの共有や社内レビューに適している。開発中はWindsurf、共有時はギガサイト便と役割を分けるのが効率的だ。

### LP案をアップロードする際、複数ページにまたがる構成はどう対応しますか？

index.htmlを起点に相対パスでリンクされていれば、全ファイルをフォルダごとZIPにしてアップロードすることで複数ページも動作する。ただしURLは1つのエントリポイントを指すため、ナビゲーションリンクが正しく相対パスになっているか事前に確認すること。

### パスワードを忘れた共有相手への対応はどうすればよいですか？

ギガサイト便の管理画面からパスワードを再設定し、新しいパスワードを改めて通知するのが最も確実。メール認証に切り替えれば、相手はパスワードを覚える必要がなくなるためトラブルを根本的に防ぎやすい。

## 関連記事

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

```json
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Windsurf Agentで生成したLP案をレビュー用URLにして共有する方法",
  "description": "WindsurfでAI生成したLPのHTMLを外部共有したいデザイナーや開発者向けに、公開前チェックから認証設定・フィードバック回収まで、つまずきポイントを具体的に解説する記事。",
  "datePublished": "2026-06-25",
  "dateModified": "2026-06-25",
  "mainEntityOfPage": "https://giga-site.com/articles/windsurf-agent-lp-draft-review-url",
  "url": "https://giga-site.com/articles/windsurf-agent-lp-draft-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": "WindsurfのプレビューURLとギガサイト便のURLはどう使い分ければよいですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "WindsurfのプレビューはIDEの起動が必要で外部共有向きではない。ギガサイト便はHTMLを静的にホスティングするため、クライアントへの共有や社内レビューに適している。開発中はWindsurf、共有時はギガサイト便と役割を分けるのが効率的だ。"
      }
    },
    {
      "@type": "Question",
      "name": "LP案をアップロードする際、複数ページにまたがる構成はどう対応しますか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "index.htmlを起点に相対パスでリンクされていれば、全ファイルをフォルダごとZIPにしてアップロードすることで複数ページも動作する。ただしURLは1つのエントリポイントを指すため、ナビゲーションリンクが正しく相対パスになっているか事前に確認すること。"
      }
    },
    {
      "@type": "Question",
      "name": "パスワードを忘れた共有相手への対応はどうすればよいですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "ギガサイト便の管理画面からパスワードを再設定し、新しいパスワードを改めて通知するのが最も確実。メール認証に切り替えれば、相手はパスワードを覚える必要がなくなるためトラブルを根本的に防ぎやすい。"
      }
    }
  ]
}
```