OpenAI Codexで作ったHTMLを認証付きURLで共有する方法

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コードを配ればスマホ実機での確認依頼もスムーズです。公開期限が切れれば自動的に閲覧できなくなるため、消し忘れによる情報の残留も防げます。