AI活用

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

Squarespace AIで作った社内ツール風プロトタイプは、社内の特定メンバーだけに素早くレビューしてもらいたい場面で使う。しかし「ローカルでは動くがZipで送ると壊れる」「Slackに貼ったHTMLが開けない」という問題がよく起きる。ギガサイト便ならドメイン認証で社内メンバーだけに公開でき、開発環境なしで3秒でURLを発行できる。

何が共有しづらいのか

社内ツール風プロトタイプには「従業員番号」「部署名」「仮の顧客データ」など実業務を想定したサンプルデータが含まれやすい。Squarespace AIが自動生成したデモデータが社内の実際の構造と一致することもあるため、外部に漏れると情報管理上の問題になり得る。URLを発行する前に、HTMLに埋め込まれたすべてのダミーデータが仮のものであることを確認しよう。

プロトタイプがダッシュボード形式の場合、グラフ描画ライブラリ(Chart.jsやD3.js)がCDN経由で読み込まれていることが多い。社内ネットワークのプロキシ設定によってはCDNへのアクセスがブロックされ、グラフが表示されないままレビューが進んでしまうケースがある。必要なライブラリはHTMLと同梱してローカル参照に変えておくのが確実だ。

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

URL化する前の確認点

社内ツールのプロトタイプには、LocalStorageやCookieを操作するJavaScriptが含まれていることがある。公開URLで複数人が同時にアクセスすると、ブラウザのストレージが干渉することはないが、「データが消えた」「別の人の入力が見える」という誤解をレビュアーが持つ場合がある。依頼文に「各自のブラウザに独立して保存される」旨を補足しておこう。

iframeで外部サービス(例:Google Maps埋め込みや外部APIドキュメント)を呼び出している場合、X-Frame-Options制約でiframeが表示されないことがある。プロトタイプのレビュー段階では該当箇所をスクリーンショット画像に差し替えておくと、「このiframeは実装時に動作確認が必要」という注記とともにレビューがスムーズに進む。

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

認証と期限の決め方

社内ツールのプロトタイプなら、会社ドメイン認証が最も運用コストが低い。@example.co.jpのメールアドレスを持つ社員だけがURLにアクセスできるため、パスワードを都度伝える必要がなく、退職者のアクセス制御も管理しやすい。部署限定のレビューには別途パスワードを追加するか、専用URLを発行する方法が現実的だ。

プロトタイプのレビューは通常1〜2週間で完結するため、期限は「次の定例MTG前日の23:59」のように具体的に設定する。期限を過ぎると自動でアクセス不可になるため、レビュー担当者が期限後も参照できるよう、最終版のキャプチャをConfluenceやNotionに保存しておくことを推奨する。

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

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

社内ツールのプロトタイプレビューでは「操作が直感的かどうか」という観点が最重要だ。依頼メールに「ログインボタンを押してからデータ一覧を表示するまでの流れを試してください」など具体的な操作シナリオを書いておくと、机上のUI批評ではなく実際の使用感に基づいたフィードバックが集まる。

複数部署からフィードバックを集める場合は、Googleフォームや社内チケットシステムへのリンクをレビューURLとセットで送る。「このURLを見てから、こちらのフォームに感想を入力してください」という形にすると、SlackのDMに散在したコメントを一か所に集約でき、優先度付けの作業が格段に楽になる。

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

よくある質問

社内ネットワーク外(在宅勤務中)のメンバーにもドメイン認証でアクセスさせることはできますか?

ドメイン認証はメールアドレスのドメインで判定するため、社内ネットワークの有無は関係ない。在宅勤務中でも会社メールアドレスで認証すればアクセスできる。VPN接続は不要で、ブラウザからそのまま閲覧できる。

プロトタイプにデモ用の仮データが入っています。閲覧者に実データと誤解されないようにするには?

HTMLの目立つ位置に「このデータはデモ用サンプルです」というバナーを追加するか、プロトタイプの共有メール本文に明記する。背景色を薄い黄色にして「DEMO」ラベルを表示するだけでも誤解防止に効果的だ。

レビュー後に大幅な修正が入った場合、同じURLを使い続けられますか?

ギガサイト便ではHTMLを差し替えてもURLを維持できる。同じURLで最新版を配信できるため、レビュアーにURLを再共有する手間が省ける。ただし大きな変更の際は「バージョンXXに更新しました」と一報入れると混乱を防げる。

関連記事

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