---
title: "Uizardで生成したLP案をレビュー用URLにして共有する方法"
description: "UizardでLP案を生成し、社外マーケターや経営陣にデザインレビューを依頼したい人向け。Uizard特有のHTMLエクスポートの注意点から、ログイン不要URL・パスワード認証の選択基準、フィードバックを1往復で回収するメッセージ設計まで解説する。"
image: "https://giga-site.com/og-image.png"
canonical: "https://giga-site.com/articles/uizard-lp-draft-review-url"
markdown: "https://giga-site.com/articles/uizard-lp-draft-review-url/index.md"
category: "AI活用"
publishedAt: "2026-06-25"
updatedAt: "2026-06-25"
readingMinutes: 5
---
# Uizardで生成したLP案をレビュー用URLにして共有する方法

UizardでLP案を生成すると、ヒーロー画像・CTAボタン・料金セクションが揃ったHTMLまたはReactコードが数分で出来上がる。しかしマーケターや経営者にレビューを依頼するとき、「Uizardのアカウントを作ってください」とは言いにくい。ログイン不要のURLをその場で発行できれば、承認待ちの時間を最小化してLPの公開スケジュールを前倒しにできる。

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

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

UizardはFigmaと異なりHTMLエクスポートに対応しているが、エクスポートされたHTMLはUizardの独自クラス名を持つCSSと密結合しており、そのままブラウザで開いても崩れるケースがある。特に`uizard-*`プレフィックスのCSSが別ファイルに分離されている構成では、HTMLとCSSを必ずセットでzipにまとめる必要がある。

LP案は意思決定者が「ざっと見てOKかNG」を判断するために共有されることが多い。そのため表示が崩れた状態で送ると、デザインではなく技術的な問題として受け取られ、意思決定が止まる。共有前にChrome・Safari・Edge の3ブラウザで表示確認を完了させることが、レビューを滞らせない最低条件だ。

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

## URL化する前の確認点

UizardのLP HTMLには`<meta name="generator" content="Uizard">`のようなメタタグが入ることがある。これ自体は無害だが、LP本番公開時に削除し忘れると競合他社に制作ツールが露出する。レビュー前に削除しておくか、本番用とレビュー用のファイルを分けて管理する習慣をつけるとよい。

CTAボタンのhref先が`https://your-company.com/signup`のような本番URLになっていないかを確認する。レビュアーがボタンを押して本番のコンバージョン計測に影響することは避けたい。レビュー用には`href="#"`またはモーダルで「これはプレビューです」を表示する処理に差し替えること。

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

## 認証と期限の決め方

LPのデザイン案は競合に見られたくない情報を含む場合がある。特にリリース前の新商品や価格改定を示すLPは、パスワード認証を設定して関係者にのみパスワードを伝えるのが原則だ。「URLを知っている人だけ見られる」では不十分で、検索エンジンのクローラーによるインデックスも防ぐ必要がある。

LP案のレビュー期限はキャンペーン開始日から逆算して設定する。例えばキャンペーン開始2週間前にレビュー完了が必要なら、共有URLの期限はその3日前の11日後に設定し、ギリギリまで修正対応できる余地を残す。承認後に「やっぱり変更したい」が発生することを想定して、期限に5日程度のバッファを確保しておくと安心だ。

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

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

LP案のレビューでは「ファーストビューで何を伝えたいかが伝わっているか」「CTAボタンを押したいと思えるか」の2点に絞って質問すると、レビュアーが答えやすくなる。自由記述で意見を求めると「全体的にいい感じ」「フォントが気になる」のような粒度の異なるフィードバックが混在し、優先度付けが難しくなる。

LP案は複数パターンを見せてA/B選択してもらうことも多い。その場合、パターンAとパターンBを同じ形式のURLで発行し、比較軸（「ヒーロー画像あり vs テキストのみ」など）を明示した比較シートと一緒に送ると、回答が「どちらかといえばA、理由は…」のように具体化しやすい。

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

## よくある質問

### UizardのHTMLエクスポートにはReactが必要ですか？それともHTMLのみで動作しますか？

Uizardのエクスポートモードによって異なります。HTMLエクスポートならブラウザでそのまま開けますが、Reactエクスポートの場合はnpm installとビルドが必要です。レビュー用にはHTMLエクスポートを使うか、ビルド済みのdistフォルダをzipにまとめて共有する方法が簡単です。

### LP案に含まれるヒーロー画像が大きくて共有サービスのアップロード容量を超えそうです。どうすればいいですか？

SquooshやImageOptimでJPEGの品質を80%程度に落とすと、目視でほぼ変わらずファイルサイズを50〜70%削減できます。また横幅2000pxを超える画像はレビュー用途では1400px程度にリサイズしても支障はありません。

### LP案のURLを取引先に送る前に、自社の法務・コンプライアンス確認は必要ですか？

LP案に価格・比較表・他社言及が含まれる場合は、景品表示法や薬機法の観点から法務確認が推奨されます。デザインのみのレビューであってもNDA締結前の取引先への共有ルールを事前に確認してから送付してください。

## 関連記事

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

```json
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Uizardで生成したLP案をレビュー用URLにして共有する方法",
  "description": "UizardでLP案を生成し、社外マーケターや経営陣にデザインレビューを依頼したい人向け。Uizard特有のHTMLエクスポートの注意点から、ログイン不要URL・パスワード認証の選択基準、フィードバックを1往復で回収するメッセージ設計まで解説する。",
  "datePublished": "2026-06-25",
  "dateModified": "2026-06-25",
  "mainEntityOfPage": "https://giga-site.com/articles/uizard-lp-draft-review-url",
  "url": "https://giga-site.com/articles/uizard-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": "UizardのHTMLエクスポートにはReactが必要ですか？それともHTMLのみで動作しますか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Uizardのエクスポートモードによって異なります。HTMLエクスポートならブラウザでそのまま開けますが、Reactエクスポートの場合はnpm installとビルドが必要です。レビュー用にはHTMLエクスポートを使うか、ビルド済みのdistフォルダをzipにまとめて共有する方法が簡単です。"
      }
    },
    {
      "@type": "Question",
      "name": "LP案に含まれるヒーロー画像が大きくて共有サービスのアップロード容量を超えそうです。どうすればいいですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "SquooshやImageOptimでJPEGの品質を80%程度に落とすと、目視でほぼ変わらずファイルサイズを50〜70%削減できます。また横幅2000pxを超える画像はレビュー用途では1400px程度にリサイズしても支障はありません。"
      }
    },
    {
      "@type": "Question",
      "name": "LP案のURLを取引先に送る前に、自社の法務・コンプライアンス確認は必要ですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "LP案に価格・比較表・他社言及が含まれる場合は、景品表示法や薬機法の観点から法務確認が推奨されます。デザインのみのレビューであってもNDA締結前の取引先への共有ルールを事前に確認してから送付してください。"
      }
    }
  ]
}
```