---
title: "Kreaで作ったビジュアルを共有して確認してもらう方法"
description: "Kreaのリアルタイム生成で作ったビジュアルを、書き出し後に関係者へスムーズに確認してもらいたい人向け。画像をHTMLにまとめ認証付き一時URLで届けるまでの流れを整理します。"
image: "https://giga-site.com/og-image.png"
canonical: "https://giga-site.com/articles/krea-ai-realtime-share"
markdown: "https://giga-site.com/articles/krea-ai-realtime-share/index.md"
category: "AI活用"
publishedAt: "2026-06-24"
updatedAt: "2026-06-25"
readingMinutes: 5
---
# Kreaで作ったビジュアルを共有して確認してもらう方法

Kreaはリアルタイムにビジュアルを生成・調整できるツールですが、できあがった成果物を関係者に見てもらう段になると意外と手間がかかります。ここでは書き出した画像をHTMLにまとめ、認証付きの一時URLでスムーズに確認してもらう流れを整理します。外部サービスの仕様は変わるため、本文ではレビュー共有で変わりにくい判断軸を中心に整理します。

> Source HTML: https://giga-site.com/articles/krea-ai-realtime-share
> Article index: https://giga-site.com/articles/index.md

## Kreaの成果物を共有するときに起きがちな問題

Kreaはプロンプトやリファレンス画像に応じてリアルタイムで絵が変化するため、試行錯誤の過程で大量のバリエーションが生まれます。良いものを選んで書き出した後、それを関係者にどう渡すかが次の課題になります。

画像をそのままチャットに貼ると、複数案を並べて比較しにくく、どれが最新版か分からなくなりがちです。クラウドストレージの共有リンクは便利ですが、URLを知っていれば誰でも開けてしまうため、公開前のビジュアルを扱うには不安が残ります。

確認してほしいのは限られた関係者だけ、しかも一定期間だけ、という状況では、見せる相手と期間をコントロールできる共有方法が向いています。

## 書き出した画像をひとつのHTMLにまとめる

Kreaから書き出した画像は、案ごとに見出しと簡単な説明を添えたHTMLにまとめると、レビューがぐっと楽になります。1ページに複数案を縦に並べ、それぞれに「A案」「B案」のような見出しを付けるだけでも比較しやすくなります。

画像とHTMLをまとめてZIPにしておけば、フォルダ構成を保ったまま共有できます。CSSで余白や背景色を整えると、ギャラリーのような見やすいページになります。

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

Kreaで作ったビジュアルを共有して確認してもらう方法では、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. Kreaで選んだ案を画像として書き出す
2. 見出しを付けたHTMLを作り、画像と一緒にZIPにまとめる
3. ギガサイト便のトップにZIPをドロップして共有URLを得る
4. 認証方式をパスワードやメール認証から選ぶ
5. 公開期限を確認したい期間に合わせて設定する
6. 発行されたURLを関係者に送って確認を依頼する

## 見せたい相手だけに絞る認証の選び方

認証方式はURLのみ、パスワード、メール認証（ワンタイムコード）、会社ドメイン認証から選べます。社内の少人数ならパスワード、社外のクライアントを含むならメール認証にすると、コードを受け取れる人だけが閲覧できます。

一時公開ページにはnoindexが付き検索結果には出ませんが、noindex自体はアクセス制御ではありません。関係者以外に見られたくないビジュアルなら、必ず認証を併用してください。

## 修正版はURLを変えずに差し替える

Kreaは調整が手早いぶん、レビュー後に再生成して差し替える機会も多くなります。ギガサイト便では同じURLのまま中身を差し替えられるので、修正版を出すたびにリンクを送り直す必要がありません。

誰がいつ見たかはアクセスログで確認でき、QRコードでの配布にも対応します。対面の打ち合わせでスクリーンに映すときなどに便利です。

## よくある質問

### Kreaの画像をそのまま送るのとHTMLにまとめるのは何が違いますか。

複数案を1ページに並べて比較でき、見出しや説明を添えられる点が違います。どれが最新版か伝わりやすく、レビューの行き違いを減らせます。

### 公開前のビジュアルが検索に出ないか心配です。

一時公開ページにはnoindexが付くため検索結果には出ません。ただしnoindexはアクセス制御ではないので、関係者限定にしたい場合はパスワードやメール認証を併用してください。

### 確認期間が終わったらどうなりますか。

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

### レビュー後に作り直した画像はどう反映しますか。

同じURLのままファイルを差し替えられます。リンクを送り直さずに中身だけ更新できるので、関係者は同じURLで最新版を見られます。

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

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

## 関連記事

- [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)
- [Cline（VS Code拡張）で生成したHTMLを共有する方法](https://giga-site.com/articles/share-cline-output/index.md)

```json
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Kreaで作ったビジュアルを共有して確認してもらう方法",
  "description": "Kreaのリアルタイム生成で作ったビジュアルを、書き出し後に関係者へスムーズに確認してもらいたい人向け。画像をHTMLにまとめ認証付き一時URLで届けるまでの流れを整理します。",
  "datePublished": "2026-06-24",
  "dateModified": "2026-06-25",
  "mainEntityOfPage": "https://giga-site.com/articles/krea-ai-realtime-share",
  "url": "https://giga-site.com/articles/krea-ai-realtime-share",
  "inLanguage": "ja",
  "image": "https://giga-site.com/og-image.png",
  "articleSection": "AI活用",
  "author": {
    "@type": "Organization",
    "name": "ギガサイト便"
  },
  "publisher": {
    "@type": "Organization",
    "name": "ギガサイト便"
  },
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Kreaの画像をそのまま送るのとHTMLにまとめるのは何が違いますか。",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "複数案を1ページに並べて比較でき、見出しや説明を添えられる点が違います。どれが最新版か伝わりやすく、レビューの行き違いを減らせます。"
      }
    },
    {
      "@type": "Question",
      "name": "公開前のビジュアルが検索に出ないか心配です。",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "一時公開ページにはnoindexが付くため検索結果には出ません。ただしnoindexはアクセス制御ではないので、関係者限定にしたい場合はパスワードやメール認証を併用してください。"
      }
    },
    {
      "@type": "Question",
      "name": "確認期間が終わったらどうなりますか。",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "公開期限を設定しておけば、期限が切れると自動的に閲覧できなくなります。無料プランの公開期限は最長7日です。"
      }
    },
    {
      "@type": "Question",
      "name": "レビュー後に作り直した画像はどう反映しますか。",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "同じURLのままファイルを差し替えられます。リンクを送り直さずに中身だけ更新できるので、関係者は同じURLで最新版を見られます。"
      }
    },
    {
      "@type": "Question",
      "name": "AIツールで作ったHTMLはそのまま共有しても安全ですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "そのまま共有せず、外部送信先、フォーム、APIキー、社内URL、画像パスを確認してからURL化します。ツールの共有機能や書き出し仕様は変わるため、最新画面も確認してください。"
      }
    }
  ]
}
```