AI活用

Wix AIで生成した社内ツール風プロトタイプをレビュー用URLにして共有する方法

Wix Studioで社内ツール風のプロトタイプを作成した場合、Wixのコラボレーター機能で共有するとEditorアクセスが付いてしまうため関係者への閲覧専用共有が難しい。業務担当者やステークホルダーに「実際に触れてもらう」環境を作るには、Wixの外でHTMLを閲覧できるURLを発行するアプローチが有効だ。

何が共有しづらいのか

Wixで社内ツール的なUIを作る場合、コラボレーター機能では「Admin」「Editor」「Contributor」などの権限しか付与できず、「閲覧専用」の権限が存在しない。レビュワーに誤ってページを削除・変更されるリスクを避けるために、エディタ環境とは別にプレビュー専用の経路を用意する必要がある。

社内ツールのプロトタイプは「在庫管理」「経費申請フロー」など業務固有の機能を模したUIが含まれており、社外に誤って共有するとセキュリティインシデントになりかねない。Wixのサイト公開(一般公開)は使わず、認証付きの外部URLでのみアクセスできる状態を保つことが前提だ。

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

URL化する前の確認点

Wixの社内ツール風UIにはWixデータベース(コレクション)と連動した一覧表示やフォームが含まれることがある。HTMLエクスポートするとこれらが空白になるため、事前にダミーデータをHTMLに直書きした静的テーブルに差し替えておく必要がある。差し替え後に各画面をブラウザで表示して、空白のセルや`undefined`の表示がないか確認してから公開しよう。

社内ツールのUIには「承認する」「削除する」「送信する」のような操作ボタンが多い。外部公開URLでこれらのボタンが実際のアクションをトリガーしないよう、JavaScriptのクリックハンドラを「alert('これはプロトタイプです。実際の操作は行われません。')」に置き換えると、レビュワーが誤操作した場合でも混乱が最小限に抑えられる。

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

認証と期限の決め方

社内向けプロトタイプには会社ドメイン認証が最適だ。全社員のメールアドレスが`@corp.co.jp`で統一されているなら、そのドメインのみ許可する設定にすることで、人事情報を管理しなくてもアクセス制御ができる。退職者のアドレスは会社側で無効化されるため、個別の削除対応も不要だ。

社内ツールのプロトタイプは複数フェーズで評価されることが多い。「業務担当者によるユーザビリティテスト(1週間)」「上長による仕様確認(3日間)」のように、フェーズごとに新しいURLを発行して旧URLは期限切れにしておくと、各フェーズのフィードバックが混在しない。

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

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

社内ツールのプロトタイプに対するフィードバックは「現行業務との差異」に集中しやすい。「現在の業務で何のシステムを使っているか」「そのシステムと比べて操作のどこが改善されているか/退行しているか」という比較軸を依頼文に入れておくと、有益なインサイトが得られる。

プロトタイプのURLを全社員に一斉に送ると、フィードバックが大量に届いて整理できなくなることがある。まずパイロットチーム(5〜10人)に先行してレビューしてもらい、フィードバックの質と量を確認してから全社展開のタイミングを決めると、一度に収集できるフィードバック量をコントロールできる。

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

よくある質問

Wixのコラボレーター権限では閲覧専用が設定できません。どうすればいいですか?

WixにはView Onlyのコラボレーター権限がないため、HTMLをエクスポートして外部のURL発行サービスでホスティングするのが現実的な対処策です。相手はWixアカウント不要で閲覧でき、編集権限が付与されるリスクもありません。

社内ツールのプロトタイプに「削除」ボタンがあります。外部公開して大丈夫ですか?

静的HTMLとして公開した場合でも、JavaScriptのハンドラが実際のAPIを呼び出している場合はリクエストが飛ぶことがあります。全てのボタンのクリックハンドラをプロトタイプ用の通知(alertなど)に書き換えてから公開してください。

パイロットチームからのフィードバックを次の全社展開に活かすためのコツはありますか?

パイロットチームのフィードバックを「UI/UX改善」「仕様変更要望」「バグ報告」の3カテゴリに分類し、全社展開前に対応できるものとバックログに積むものを決めておきましょう。分類基準を事前に決めておくとトリアージが迅速になります。

関連記事

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