---
title: "Durable AIで生成した管理画面モックをレビュー用URLにして共有する方法"
description: "Durable AIで作った管理画面モックを開発チームや発注者に安全にレビュー共有したい方向け。ダミーデータの扱い・API呼び出しの無効化・会社ドメイン認証の活用まで、社内共有の実務手順を解説する。"
image: "https://giga-site.com/og-image.png"
canonical: "https://giga-site.com/articles/durable-ai-admin-mock-review-url"
markdown: "https://giga-site.com/articles/durable-ai-admin-mock-review-url/index.md"
category: "AI活用"
publishedAt: "2026-06-25"
updatedAt: "2026-06-25"
readingMinutes: 4
---
# Durable AIで生成した管理画面モックをレビュー用URLにして共有する方法

Durable AIで生成した管理画面モックは、ボタンや表・グラフが組み合わさった複雑なUIを持つため、静的な画像では操作フローを伝えにくい。ギガサイト便でHTMLをURL化すれば、実際にスクロールやタブ切り替えを体験してもらいながらフィードバックを集められる。

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

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

管理画面モックには売上・ユーザー数・エラーログを模したダミーデータが大量に含まれる。数値がリアルすぎると、レビュアーが「これは本番データですか」と勘違いして過剰に反応するケースがある。ダミーデータには「サンプル」「TEST」などの文字を混ぜるか、ありえない数値（売上9,999,999円など）にしておくと誤解を防ぎやすい。

また管理画面は多数の画面遷移を含むことが多く、URLを共有しただけでは「どこから見ればよいか」がわからないとレビュアーが迷子になる。共有メッセージに「まずダッシュボード画面から始め、左メニューの『ユーザー管理』→『新規登録』の順に操作してください」のようなウォークスルー手順を添えると、意図した流れで評価してもらえる。

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

## URL化する前の確認点

Durable AIが生成した管理画面モックにREST APIを呼び出すコードが含まれているか、HTMLのscriptタグを全文検索して確認する。`/api/users`や`/admin/data`のような相対パスのエンドポイントが残っていると、レビュー環境でのクリックがエラーを返し、レビュアーが「壊れている」と判断してしまう。不要なAPI呼び出しはモックデータを返す関数に差し替えるか削除する。

外部CSSフレームワーク（TailwindCDNやBootstrap）をCDNから読み込んでいる場合、そのURLが有効かつアクセス可能かを確認する。CDNのバージョンが古かったり非推奨になっていたりするとスタイルが崩れる。可能であれば必要なCSSをHTMLに直接インライン化するか、ファイルに同梱してからアップロードするとCDN依存を排除できる。

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

## 認証と期限の決め方

社内の開発チームだけに共有する場合は、会社ドメイン認証が最もスムーズだ。ギガサイト便でドメイン（例: company.co.jp）を指定すれば、そのドメインのメールアドレスを持つ人だけがワンクリックでアクセスできる。パスワードを配布・管理する手間がなく、人事異動でメンバーが変わっても対応しやすい。

発注者（社外）と開発チーム（社内）の両方に見せる場合は、別々のURLを発行して認証方式を分けることを検討する。社内向けはドメイン認証、社外向けはメール認証またはパスワード認証とすることで、万一URLが漏れても被害が一方にとどまる。期限はそれぞれのレビュー期間に合わせて個別に設定する。

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

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

管理画面モックのレビューでは、操作タスクを設定すると有効なフィードバックが集まりやすい。「新規ユーザーを1人登録して、登録後の詳細画面に移動する操作をしてみてください。詰まった箇所があればそのまま教えてください」という形式で依頼すると、ナビゲーションの問題・ボタンのわかりにくさ・ラベルの不明瞭さが具体的に出てくる。

修正サイクルを速くするために、フィードバックを「UI変更（デザイン）」「動作変更（ロジック）」「コンテンツ変更（テキスト・ラベル）」の3カテゴリで整理する習慣をつける。カテゴリ分けすることで、デザイナー・エンジニア・ライターへのタスク振り分けが明確になり、次のイテレーションに出る修正版を素早く用意できる。

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

## よくある質問

### 管理画面モックのテーブルに本物の顧客名が入っていました。どう対処すればよいですか？

共有前にすべての実在情報を架空のダミーデータに置換してください。テキストエディタの一括置換機能を使うか、Readdyに再生成を依頼する際にフィクションのデータを明示的に指定する方法が効率的です。

### 社外の発注者と社内チームの両方に同じURLを共有してよいですか？

可能ですが、認証要件が異なる場合は別URLを発行することを推奨します。社外向けはパスワードまたはメール認証、社内向けはドメイン認証にすることでアクセス制御を分離できます。

### APIエラーが出て一部の画面が真っ白になっています。レビュー前に直すべきですか？

レビュー対象の画面が正常に表示されることが前提です。エラーが出る箇所は事前にモックデータを返すよう修正するか、レビュー依頼文に「○○画面はこの版では未対応」と明記してからURL共有してください。

## 関連記事

- [Durable AIで生成したLP案をレビュー用URLにして共有する方法](https://giga-site.com/articles/durable-ai-lp-draft-review-url/index.md)
- [Durable AIで生成したHTMLスライドをレビュー用URLにして共有する方法](https://giga-site.com/articles/durable-ai-slide-html-review-url/index.md)
- [Durable AIで生成したフォーム付きページをレビュー用URLにして共有する方法](https://giga-site.com/articles/durable-ai-form-page-review-url/index.md)
- [Durable AIで生成した社内ツール風プロトタイプをレビュー用URLにして共有する方法](https://giga-site.com/articles/durable-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": "Durable AIで生成した管理画面モックをレビュー用URLにして共有する方法",
  "description": "Durable AIで作った管理画面モックを開発チームや発注者に安全にレビュー共有したい方向け。ダミーデータの扱い・API呼び出しの無効化・会社ドメイン認証の活用まで、社内共有の実務手順を解説する。",
  "datePublished": "2026-06-25",
  "dateModified": "2026-06-25",
  "mainEntityOfPage": "https://giga-site.com/articles/durable-ai-admin-mock-review-url",
  "url": "https://giga-site.com/articles/durable-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": "共有前にすべての実在情報を架空のダミーデータに置換してください。テキストエディタの一括置換機能を使うか、Readdyに再生成を依頼する際にフィクションのデータを明示的に指定する方法が効率的です。"
      }
    },
    {
      "@type": "Question",
      "name": "社外の発注者と社内チームの両方に同じURLを共有してよいですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "可能ですが、認証要件が異なる場合は別URLを発行することを推奨します。社外向けはパスワードまたはメール認証、社内向けはドメイン認証にすることでアクセス制御を分離できます。"
      }
    },
    {
      "@type": "Question",
      "name": "APIエラーが出て一部の画面が真っ白になっています。レビュー前に直すべきですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "レビュー対象の画面が正常に表示されることが前提です。エラーが出る箇所は事前にモックデータを返すよう修正するか、レビュー依頼文に「○○画面はこの版では未対応」と明記してからURL共有してください。"
      }
    }
  ]
}
```