---
title: "Dora AIで生成した管理画面モックをレビュー用URLにして共有する方法"
description: "複数画面にまたがる管理画面モックは、エンジニア以外の承認者が画面遷移を追えないと判断が遅れる。Dora AIで生成したUIをURL化してフィードバックをブラウザ操作ごともらう方法と、承認フローを短縮するためのポイントをまとめた。"
image: "https://giga-site.com/og-image.png"
canonical: "https://giga-site.com/articles/dora-ai-admin-mock-review-url"
markdown: "https://giga-site.com/articles/dora-ai-admin-mock-review-url/index.md"
category: "AI活用"
publishedAt: "2026-06-25"
updatedAt: "2026-06-25"
readingMinutes: 4
---
# Dora AIで生成した管理画面モックをレビュー用URLにして共有する方法

Dora AIで生成した管理画面モックは、ダッシュボード・データテーブル・設定画面など複数の画面を含む複雑なUIを持つことが多い。ギガサイト便でURL化することで、エンジニア以外の承認者にも実際の画面遷移を操作させながらフィードバックを取れ、設計フェーズの手戻りを大幅に減らせる。

> Source HTML: https://giga-site.com/articles/dora-ai-admin-mock-review-url
> Article index: https://giga-site.com/articles/index.md

## 何が共有しづらいのか

管理画面は一般向けLPと異なり、複数の画面を行き来して初めて使い勝手がわかるUIだ。ファイルで渡しても「どの画面から触ればよいかわからない」という理由でレビューが止まることが多い。URLでアクセスしてもらった上で「最初にこの画面を開いてください」という入口を指定するガイドを添付することで、スムーズにレビューを始めてもらえる。

管理画面のダミーデータには数十行のテーブルが含まれるため、「データが多すぎてどこを見ればよいかわからない」という反応が来ることがある。Dora AIに再生成を依頼するとき、テーブルの行数を3〜5行に制限したバージョンもあわせて出力しておくと、UIの評価に集中したレビューを依頼しやすい。

- 相手がログインなしで開ける状態か確認する
- PCとスマホで最低1回ずつ表示を確認する
- 内部情報・個人情報・不要な外部送信が残っていないか見る
- レビュー期限と修正時の差し替え方を決めておく

## URL化する前の確認点

Dora AIが生成した管理画面モックの日付・数値・ステータス表示が、レビュアーが見たときに「最新ではない」と感じる状態になっていないか確認する。たとえば「最終更新: 2022年1月1日」のような古い日付がハードコードされていると、プロトタイプの完成度に対する印象が下がる。レビュー前にダミーの日付を現在に近い値に書き換えることを推奨する。

チャートやグラフのデータをJSONでHTMLにインラインで持っている場合、そのJSONに個人情報や機密情報が含まれていないか確認する。Dora AIのテンプレートによっては、実際のビジネスデータに見えるリアルな数値や業種名が使われることがある。こうしたデータを一般的なフィクション（テスト株式会社、テスト商品Aなど）に置き換えてから共有する。

- HTML内の外部script・form action・iframeを確認する
- APIキーやトークンらしき文字列がないか検索する
- 画像・CSS・JSのパスが公開後も解決できるか見る
- noindexと認証を混同せず、必要なら両方設定する

## 認証と期限の決め方

管理画面モックを社外の発注者に見せる場合、発注者側が複数の担当者を含む組織であれば、全員のメールアドレスをまとめてメール認証に登録する。発注者担当者が社内の上長に確認を取るために「URLを転送してよいですか」と聞いてきた場合は、その上長のアドレスを追加招待することで対応できる。パスワードを発行して「転送しないでください」とお願いするより、招待管理の方がアクセス範囲が明確だ。

期限は「次の打ち合わせの前日」を目安にするとよい。打ち合わせ当日に「昨日URLを開いてみたのですが…」という形でフィードバックが自然に生まれる流れを作れる。打ち合わせが終わったらURLを期限切れにし、修正版を次の打ち合わせ前に新URLで共有するサイクルを繰り返す。

- 誰でも見てよい: URL共有のみでもよいが、検索除外は確認する
- 特定の相手だけ: パスワードまたはメール認証を使う
- 会社内だけ: 会社ドメイン認証を検討する
- 短期レビュー: 期限を設定して古いURLを残さない

## 共有後のフィードバック回収

管理画面のレビューは「情報の見つけやすさ」が核心的な評価軸になる。「この画面で○○の情報を30秒以内に見つけられましたか」という問いに答えてもらうことで、情報アーキテクチャの問題を定量的に把握できる。「見つけられた」「見つけられなかった」の二択と、「どこで迷ったか」の記述を組み合わせると改善点が明確になる。

複数のレビュアーから回答が集まったら、「迷った場所」を集計してヒートマップ的に整理する。同じ画面の同じエリアで複数人が迷っているなら、ラベルの変更・アイコンの追加・セクションの分割が効果的だ。「この操作でわかりにくいと感じた人: 3人中2人」という形で記録しておくと次のバージョンの優先度付けに活用できる。

- 確認してほしい観点を3つ以内に絞る
- 期限と返信先を明記する
- 修正後も同じURLで見られるか伝える
- 最終版と途中版が混ざらないようタイトルを付ける

## よくある質問

### 管理画面のダミーデータが多すぎてどこを見ればよいかわかりません。どう整理すればよいですか？

テーブルの行数を5行以下に絞ったシンプル版HTMLを用意し、そちらをレビュー用URLにしてください。UIの評価には大量のデータは不要で、少ないデータの方がUIの構造が見やすくなります。

### 発注者の上長も確認したいと言っています。URLを転送してよいですか？

メール認証を使用している場合は上長のアドレスを追加招待してください。パスワード認証の場合は転送しても問題ありませんが、アクセス範囲が広がることを念頭に置いた上で判断してください。

### グラフデータがリアルすぎてダミーに見えません。どう変えればよいですか？

数値の桁をそろえすぎない（1234567ではなく9876543にする）、企業名を「テスト株式会社A」などに変える、日付を10年以上未来にするなど、明らかにフィクションとわかる値に置き換えてください。

## 関連記事

- [Dora AIで生成したLP案をレビュー用URLにして共有する方法](https://giga-site.com/articles/dora-ai-lp-draft-review-url/index.md)
- [Dora AIで生成したHTMLスライドをレビュー用URLにして共有する方法](https://giga-site.com/articles/dora-ai-slide-html-review-url/index.md)
- [Dora AIで生成したフォーム付きページをレビュー用URLにして共有する方法](https://giga-site.com/articles/dora-ai-form-page-review-url/index.md)
- [Dora AIで生成した社内ツール風プロトタイプをレビュー用URLにして共有する方法](https://giga-site.com/articles/dora-ai-internal-tool-prototype-review-url/index.md)
- [Firebase Studioで生成した管理画面モックをレビュー用URLにして共有する方法](https://giga-site.com/articles/firebase-studio-admin-mock-review-url/index.md)
- [Google Stitchで生成した管理画面モックをレビュー用URLにして共有する方法](https://giga-site.com/articles/google-stitch-admin-mock-review-url/index.md)

```json
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Dora AIで生成した管理画面モックをレビュー用URLにして共有する方法",
  "description": "複数画面にまたがる管理画面モックは、エンジニア以外の承認者が画面遷移を追えないと判断が遅れる。Dora AIで生成したUIをURL化してフィードバックをブラウザ操作ごともらう方法と、承認フローを短縮するためのポイントをまとめた。",
  "datePublished": "2026-06-25",
  "dateModified": "2026-06-25",
  "mainEntityOfPage": "https://giga-site.com/articles/dora-ai-admin-mock-review-url",
  "url": "https://giga-site.com/articles/dora-ai-admin-mock-review-url",
  "inLanguage": "ja",
  "image": "https://giga-site.com/og-image.png",
  "articleSection": "AI活用",
  "author": {
    "@type": "Organization",
    "name": "ギガサイト便"
  },
  "publisher": {
    "@type": "Organization",
    "name": "ギガサイト便"
  },
  "mainEntity": [
    {
      "@type": "Question",
      "name": "管理画面のダミーデータが多すぎてどこを見ればよいかわかりません。どう整理すればよいですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "テーブルの行数を5行以下に絞ったシンプル版HTMLを用意し、そちらをレビュー用URLにしてください。UIの評価には大量のデータは不要で、少ないデータの方がUIの構造が見やすくなります。"
      }
    },
    {
      "@type": "Question",
      "name": "発注者の上長も確認したいと言っています。URLを転送してよいですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "メール認証を使用している場合は上長のアドレスを追加招待してください。パスワード認証の場合は転送しても問題ありませんが、アクセス範囲が広がることを念頭に置いた上で判断してください。"
      }
    },
    {
      "@type": "Question",
      "name": "グラフデータがリアルすぎてダミーに見えません。どう変えればよいですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "数値の桁をそろえすぎない（1234567ではなく9876543にする）、企業名を「テスト株式会社A」などに変える、日付を10年以上未来にするなど、明らかにフィクションとわかる値に置き換えてください。"
      }
    }
  ]
}
```