---
title: "Claude Codeで生成したLP案をレビュー用URLにして共有する方法"
description: "Claude CodeでLP案を生成してレビューURLで共有したいマーケターや開発者向け。外部埋め込みや個人情報の事前確認から認証設定まで、安全に公開する判断基準がわかる記事。"
image: "https://giga-site.com/og-image.png"
canonical: "https://giga-site.com/articles/claude-code-lp-draft-review-url"
markdown: "https://giga-site.com/articles/claude-code-lp-draft-review-url/index.md"
category: "AI活用"
publishedAt: "2026-06-25"
updatedAt: "2026-06-25"
readingMinutes: 5
---
# Claude Codeで生成したLP案をレビュー用URLにして共有する方法

Claude CodeでLP案のHTMLを生成したはよいが、「ファイルを送って確認して」とお願いするたびに相手に手間をかけてしまう。URLとして発行できれば、ブラウザで開くだけで誰でも確認でき、修正のたびに再送する必要もなくなる。Claude Codeが出力するLPドラフト特有の確認ポイントと、安全・手軽に共有するための手順を説明する。

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

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

Claude CodeはLPのHTMLを生成する際に、プロンプトで指定した製品名・キャッチコピー・価格などを本文に反映する。まだ非公開の料金プランや発表前のサービス名が含まれている場合、URLを広く共有すると意図せず情報が漏れるリスクがある。レビュー前にテキスト内容を一通り読み、公開できないワードが含まれていないかを確認することが必要だ。

LPドラフトにはアニメーションやパララックス効果のJavaScriptが組み込まれることが多く、Safariと ChromeでCSSの解釈が異なりレイアウトが崩れる場合がある。URLを発行したらWindowsのEdge・macのSafari・スマートフォンのChromeの3環境で最低限表示確認してから共有する。ブラウザ差異の問題を先に潰しておくと、レビュアーからの「私の環境では壊れています」報告を防げる。

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

## URL化する前の確認点

Claude CodeがLPに組み込む外部フォント（Google Fontsなど）や画像CDNへのリクエストは、アクセスログに残りうる。社外レビュアーのIPアドレスを外部サービスに渡したくない場合、外部フォントをBase64でインライン化するかシステムフォントにフォールバックする設定に切り替えてからURLを発行する。

LP内のCTAボタンが`<a href="mailto:sales@example.com">`のような実際のメールアドレスにリンクしている場合、レビュアーが誤クリックで実際にメールを送ってしまうことがある。レビュー用URLではリンクを`href="#"`に変更し、ボタンのラベルに「(サンプル)」を追記しておくと誤送信を防げる。

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

## 認証と期限の決め方

外部のコピーライターやデザイナーにLP案のフィードバックを求める場合、相手に会員登録を求めるのはハードルが高い。ギガサイト便のパスワード認証なら、6〜8文字のパスワードをSlackで一行送るだけで済み、レビュアーがアカウントを持っていなくても即座にアクセスできる。

LP案は公開前のコンテンツのため、検索エンジンにインデックスされることを避けたい。ギガサイト便はデフォルトで`robots: noindex`が設定されているが、独自ドメインで公開する場合は自分でmeta noindexタグを追加する必要がある。本番公開前に必ず確認し、テスト用URLがGoogle検索に出ないよう保証する。

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

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

LP案のレビュー依頼メッセージには「ファーストビューで何をするサービスか伝わりますか？」「CTAボタンを押したいと思えますか？」の2点を最初に挙げると、デザインの議論より先にコピーの有効性を評価してもらえる。LP改善で最もROIが高いのはファーストビューとCTAへの修正であることが多いため、フィードバックの優先順位が自然と揃う。

修正版のURLを連絡する際は「v1からv2への変更点」を箇条書きで3行以内にまとめて添付する。変更点が不明だとレビュアーがv1と一から見比べる手間が発生する。変更箇所が視覚的に分かるようにHTMLにコメント`<!-- 修正: キャッチコピーを変更 -->`を入れておくとさらに親切だ。

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

## よくある質問

### LP案のURLをXやFacebookで拡散されないようにするにはどうすれば？

パスワード認証またはメール認証を設定すると、URLを知っていても認証なしではコンテンツを見られない。OGP画像もサービス名が入らないプレースホルダにしておくとSNSカード経由でのコンテンツ流出を防げる。

### 外部のコピーライターとデザイナーの両方に同時にレビューしてもらいたい場合は？

同一URLを共有し、フィードバックをNotionページやGoogle Docsにまとめてもらう方法が効率的だ。コメント欄を「コピー担当」「デザイン担当」でタグ分けしてもらうと、修正優先度の判断が楽になる。

### Claude Codeで生成したLPのHTMLが重く、URLを開くのに時間がかかる場合は？

HTMLに埋め込まれたBase64画像や未圧縮のインラインSVGがファイルサイズを膨らませていることが多い。画像は外部CDNのURLに差し替えるか、TinyPNGで圧縮してからzipにまとめてアップロードするとページ表示が速くなる。

## 関連記事

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

```json
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Claude Codeで生成したLP案をレビュー用URLにして共有する方法",
  "description": "Claude CodeでLP案を生成してレビューURLで共有したいマーケターや開発者向け。外部埋め込みや個人情報の事前確認から認証設定まで、安全に公開する判断基準がわかる記事。",
  "datePublished": "2026-06-25",
  "dateModified": "2026-06-25",
  "mainEntityOfPage": "https://giga-site.com/articles/claude-code-lp-draft-review-url",
  "url": "https://giga-site.com/articles/claude-code-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": "LP案のURLをXやFacebookで拡散されないようにするにはどうすれば？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "パスワード認証またはメール認証を設定すると、URLを知っていても認証なしではコンテンツを見られない。OGP画像もサービス名が入らないプレースホルダにしておくとSNSカード経由でのコンテンツ流出を防げる。"
      }
    },
    {
      "@type": "Question",
      "name": "外部のコピーライターとデザイナーの両方に同時にレビューしてもらいたい場合は？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "同一URLを共有し、フィードバックをNotionページやGoogle Docsにまとめてもらう方法が効率的だ。コメント欄を「コピー担当」「デザイン担当」でタグ分けしてもらうと、修正優先度の判断が楽になる。"
      }
    },
    {
      "@type": "Question",
      "name": "Claude Codeで生成したLPのHTMLが重く、URLを開くのに時間がかかる場合は？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "HTMLに埋め込まれたBase64画像や未圧縮のインラインSVGがファイルサイズを膨らませていることが多い。画像は外部CDNのURLに差し替えるか、TinyPNGで圧縮してからzipにまとめてアップロードするとページ表示が速くなる。"
      }
    }
  ]
}
```