---
title: "Claude Codeで生成したサイト・HTMLを共有する方法"
description: "Claude CodeがCLIで生成したサイトやHTMLをそのまま関係者に見せたいとき、サーバー設定なしで認証付きURLを発行できます。ローカルの生成物を手早く共有してレビューを回す手順をまとめました。"
image: "https://giga-site.com/og-image.png"
canonical: "https://giga-site.com/articles/share-claude-code-site"
markdown: "https://giga-site.com/articles/share-claude-code-site/index.md"
category: "AI活用"
publishedAt: "2026-06-24"
updatedAt: "2026-06-25"
readingMinutes: 5
---
# Claude Codeで生成したサイト・HTMLを共有する方法

Claude CodeはCLI上でコードを書き、サイトやHTMLをまとめて生成してくれるエージェントです。ローカルに生成物はあるのに、関係者へ見せる段になると「サーバーに上げるのが面倒」で止まりがち。ここでは、Claude Codeの生成物を一時URLで素早く確認共有する方法をまとめます。外部サービスの仕様は変わるため、本文ではレビュー共有で変わりにくい判断軸を中心に整理します。

> Source HTML: https://giga-site.com/articles/share-claude-code-site
> Article index: https://giga-site.com/articles/index.md

## ローカルにある生成物を見せる一手間

Claude Codeで作業すると、サイトやランディングページがプロジェクトのフォルダにそのまま生成されます。手元では開いて確認できますが、レビュアーやクライアントに見せるには、どこかにホストして共有する一手間が要ります。

ローカルでサーバーを立てて画面共有する方法もありますが、相手の都合に合わせて時間を取る必要があり、ちょっとした確認には重すぎます。確認のためだけにステージング環境を用意するのも手間です。

ここで効くのが、生成した静的ファイルをそのまま一時URLにのせる方法です。ビルド成果物をドロップするだけで、開くだけのURLができます。

## 生成物をHTML/ZIPにまとめる

Claude Codeが出力したサイトを、ブラウザで開ける形にまとめます。単一ページならHTMLファイルそのまま、複数ファイルやアセットがあるならCSS・JS・画像を含めてZIPにします。ビルドが必要なフレームワークを使っている場合は、ビルド後の静的な出力を対象にします。

相対パスでリンクや画像を参照していると、まとめてアップロードしたときにそのまま表示できます。書き出し後に手元で一度開き、リンク切れがないか確認しておくと共有後のトラブルを避けられます。

## AI生成HTMLを共有する前の安全チェック

Claude Codeで生成したサイト・HTMLを共有では、AIツールの画面上で完成して見えても、共有用HTMLとして安全とは限りません。外部script、form送信先、APIキーらしき文字列、画像パス、ダミーデータではない個人情報を分けて確認します。

ツールの書き出し形式や共有機能は時期・プラン・作り方で変わります。この記事では特定機能の有無を断定せず、静的HTMLやZIPとして取り出せた成果物を安全に見せる前提で進めます。安全チェックが終わったら、HTMLまたはZIPをアップロードし、必要に応じて認証と期限を付けたURLとして共有します。

- 外部送信: form action、fetch、script src、iframeの向き先を確認する
- 秘密情報: APIキー、トークン、社内URL、顧客名が残っていないか検索する
- 表示再現: 画像・CSS・フォントが公開URLでも読み込めるか見る
- 共有設定: 相手、期限、認証方式、差し替え時の連絡方法を決める

## ギガサイト便で一時URLを発行する手順

ギガサイト便は、HTMLやZIPをドロップするだけで認証付き一時URLを発行します。Claude Codeのビルド成果物をそのまま渡せます。

手順は次のとおりです。

1. Claude Codeで生成・ビルドした静的サイトをZIP（またはHTML単体）にまとめる
2. ギガサイト便のトップにドロップして共有URLを発行する
3. 会員登録なしでも公開できるので、その場でURLを取得する
4. 認証方式と公開期限を設定する
5. チームやクライアントにURLを送ってレビューしてもらう

## イテレーションを同じURLで回す

Claude Codeでの開発はプロンプトを重ねて何度も作り直す前提です。直すたびに新しいURLを送ると、相手の手元でリンクが散らかります。

ギガサイト便は同じURLのままファイルを差し替えられるので、再生成・再ビルドしたものに置き換えれば、レビュアーは同じURLで最新版を確認できます。CIやスクリプトで書き出しを差し替える運用とも相性がよく、確認サイクルを短くできます。

誰がいつ見たかのアクセスログにも対応しているので、レビュー依頼の進捗を把握しやすくなります。

## 社内・社外で認証を使い分ける

生成したサイトには、まだ公開前のコピーやダミーデータが含まれることがあります。一時公開ページには noindex が付いて検索結果には出にくいですが、noindex はアクセス制御ではありません。

社内メンバーだけに見せたいなら会社ドメイン認証、社外のクライアントに渡すならパスワードやメール認証のワンタイムコードが向きます。相手はアカウント登録なしで認証を通せます。

本番として独自ドメインで長く運用するなら別のホスティングが適していますが、確認・レビューの段階はギガサイト便で素早く回すのが向いています。無料プランの公開期限は最長7日です。

## よくある質問

### Claude Codeの生成物をサーバーを用意せずに見せられますか？

はい。ビルド後の静的ファイルをHTML/ZIPにまとめてギガサイト便にドロップすれば、その場で共有URLが発行されます。会員登録なしでも公開でき、サーバーの準備は不要です。

### ビルドが必要なサイトでも共有できますか？

ビルド後に生成される静的な出力（HTML・CSS・JS・画像）をZIPにまとめれば共有できます。サーバー側処理を伴う動的機能はそのままでは動かないため、確認・レビュー用途と考えてください。

### 再生成のたびにURLを送り直す必要はありますか？

ありません。同じURLのままファイルを差し替えられるので、再ビルドした成果物に置き換えれば、レビュアーは同じURLで最新版を確認できます。CIから書き出しを差し替える運用とも相性がよいです。

### 社内限定で共有したいときは？

会社ドメイン認証を使えば、社内メンバーに絞って共有できます。社外には別途パスワードやメール認証を選ぶなど、相手に応じて使い分けられます。noindex だけに頼らず認証を併用するのが安全です。

### AIツールで作ったHTMLはそのまま共有しても安全ですか？

そのまま共有せず、外部送信先、フォーム、APIキー、社内URL、画像パスを確認してからURL化します。ツールの共有機能や書き出し仕様は変わるため、最新画面も確認してください。

## 関連記事

- [GitHub Copilot/Copilot Workspaceで作ったHTMLを共有する方法](https://giga-site.com/articles/share-copilot-workspace-html/index.md)
- [Devin（AIソフトウェアエンジニア）が生成したHTMLを共有する方法](https://giga-site.com/articles/share-devin-output/index.md)
- [Create.xyzで生成したサイトを共有する方法](https://giga-site.com/articles/share-create-xyz-site/index.md)
- [Trae（ByteDance）で作ったHTMLを共有する方法](https://giga-site.com/articles/share-trae-html/index.md)
- [Qwen（Alibaba）で作ったHTMLを共有する方法](https://giga-site.com/articles/share-qwen-html/index.md)
- [Kimiで作ったHTMLを共有する方法](https://giga-site.com/articles/share-kimi-html/index.md)

```json
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Claude Codeで生成したサイト・HTMLを共有する方法",
  "description": "Claude CodeがCLIで生成したサイトやHTMLをそのまま関係者に見せたいとき、サーバー設定なしで認証付きURLを発行できます。ローカルの生成物を手早く共有してレビューを回す手順をまとめました。",
  "datePublished": "2026-06-24",
  "dateModified": "2026-06-25",
  "mainEntityOfPage": "https://giga-site.com/articles/share-claude-code-site",
  "url": "https://giga-site.com/articles/share-claude-code-site",
  "inLanguage": "ja",
  "image": "https://giga-site.com/og-image.png",
  "articleSection": "AI活用",
  "author": {
    "@type": "Organization",
    "name": "ギガサイト便"
  },
  "publisher": {
    "@type": "Organization",
    "name": "ギガサイト便"
  },
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Claude Codeの生成物をサーバーを用意せずに見せられますか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "はい。ビルド後の静的ファイルをHTML/ZIPにまとめてギガサイト便にドロップすれば、その場で共有URLが発行されます。会員登録なしでも公開でき、サーバーの準備は不要です。"
      }
    },
    {
      "@type": "Question",
      "name": "ビルドが必要なサイトでも共有できますか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "ビルド後に生成される静的な出力（HTML・CSS・JS・画像）をZIPにまとめれば共有できます。サーバー側処理を伴う動的機能はそのままでは動かないため、確認・レビュー用途と考えてください。"
      }
    },
    {
      "@type": "Question",
      "name": "再生成のたびにURLを送り直す必要はありますか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "ありません。同じURLのままファイルを差し替えられるので、再ビルドした成果物に置き換えれば、レビュアーは同じURLで最新版を確認できます。CIから書き出しを差し替える運用とも相性がよいです。"
      }
    },
    {
      "@type": "Question",
      "name": "社内限定で共有したいときは？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "会社ドメイン認証を使えば、社内メンバーに絞って共有できます。社外には別途パスワードやメール認証を選ぶなど、相手に応じて使い分けられます。noindex だけに頼らず認証を併用するのが安全です。"
      }
    },
    {
      "@type": "Question",
      "name": "AIツールで作ったHTMLはそのまま共有しても安全ですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "そのまま共有せず、外部送信先、フォーム、APIキー、社内URL、画像パスを確認してからURL化します。ツールの共有機能や書き出し仕様は変わるため、最新画面も確認してください。"
      }
    }
  ]
}
```