---
title: "Dora AIで作った3Dサイトを確認用に共有する方法"
description: "スクロールアニメーションや3D表現は静止画では魅力が伝わらない。Dora AIのサイトを書き出して一時URLで動かしながらレビューしてもらう手順と、未公開表現を外部に晒さないための注意点を解説します。"
image: "https://giga-site.com/og-image.png"
canonical: "https://giga-site.com/articles/dora-ai-3d-site-share"
markdown: "https://giga-site.com/articles/dora-ai-3d-site-share/index.md"
category: "AI活用"
publishedAt: "2026-06-24"
updatedAt: "2026-06-25"
readingMinutes: 5
---
# Dora AIで作った3Dサイトを確認用に共有する方法

Dora AIはスクロールアニメーションや3D表現を備えた、動きのあるサイトを作れるツールです。こうしたサイトは静止画では魅力が伝わらず、実際に動かして見てもらう必要があります。ここではDora AIで作ったサイトを書き出し、一時URLで関係者に確認してもらう方法を整理します。外部サービスの仕様は変わるため、本文ではレビュー共有で変わりにくい判断軸を中心に整理します。

> Source HTML: https://giga-site.com/articles/dora-ai-3d-site-share
> Article index: https://giga-site.com/articles/index.md

## 動きのあるサイトはスクリーンショットでは伝わらない

Dora AIで作ったサイトの魅力は、スクロールに連動したアニメーションや3D表現といった動きにあります。静止画やスクリーンショットでは、その体験を相手に伝えきれません。

だからこそ、実際にブラウザで動かせる状態のまま関係者に共有することが重要です。相手が自分の手元で操作して、動きや表示の滑らかさを体感できる形が望ましいといえます。

一時URLで実際のサイトを見てもらえば、動きを含めた完成イメージを正確に共有でき、ずれのないフィードバックが返ってきます。

## アニメーションを含めて書き出す

Dora AIのサイトを書き出すと、HTMLに加えてアニメーションを動かすCSSやJavaScript、画像などのアセットが含まれます。これらが揃っていないと動きが再現されないため、ファイル一式をまとめて扱う必要があります。

HTML・CSS・JS・画像をすべて1つのフォルダにまとめ、ZIPにしておくと一式として確実に渡せます。相対パスで参照しておけば、相手の環境でもアニメーションがそのまま動きます。

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

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

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

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

## 一時URLで確認してもらう手順

まとめたZIPをギガサイト便のトップページにドロップすると、その場で共有URLが発行されます。CSSやJS、画像を含むZIPをそのまま受け付けるので、アニメーションや3D表現を含むサイトも動く状態で共有できます。CDNのエッジ配信で表示も速く、動きの確認に適しています。

1. Dora AIのサイトをHTML・CSS・JS・画像ごと書き出す
2. アセットをまとめてフォルダごとZIPにする
3. ギガサイト便のトップにドロップして共有URLを発行する
4. 認証方式と公開期限を設定する
5. 関係者にURLを送り、ブラウザで実際に動かして確認してもらう

## 見せる相手に合わせた認証選び

認証方式は、URLのみ・パスワード・メール認証（ワンタイムコード）・会社ドメイン認証から選べます。社内のチームに見せるなら会社ドメイン認証、社外のクライアントに見せるならパスワードやメール認証が使いやすいでしょう。

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

## 動作確認とフィードバックのコツ

動きのあるサイトは、見る人の端末やブラウザによって表示が変わることがあります。複数の関係者に共有して、それぞれの環境でアニメーションが意図通りに動くかを確認してもらうと、公開前に問題を洗い出せます。

対面やイベントで見せる場面では、QRコードを配布すれば相手のスマホですぐに開いてもらえます。スマホでの動きの見え方をその場で確認したいときに便利です。

## 差し替えと公開期限で確認を回す

フィードバックを受けてアニメーションを調整したら、同じURLのままファイルを差し替えられます。リンクを送り直さずに最新版を確認してもらえるので、動きの微調整を繰り返す確認フェーズに向いています。

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

## よくある質問

### アニメーションや3D表現も共有先で動きますか

動きます。HTMLに加えてCSS・JS・画像を含むZIPをそのまま受け付けるので、アニメーションや3D表現を再現する状態で共有できます。相対パスでまとめておくのがコツです。

### スクリーンショットではなく実物を見せたいのですが

一時URLで共有すれば、相手はブラウザで実際にサイトを動かして確認できます。スクロールに連動した動きや3D表現を体感してもらえるので、静止画より正確に伝わります。

### スマホでの見え方も確認してもらえますか

QRコードを配布すれば、相手のスマホですぐに開いてもらえます。複数の端末で共有して、それぞれの環境でアニメーションが意図通り動くかを確認すると安心です。

### 動きを調整したら共有し直しが必要ですか

必要ありません。同じURLのままファイルを差し替えられるので、調整版をアップロードし直すだけで、関係者は同じリンクから最新の動きを確認できます。

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

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

## 関連記事

- [Spline AIで作った3Dシーンを共有する方法](https://giga-site.com/articles/spline-ai-3d-share/index.md)
- [AI生成HTMLのアクセシビリティを確認してから共有する方法](https://giga-site.com/articles/check-ai-html-accessibility/index.md)
- [AIで作ったHTMLを「生成→共有→レビュー→差し替え」まで一気通貫で回すワークフロー](https://giga-site.com/articles/ai-html-review-workflow-end-to-end/index.md)
- [AI生成HTMLを関係者に見せる前の最終チェックリスト10項目](https://giga-site.com/articles/ai-html-stakeholder-checklist-before-share/index.md)
- [AIに作らせた2案のHTMLを別々のURLで配って意見を分けて集める方法](https://giga-site.com/articles/ai-html-ab-feedback-two-urls/index.md)
- [Lovableで作ったアプリをURLで共有する方法](https://giga-site.com/articles/share-lovable-app/index.md)

```json
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Dora AIで作った3Dサイトを確認用に共有する方法",
  "description": "スクロールアニメーションや3D表現は静止画では魅力が伝わらない。Dora AIのサイトを書き出して一時URLで動かしながらレビューしてもらう手順と、未公開表現を外部に晒さないための注意点を解説します。",
  "datePublished": "2026-06-24",
  "dateModified": "2026-06-25",
  "mainEntityOfPage": "https://giga-site.com/articles/dora-ai-3d-site-share",
  "url": "https://giga-site.com/articles/dora-ai-3d-site-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": "アニメーションや3D表現も共有先で動きますか",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "動きます。HTMLに加えてCSS・JS・画像を含むZIPをそのまま受け付けるので、アニメーションや3D表現を再現する状態で共有できます。相対パスでまとめておくのがコツです。"
      }
    },
    {
      "@type": "Question",
      "name": "スクリーンショットではなく実物を見せたいのですが",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "一時URLで共有すれば、相手はブラウザで実際にサイトを動かして確認できます。スクロールに連動した動きや3D表現を体感してもらえるので、静止画より正確に伝わります。"
      }
    },
    {
      "@type": "Question",
      "name": "スマホでの見え方も確認してもらえますか",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "QRコードを配布すれば、相手のスマホですぐに開いてもらえます。複数の端末で共有して、それぞれの環境でアニメーションが意図通り動くかを確認すると安心です。"
      }
    },
    {
      "@type": "Question",
      "name": "動きを調整したら共有し直しが必要ですか",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "必要ありません。同じURLのままファイルを差し替えられるので、調整版をアップロードし直すだけで、関係者は同じリンクから最新の動きを確認できます。"
      }
    },
    {
      "@type": "Question",
      "name": "AIツールで作ったHTMLはそのまま共有しても安全ですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "そのまま共有せず、外部送信先、フォーム、APIキー、社内URL、画像パスを確認してからURL化します。ツールの共有機能や書き出し仕様は変わるため、最新画面も確認してください。"
      }
    }
  ]
}
```