AI活用

Wix AIで生成した管理画面モックをレビュー用URLにして共有する方法

Wix AIで管理画面のモックを作ったとき、「動くものを見てほしい」と思ってもWixのエディタを共有するわけにはいかない。編集権限まで渡してしまうリスクがあるからだ。HTMLとして外部にホスティングして認証付きURLを発行すれば、閲覧専用のプレビュー環境を手軽に作れる。

何が共有しづらいのか

WixでサイトメンバーにCollaborator権限を付与すると、管理画面の設定まで操作できてしまうケースがある。レビュー専用に「閲覧のみ」の権限設定を正確に理解していないと、意図せずコンテンツを変更されるリスクがある。安全策として、エディタとは切り離した静的な閲覧専用URLを発行する方針が無難だ。

管理画面モックは「ユーザー一覧」「売上グラフ」「設定パネル」など画面が多岐にわたる。Wixのエディタを相手に渡さずに、画面ごとのナビゲーションを保ったままプレビューできる環境を作るには、HTMLエクスポートとホスティングを組み合わせた手順が必要になる。

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

URL化する前の確認点

Wix AIが生成した管理画面モックには、Wix独自のデータコレクション(データベース機能)と連動したウィジェットが含まれている場合がある。HTMLエクスポート後にこのウィジェット部分がエラー表示になるため、公開前に該当箇所をスクリーンショット画像で差し替えるか、空の状態のUIに変更しておく必要がある。

管理画面モックには「ログインしているユーザーの名前」を動的に表示するコードが含まれることがある。静的HTMLとして公開した場合にはこの部分が空欄や`undefined`と表示されることがあるため、固定のダミーユーザー名をHTMLに直書きして差し替えてから共有しよう。

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

認証と期限の決め方

管理画面モックを確認するのが社内メンバーだけなら、会社メールドメインによる認証が最もシンプルだ。Wixエディタの権限設定とは独立して、URLにアクセスできる人を制御できるため、誤ってエディタ権限を付与するリスクがない。

管理画面モックの確認は「デザインレビュー」「UXフロー確認」「情報設計レビュー」と段階的に行うことが多い。各フェーズの終了時に期限を設けてURLを更新することで、古いバージョンのモックが放置されるのを防ぎ、「どのバージョンが最新か」という混乱を避けられる。

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

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

管理画面のUXレビューでは、実際の業務担当者が「どの操作に一番時間がかかっているか」を基準にフィードバックを出すと優先度の高い改善点が見えやすい。依頼文に「最もよく使う画面はどこか」「この操作で迷う箇所はどこか」の2問を入れると具体的な回答が返ってくる。

フィードバックをGoogle フォームやNotionで収集する場合、回答と対応するモックの画面を紐付けやすいよう、「画面名」を選択式の項目として追加すると整理が楽になる。スクリーンショットを添付してもらう方式は受け取り側の負担が大きいため、テキストで画面名と操作を説明してもらう形式のほうが回答率が上がりやすい。

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

よくある質問

Wixの管理画面モックをエクスポートしたら動的データが全部消えていました。

Wixのデータコレクションと連動した表示はHTMLエクスポートでは再現されません。ダミーデータをHTMLに直接記述した静的版を別途作るか、Wixエディタのスクリーンキャプチャ動画をレビュー資料として使う方法が現実的です。

Collaborator権限を付与せずに管理画面モックを見せる方法はありますか?

HTMLを外部にエクスポートしてURL発行サービスでホスティングすることで、Wixの権限設定と完全に切り離した閲覧専用URLを作れます。相手はWixアカウントを持っていなくても確認でき、編集権限が付与されるリスクもありません。

管理画面モックに「ログインユーザー名」が空欄で表示されています。

静的HTMLではWixの動的変数が解決されないため空欄になります。HTMLエディタで変数部分を固定のダミー名(例:「管理者 田中」)に書き換えてから共有してください。レビュワーが混乱しないようダミーデータであることをページ上部に表示するとよいです。

関連記事

「AI活用」の記事をもっと見る →