---
title: "Makeシナリオで生成した管理画面モックをレビュー用URLにして共有する方法"
description: "MakeのCode moduleから出力された管理画面モックHTMLを、権限管理の懸念なくレビュアーに届けるにはひと工夫必要だ。認証付きURLで安全に共有するまでの手順を解説する。"
image: "https://giga-site.com/og-image.png"
canonical: "https://giga-site.com/articles/make-scenarios-admin-mock-review-url"
markdown: "https://giga-site.com/articles/make-scenarios-admin-mock-review-url/index.md"
category: "AI活用"
publishedAt: "2026-06-25"
updatedAt: "2026-06-25"
readingMinutes: 5
---
# Makeシナリオで生成した管理画面モックをレビュー用URLにして共有する方法

MakeシナリオのHTMLモジュールやCode moduleで作成した管理画面モックは、Makeの実行結果として出力されたHTMLファイルをURLで共有するステップが必要になる。ただし管理画面には権限管理・データ一覧・操作ボタンが含まれるため、共有前に本番への影響を切り離す作業が重要だ。

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

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

Makeシナリオで生成した管理画面モックが、本番のデータベースやスプレッドシートをリアルタイムで参照している場合、URLを共有した相手が実際の顧客データや売上データを閲覧できる状態になる。モックを公開する前に、データソースの参照先をプレースホルダー付きの静的JSONファイルに差し替えるか、本番接続を切ってHTMLにハードコードしたダミー値を表示するよう書き換える。

管理画面モックは「どの操作でどの画面に遷移するか」という動線を確認してもらうことが目的だが、URLを1つだけ送ると受け取った側は最初の画面しか見られない。遷移先の画面がローカルの相対パスを参照している場合、URLで開いた環境では存在しないパスになって404になる。共有前にモック内の全ページ間リンクを絶対パスまたはアンカー（`#section2`）に変換しておく。

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

## URL化する前の確認点

Makeの管理画面モックに削除・更新ボタンが実装されており、そのボタンがMakeのWebhookをPOSTリクエストで呼び出す設定になっている場合、レビュワーがボタンを押すと本番データが変更される。全ての`fetch()`呼び出しと`<form action>`を検索して本番エンドポイントを含まないことを確認する。含まれている場合はアラートを表示するだけのスタブ関数に差し替える。

管理画面のモックに複数タブや複数ウィンドウを前提とした動作（例: 一覧画面で選択して詳細画面を別タブで開く）が含まれる場合、URL共有の環境では`window.open()`の第2引数に渡したURLが404になることがある。公開環境でどの画面が独立したURLを持つかを整理し、404になるリンクは「※この画面は次バージョンで実装予定」というツールチップに置き換えてから共有する。

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

## 認証と期限の決め方

管理画面モックには事業の内部構造（ユーザー管理の方針、価格設定のロジック、権限の分け方）が視覚的に現れることが多い。社内でも閲覧者を「承認に関わる人のみ」に絞るべきケースがある。メール認証を使い、アクセスを許可する人のメールアドレスを事前にリスト登録する方式であれば、誰がいつ確認したかのログも残せる。

管理画面の承認プロセスは複数ラウンドになりやすく、各ラウンドで違う担当者がレビューするケースもある。URLを毎回変えると過去のフィードバックとの紐付けが難しくなるため、URLを固定したままアクセス許可リストのメールアドレスを更新する方式が運用しやすい。

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

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

管理画面のフィードバックで最も重要な情報は「どの操作で迷ったか」だ。「使いにくい」という感想では修正できないため、「ユーザーを招待するボタンをどこから探しましたか？」「設定を保存したと確信を持てた操作はどれですか？」のように特定の操作についての問いを送る。

管理画面モックの操作画面をLoom等の録画ツールで収録しながらフィードバックしてもらうと、テキストコメントでは見えないUI上の迷いが分かる。共有メッセージに「5〜10分の画面収録をお願いします。音声コメントは任意です」と添えると心理的ハードルが下がり、協力してもらいやすい。

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

## よくある質問

### 管理画面モックにダミーデータを入れる際、現実的なデータの量はどれくらいにすれば良いですか？

一覧画面でページネーションが発生するかを確認したいなら20〜50件、単純なレイアウト確認なら3〜5件で十分。データ量によってUIの見え方が変わるテーブルレイアウトは、多めのダミーデータを入れてスクロールが発生した状態も確認してもらうと良い。

### メール認証でアクセスリストを管理する場合、レビュワーが社用メールと個人メールを使い分けていると問題になりますか？

許可リストに登録していないメールアドレスではアクセスできないため、レビュワーに事前にどのメールアドレスで開くかを確認してから登録する。複数のアドレスを持っている場合は両方を登録しておくと対応がスムーズだ。

### Makeシナリオを修正してモックを再生成した場合、URLを変えずに内容だけ更新することはできますか？

同じURLのホスティング先にHTMLファイルを上書きアップロードすれば、URLを変えずに内容を更新できる。ギガサイト便などのサービスでは差し替えアップロードに対応しているため、フィードバック対応後の再生成にも活用できる。

## 関連記事

- [Makeシナリオで生成したLP案をレビュー用URLにして共有する方法](https://giga-site.com/articles/make-scenarios-lp-draft-review-url/index.md)
- [Makeシナリオで生成したHTMLスライドをレビュー用URLにして共有する方法](https://giga-site.com/articles/make-scenarios-slide-html-review-url/index.md)
- [Makeシナリオで生成したフォーム付きページをレビュー用URLにして共有する方法](https://giga-site.com/articles/make-scenarios-form-page-review-url/index.md)
- [Makeシナリオで生成した社内ツール風プロトタイプをレビュー用URLにして共有する方法](https://giga-site.com/articles/make-scenarios-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": "Makeシナリオで生成した管理画面モックをレビュー用URLにして共有する方法",
  "description": "MakeのCode moduleから出力された管理画面モックHTMLを、権限管理の懸念なくレビュアーに届けるにはひと工夫必要だ。認証付きURLで安全に共有するまでの手順を解説する。",
  "datePublished": "2026-06-25",
  "dateModified": "2026-06-25",
  "mainEntityOfPage": "https://giga-site.com/articles/make-scenarios-admin-mock-review-url",
  "url": "https://giga-site.com/articles/make-scenarios-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": "一覧画面でページネーションが発生するかを確認したいなら20〜50件、単純なレイアウト確認なら3〜5件で十分。データ量によってUIの見え方が変わるテーブルレイアウトは、多めのダミーデータを入れてスクロールが発生した状態も確認してもらうと良い。"
      }
    },
    {
      "@type": "Question",
      "name": "メール認証でアクセスリストを管理する場合、レビュワーが社用メールと個人メールを使い分けていると問題になりますか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "許可リストに登録していないメールアドレスではアクセスできないため、レビュワーに事前にどのメールアドレスで開くかを確認してから登録する。複数のアドレスを持っている場合は両方を登録しておくと対応がスムーズだ。"
      }
    },
    {
      "@type": "Question",
      "name": "Makeシナリオを修正してモックを再生成した場合、URLを変えずに内容だけ更新することはできますか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "同じURLのホスティング先にHTMLファイルを上書きアップロードすれば、URLを変えずに内容を更新できる。ギガサイト便などのサービスでは差し替えアップロードに対応しているため、フィードバック対応後の再生成にも活用できる。"
      }
    }
  ]
}
```