AI活用

Playground(AI画像生成)の作品を共有する方法

PlaygroundのようなAI画像生成ツールで作った作品は、選んだ数点をまとめて誰かに見てもらいたくなるものです。生成画像を並べたHTMLをパスワード付きの一時URLで限定共有する方法をまとめます。外部サービスの仕様は変わるため、本文ではレビュー共有で変わりにくい判断軸を中心に整理します。

作品を限定共有したいときの選択肢

Playgroundで生成した作品を見せる相手は、クライアント、仲間、特定のコミュニティなどさまざまです。SNSに広く公開するのではなく、限られた人にだけ見せたい場面では、限定共有の手段が必要になります。

個別にファイルを送る方法もありますが、複数枚をまとめて世界観ごと伝えたいときは、画像を並べた1ページにする方が魅力が伝わります。

生成画像を並べたHTMLを作る

採用した作品を、テーマやシリーズごとに並べたHTMLにまとめます。大きめに表示してビジュアルの細部まで見せたり、グリッドで一覧性を重視したりと、見せたい意図に合わせて配置を決めます。

画像とHTMLをまとめてZIPにすれば、参照関係を崩さず共有できます。背景色や余白をCSSで整えると、ギャラリーらしい落ち着いた見え方になります。

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

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

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

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

パスワード付きURLで限定公開する手順

用意したHTMLやZIPは、ギガサイト便にドロップするだけで共有URLが発行されます。会員登録なしでも公開でき、HTTPSは自動です。

  1. Playgroundで見せたい作品を書き出す
  2. テーマごとに並べたHTMLを作る
  3. 画像とHTMLをZIPにまとめる
  4. ギガサイト便にドロップして共有URLを得る
  5. 認証方式でパスワードを選び、合言葉を設定する
  6. URLとパスワードを見せたい相手にだけ伝える

パスワードと公開期限の使い分け

認証はURLのみ、パスワード、メール認証、会社ドメイン認証から選べます。少人数に手軽に見せるならパスワードが扱いやすく、URLとパスワードをセットで渡すだけで限定公開ができます。

一時公開ページにはnoindexが付くため検索結果には出ませんが、noindexはアクセス制御ではありません。見られたくない作品はパスワードなどの認証を併用してください。

差し替えとQRコードの活用

作品の差し替えや追加があっても、同じURLのまま中身を更新できます。リンクを送り直さずに最新のラインナップを見せられるので、シリーズを少しずつ充実させていく使い方にも向きます。

QRコードの配布に対応しているため、対面での見せ合いや展示の場でも便利です。アクセスログで誰がいつ見たかも確認できます。

よくある質問

SNSに公開せずに限定で見せたいです。

パスワード付きの一時URLで共有すれば、合言葉を知っている人だけが閲覧できます。広く公開せずに限定共有できます。

作品が検索に出るのは避けたいです。

一時公開ページにはnoindexが付くため検索結果には出ません。ただしアクセス制御ではないので、パスワードなどの認証を併用すると安心です。

シリーズに作品を追加したいときは。

同じURLのまま差し替えられます。追加分を含めたZIPに置き換えれば、相手は同じURLで最新のラインナップを見られます。

公開をやめたいときはどうしますか。

公開期限を設定しておけば、期限切れで自動的に閲覧できなくなります。無料プランの公開期限は最長7日です。

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

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

関連記事

AI活用

Microsoft Designerで作ったビジュアルを共有する方法

バナーやSNS画像を複数案作ったものの、どれを採用するか決めてもらう場面で手が止まる人へ。Microsoft Designerの出力をHTMLにまとめて共有し、比較・承認を一度のURLで完結させる手順を説明します。

5分で読める
AI活用

AI生成HTMLのアクセシビリティを確認してから共有する方法

AI生成HTMLはコードの見た目が整っていても、alt属性の欠落やコントラスト不足が残りがちです。共有前にアクセシビリティの抜けを自分で確認したいエンジニアやデザイナーに向け、押さえるべき観点と確認URLでのレビュー手順を解説します。

5分で読める
「AI活用」の記事をもっと見る →