---
title: "Squarespace AIで生成した管理画面モックをレビュー用URLにして共有する方法"
description: "Squarespace AIで作った管理画面モックを開発チームや上長にレビューしてもらいたい担当者向け。Squarespaceの権限設定に依存しない閲覧専用URLの発行方法と、認証・期限の設定基準を解説します。"
image: "https://giga-site.com/og-image.png"
canonical: "https://giga-site.com/articles/squarespace-ai-admin-mock-review-url"
markdown: "https://giga-site.com/articles/squarespace-ai-admin-mock-review-url/index.md"
category: "AI活用"
publishedAt: "2026-06-25"
updatedAt: "2026-06-25"
readingMinutes: 4
---
# Squarespace AIで生成した管理画面モックをレビュー用URLにして共有する方法

Squarespace AIで管理画面風のUIモックを作ったとき、SquarespaceはCMSとして作られているためコラボレーター招待を使うと管理機能にアクセスできてしまう。モックを純粋に「閲覧してフィードバックをもらう」だけの目的で使うには、Squarespaceのアカウント管理とは切り離した閲覧専用URLを用意するのが最も安全だ。

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

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

Squarespaceのコラボレーター機能は「管理者」「編集者」「コンテンツ作成者」などの役割があり、いずれも何らかの編集権限を持つ。管理画面のUIモックを単純に「見てもらうだけ」の目的でコラボレーター招待を使うと、意図しない箇所を編集されるリスクが発生する。

Squarespace AIが生成した管理画面風のページはSquarespace CMSの枠組みの中で動いているため、純粋な「管理システムのプロトタイプ」として見せることが難しい。SquarespaceのCMSとしてのUIが邪魔をして、レビュワーがモックのUIに集中できないことがある。外部にHTMLを出して見せる方が意図が伝わりやすい。

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

## URL化する前の確認点

Squarespaceの管理画面モックには会員ログインの導線が含まれることがある。Squarespaceのメンバーエリアやログインページへのリンクが埋め込まれていると、外部公開後にクリックした相手がSquarespaceのログインページに飛んでしまう。リンク先を`href="#"`に差し替えるか、ボタンに「デモ用のため非活性」と注記を追加しておこう。

管理画面モックに含まれるグラフや統計ウィジェットがSquarespaceのデータと連動している場合、外部公開URLでは空のグラフが表示される。SVGや画像で作られたダミーのグラフに差し替えることで、レビュワーに「どんなデータが表示される予定か」を正確に伝えられる。

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

## 認証と期限の決め方

管理画面モックのレビュワーが全員社内の場合、会社ドメイン認証が最も管理コストが低い。Squarespaceのコラボレーター権限とは完全に独立して動作するため、Squarespaceの設定変更なしにアクセス制御ができる。

管理画面モックはシステム開発の上流工程で使われることが多く、レビューのラウンドが複数回に及ぶ。「要件定義フェーズ用URL（2週間）」「基本設計フェーズ用URL（1週間）」のように、フェーズに合わせた有効期限を設定すると、どのフェーズのフィードバックが蓄積されているURLかを把握しやすくなる。

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

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

管理画面のレビューでは「このページから次のページへの導線がわかりにくい」という指摘が多く出る。フィードバック収集フォームに「各画面間の移動でわかりにくい箇所はありましたか？」という自由記述欄を設けると、ナビゲーション設計の問題を早期に把握できる。

管理画面モックを見てもらった後、可能であれば5分程度のオンラインインタビューを設定するとテキストフィードバックでは出てこないニュアンスが拾える。「このボタンを見て最初に何をしようと思いましたか？」という問いは、ラベルの改善点を直接示すヒントになる。

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

## よくある質問

### Squarespaceのコラボレーター招待を使わずに管理画面モックを共有できますか？

HTMLをエクスポートして外部のURL発行サービスにアップロードすることで、Squarespaceの権限管理から切り離した閲覧専用URLを発行できます。相手はSquarespaceアカウントを持っていなくても閲覧でき、編集権限が付与されるリスクもありません。

### 管理画面モックのグラフが全部空白で表示されます。

SquarespaceのグラフウィジェットはCMS内のデータと連動しており、外部公開のHTMLでは描画されません。Canvaなどで作ったダミーグラフの画像をHTMLに差し込むか、SVGで静的なグラフを描いて差し替えてください。

### フェーズごとにURLを変える場合、過去のURLへのアクセスはどう管理すればいいですか？

フェーズが終了したURLは期限を過去の日付に設定してアクセスできなくする方法が最も確実です。ただし最終承認済みのバージョンのURLは記録用に1つ残しておき、「承認済み」と明記したラベルを管理台帳に付けておくと後から参照しやすくなります。

## 関連記事

- [Squarespace AIで生成したLP案をレビュー用URLにして共有する方法](https://giga-site.com/articles/squarespace-ai-lp-draft-review-url/index.md)
- [Squarespace AIで生成したHTMLスライドをレビュー用URLにして共有する方法](https://giga-site.com/articles/squarespace-ai-slide-html-review-url/index.md)
- [Squarespace AIで生成したフォーム付きページをレビュー用URLにして共有する方法](https://giga-site.com/articles/squarespace-ai-form-page-review-url/index.md)
- [Squarespace AIで生成した社内ツール風プロトタイプをレビュー用URLにして共有する方法](https://giga-site.com/articles/squarespace-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": "Squarespace AIで生成した管理画面モックをレビュー用URLにして共有する方法",
  "description": "Squarespace AIで作った管理画面モックを開発チームや上長にレビューしてもらいたい担当者向け。Squarespaceの権限設定に依存しない閲覧専用URLの発行方法と、認証・期限の設定基準を解説します。",
  "datePublished": "2026-06-25",
  "dateModified": "2026-06-25",
  "mainEntityOfPage": "https://giga-site.com/articles/squarespace-ai-admin-mock-review-url",
  "url": "https://giga-site.com/articles/squarespace-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": "Squarespaceのコラボレーター招待を使わずに管理画面モックを共有できますか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "HTMLをエクスポートして外部のURL発行サービスにアップロードすることで、Squarespaceの権限管理から切り離した閲覧専用URLを発行できます。相手はSquarespaceアカウントを持っていなくても閲覧でき、編集権限が付与されるリスクもありません。"
      }
    },
    {
      "@type": "Question",
      "name": "管理画面モックのグラフが全部空白で表示されます。",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "SquarespaceのグラフウィジェットはCMS内のデータと連動しており、外部公開のHTMLでは描画されません。Canvaなどで作ったダミーグラフの画像をHTMLに差し込むか、SVGで静的なグラフを描いて差し替えてください。"
      }
    },
    {
      "@type": "Question",
      "name": "フェーズごとにURLを変える場合、過去のURLへのアクセスはどう管理すればいいですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "フェーズが終了したURLは期限を過去の日付に設定してアクセスできなくする方法が最も確実です。ただし最終承認済みのバージョンのURLは記録用に1つ残しておき、「承認済み」と明記したラベルを管理台帳に付けておくと後から参照しやすくなります。"
      }
    }
  ]
}
```