Butternut AIで作ったサイトを共有する方法

関係者だけに限定して見せたい理由

Butternut AIで作ったサイトは、公開前の段階では未確定の情報や仮の文章を含むことがあります。誰でも見られる状態で出すと、意図せず未完成の内容が広まってしまう恐れがあります。

レビューを依頼する相手は限られているのが普通です。見せる範囲を関係者だけに絞れば、外部に漏れる心配を抑えつつ、必要な人から確実にフィードバックを得られます。

パスワードで守った共有URLなら、リンクが転送されてもパスワードを知らない人は開けないため、限定レビューに向いています。

ButternutのサイトをHTML化する

Butternut AIで作ったサイトの内容を、HTMLと画像、スタイルとしてまとめれば、Butternutの環境から切り離して見た目を再現できます。確認目的なら、完成形の印象が伝わる構成で十分です。

HTMLファイルとアセットを1つのフォルダにまとめてZIPにしておくと、一式として扱えます。相対パスで参照しておけば、相手の環境でもレイアウトが保たれます。

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

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

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

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

パスワード付きURLで共有する手順

まとめたZIPをギガサイト便のトップページにドロップすると、その場で共有URLが発行されます。発行時に認証方式としてパスワードを選べば、パスワードを知る関係者だけがアクセスできる状態になります。

1. Butternut AIのサイトをHTML・画像・スタイルとしてまとめる
2. フォルダごとZIPに圧縮する
3. ギガサイト便のトップにドロップして共有URLを発行する
4. 認証方式でパスワードを選び、公開期限を設定する
5. URLとパスワードを別々の手段で関係者に伝える

パスワード以外の認証も知っておく

認証方式はパスワードのほかに、URLのみ・メール認証（ワンタイムコード）・会社ドメイン認証から選べます。相手のメールアドレスが分かっているならメール認証、社内の人だけなら会社ドメイン認証も選択肢になります。

一時公開ページにはnoindexが付くので検索結果には出ませんが、noindexはアクセス制御ではありません。パスワードなどの認証を併用してはじめて、関係者以外のアクセスを実際に防げます。

パスワードの渡し方と公開期限

パスワード付きで共有するときは、URLとパスワードを同じメールにまとめて書かず、別々の手段で伝えると安全性が高まります。たとえばURLはメール、パスワードはチャットで渡すといった分け方が有効です。

レビュー用の共有には公開期限を設定しておきましょう。無料プランでも最長7日まで公開でき、期限が切れれば自動的に閲覧できなくなるため、確認が終わった後もURLが生き続ける心配がありません。

差し替えとアクセスログで運用する

レビューで指摘を受けてサイトを直したら、同じURLのままファイルを差し替えられます。パスワードも引き継がれるので、関係者は同じリンクとパスワードで最新版を確認できます。

アクセスログで誰がいつ見たかを確認できるので、限定したレビュー担当者がきちんと確認しているかを把握できます。確認が進まないときは状況を判断する材料になります。