---
title: "OpenAI Codexで作ったHTMLを認証付きURLで共有する方法"
description: "OpenAI Codexが出力したHTMLやアセットを社外レビュー担当者に安全に渡したい開発者向け。認証付き一時URLを使った保護共有の手順を整理し、最適な共有方法が選べます。"
image: "https://giga-site.com/og-image.png"
canonical: "https://giga-site.com/articles/share-codex-html"
markdown: "https://giga-site.com/articles/share-codex-html/index.md"
category: "AI活用"
publishedAt: "2026-06-24"
updatedAt: "2026-06-25"
readingMinutes: 5
---
# OpenAI Codexで作ったHTMLを認証付きURLで共有する方法

OpenAI Codexにフロントエンドの作業を任せると、HTMLやアセットがまとめて出力されます。それを社外のレビュー担当者にも安全に渡したいとき、認証付きで開ける一時URLが便利です。Codexの成果物を保護して共有する手順を整理します。外部サービスの仕様は変わるため、本文ではレビュー共有で変わりにくい判断軸を中心に整理します。

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

## Codexの成果物を渡す課題

Codexはエージェントとしてコードを書き、ページやプロトタイプのHTMLを生成します。完成物の見た目をクライアントや社外の協力者に確認してもらう場面は少なくありません。

ところが、ソースをそのまま渡すと相手に開発環境が必要になり、ファイルを直接送ると開けない人も出てきます。さらに、まだ公開前の内容を誰でも見られる状態に置くのは避けたいところです。

そこで、認証で渡し先を絞れる一時的な共有URLにすると、開発環境なしで開け、かつ関係者以外には見られにくい状態を保てます。会員登録なしでも公開でき、HTTPSは自動で付くため、準備の手間も最小限で済みます。

## アップロード前の準備

Codexが生成したHTMLが単一ファイルなら、そのまま共有できます。CSSや画像、JSが分かれている場合は、相対パスを崩さずフォルダごとZIPにまとめます。

外部から読み込むライブラリはそのまま動作しますが、ローカル参照のアセットはZIPに含めておく必要があります。アップロード前に、表示に必要なファイルが過不足なくそろっているかを確認しておくと安心です。

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

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

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

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

## 認証付きURLを発行する手順

ギガサイト便でCodexの成果物に認証を付けて共有する基本的な流れは次のとおりです。

アップロードからURL発行までは数ステップで完結します。認証と公開期限を最初に決めておくと、後から渡し先を絞り直す手間が省けます。

1. Codexの出力からHTML単体、またはアセット込みのZIPを用意する
2. ギガサイト便のトップページにファイルをドロップする
3. 認証方式でパスワードを選び、共有用のパスワードを設定する
4. 公開期限を設定して、誤って長く残らないようにする
5. 発行された共有URLとパスワードを別々の経路でレビュー担当者に伝える

## 認証方式の選び分け

ギガサイト便の認証はURLのみ、パスワード、メール認証（ワンタイムコード）、会社ドメイン認証から選べます。社外の特定個人にだけ渡すならパスワードやメール認証、社内の関係者全員に見せるなら会社ドメイン認証が向きます。

URLとパスワードは同じメールにまとめず、別経路で伝えると安全性が高まります。一時公開ページはnoindexが付き検索結果に出ませんが、noindexはアクセス制御ではないため、見せたくない相手を確実に締め出すには認証の併用が欠かせません。

## 修正版の差し替えとログ確認

Codexに修正を指示して新しいHTMLが返ってきたら、同じURLのまま中身を差し替えられます。パスワードやURLを送り直す必要がないので、レビューの往復が軽くなります。

アクセスログで誰がいつ閲覧したかを確認でき、QRコードを配ればスマホ実機での確認依頼もスムーズです。公開期限が切れれば自動的に閲覧できなくなるため、消し忘れによる情報の残留も防げます。

## よくある質問

### パスワードはどこで設定しますか？

ギガサイト便でファイルをアップロードする際に、認証方式としてパスワードを選ぶと設定できます。発行された共有URLとパスワードは、できれば別々の経路で相手に伝えると安全性が高まります。

### Codexのアカウントがない相手でも見られますか？

見られます。共有はCodexとは独立しており、レビューする側はブラウザでURLを開き、認証を通すだけです。Codexのアカウントや開発環境は不要なため、社外の協力者にも渡しやすい形式です。

### パスワードを設定すれば検索には出ませんか？

一時公開ページにはもともとnoindexが付き検索結果には出ません。加えてパスワードを設定すれば、URLを知っていてもパスワードを知らない相手は中身を見られません。noindexと認証は役割が異なるので、併用するのが確実です。

### 修正した成果物はどう差し替えますか？

同じURLのままファイルを差し替えられます。Codexの新しい出力をアップロードし直せば、URLとパスワードを変えずに中身だけ更新できるため、相手にリンクを送り直す必要がありません。

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

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

## 関連記事

- [Google Julesで生成したHTMLを共有URLで見せる方法](https://giga-site.com/articles/share-jules-html/index.md)
- [Amazon Q Developerで生成したHTMLを共有する方法](https://giga-site.com/articles/share-amazon-q-developer-html/index.md)
- [Windsurfで作ったHTMLを共有する方法](https://giga-site.com/articles/share-windsurf-html/index.md)
- [Grokで作ったHTMLを共有する方法](https://giga-site.com/articles/share-grok-html/index.md)
- [DeepSeekで作ったHTMLを共有する方法](https://giga-site.com/articles/share-deepseek-html/index.md)
- [Claudeで作った複数ファイルのHTMLをまとめて共有する方法](https://giga-site.com/articles/share-claude-multi-file-html/index.md)

```json
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "OpenAI Codexで作ったHTMLを認証付きURLで共有する方法",
  "description": "OpenAI Codexが出力したHTMLやアセットを社外レビュー担当者に安全に渡したい開発者向け。認証付き一時URLを使った保護共有の手順を整理し、最適な共有方法が選べます。",
  "datePublished": "2026-06-24",
  "dateModified": "2026-06-25",
  "mainEntityOfPage": "https://giga-site.com/articles/share-codex-html",
  "url": "https://giga-site.com/articles/share-codex-html",
  "inLanguage": "ja",
  "image": "https://giga-site.com/og-image.png",
  "articleSection": "AI活用",
  "author": {
    "@type": "Organization",
    "name": "ギガサイト便"
  },
  "publisher": {
    "@type": "Organization",
    "name": "ギガサイト便"
  },
  "mainEntity": [
    {
      "@type": "Question",
      "name": "パスワードはどこで設定しますか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "ギガサイト便でファイルをアップロードする際に、認証方式としてパスワードを選ぶと設定できます。発行された共有URLとパスワードは、できれば別々の経路で相手に伝えると安全性が高まります。"
      }
    },
    {
      "@type": "Question",
      "name": "Codexのアカウントがない相手でも見られますか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "見られます。共有はCodexとは独立しており、レビューする側はブラウザでURLを開き、認証を通すだけです。Codexのアカウントや開発環境は不要なため、社外の協力者にも渡しやすい形式です。"
      }
    },
    {
      "@type": "Question",
      "name": "パスワードを設定すれば検索には出ませんか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "一時公開ページにはもともとnoindexが付き検索結果には出ません。加えてパスワードを設定すれば、URLを知っていてもパスワードを知らない相手は中身を見られません。noindexと認証は役割が異なるので、併用するのが確実です。"
      }
    },
    {
      "@type": "Question",
      "name": "修正した成果物はどう差し替えますか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "同じURLのままファイルを差し替えられます。Codexの新しい出力をアップロードし直せば、URLとパスワードを変えずに中身だけ更新できるため、相手にリンクを送り直す必要がありません。"
      }
    },
    {
      "@type": "Question",
      "name": "AIツールで作ったHTMLはそのまま共有しても安全ですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "そのまま共有せず、外部送信先、フォーム、APIキー、社内URL、画像パスを確認してからURL化します。ツールの共有機能や書き出し仕様は変わるため、最新画面も確認してください。"
      }
    }
  ]
}
```