何が共有しづらいのか
Readdyが生成するHTMLはローカルで動いていても、相手に`.html`ファイルをそのまま送ると環境によって相対パスが切れたり、JavaScriptが実行されなかったりする。特にフォームはsubmitイベントやバリデーションの動作確認が目的なのに、表示だけ壊れた状態では意味のあるフィードバックを得られない。
また「誰でも開けるURLを作る」と検索エンジンにインデックスされるリスクも生じる。開発中の問い合わせフォームや入力フローがGoogleにクロールされ、未完成のページが検索結果に出てしまったという事例も報告されている。公開範囲を最初から設計しておくことが重要だ。
- 相手がログインなしで開ける状態か確認する
- PCとスマホで最低1回ずつ表示を確認する
- 内部情報・個人情報・不要な外部送信が残っていないか見る
- レビュー期限と修正時の差し替え方を決めておく
URL化する前の確認点
フォーム付きページをURL化する前に、`form`タグの`action`属性が外部エンドポイントを指していないか確認する。Readdyのデモ用テンプレートでは`https://example.com/submit`のようなダミーURLが埋め込まれていることがあり、そのまま共有すると送信ボタンを押した際に見知らぬサーバーにデータが飛ぶ。
次に、HTMLソース内を「Bearer」「secret」「token」などのキーワードで検索し、APIキーが混入していないかチェックする。Readdyのコード生成機能を使った場合、外部サービスとの接続コードが含まれるケースがある。レビュー用URLは期限付きとはいえ、外部に出す前に機密情報を除去するのは必須の手順だ。
- HTML内の外部script・form action・iframeを確認する
- APIキーやトークンらしき文字列がないか検索する
- 画像・CSS・JSのパスが公開後も解決できるか見る
- noindexと認証を混同せず、必要なら両方設定する
認証と期限の決め方
フォームの動作確認を社外のデザイナー1人に依頼するなら、パスワード認証が最もシンプルだ。ギガサイト便ではURLと4〜8桁のパスワードをセットで発行できるので、Slackで「こちらのURLをパスワード○○で開いてください」と一行添えるだけで済む。メール認証は招待したアドレス以外からのアクセスを防ぎたい場合に使う。
期限は「フィードバック返信期限の翌日まで」に設定するのが実務的だ。過去のレビューURLが残り続けると、修正前の古いバージョンを最終成果物と勘違いされるリスクがある。ギガサイト便では期限切れ後にURLが無効化されるので、「差し替え後のURLを改めて送る」運用が徹底しやすい。
- 誰でも見てよい: URL共有のみでもよいが、検索除外は確認する
- 特定の相手だけ: パスワードまたはメール認証を使う
- 会社内だけ: 会社ドメイン認証を検討する
- 短期レビュー: 期限を設定して古いURLを残さない
共有後のフィードバック回収
フォームページのレビューで「全体的にどうですか」と聞いても抽象的な返答しか返ってこない。「①送信ボタンを押して完了メッセージが出るか、②必須項目を空欄で送信するとエラーが表示されるか、③スマホ（Safari）で入力欄が拡大しないか」のように、3点以内の具体的な確認項目を番号付きで伝えると精度の高いフィードバックが集まる。
修正後に同じURLで差し替えられる場合は「URLはそのままで中身を更新しました」と一言伝える。差し替えができない場合は新しいURLを発行し、古いURLを期限前に手動で無効化する。最終承認版は別途ファイル名にバージョン番号を付けて保管しておくと、後から「どのバージョンを承認したか」のトラブルを防ぎやすい。
- 確認してほしい観点を3つ以内に絞る
- 期限と返信先を明記する
- 修正後も同じURLで見られるか伝える
- 最終版と途中版が混ざらないようタイトルを付ける
よくある質問
Readdyのフォームはレビュー用URLで実際に送信できますか？
HTMLのform actionが実在するエンドポイントを指していれば送信できます。ただしレビュー用途では送信先をダミーに差し替えるか、送信処理を無効化した状態で共有する方が安全です。
パスワード認証とメール認証はどちらが適していますか？
不特定多数には渡さないが相手のメールアドレスを知らない場合はパスワード認証が手軽です。招待した特定の人だけに閲覧を絞りたい場合はメール認証を選んでください。
レビュー期限が切れた後、承認済みの内容はどこに保管すればよいですか？
ギガサイト便のURLは期限後にアクセス不能になるため、承認済みのHTMLファイルは別途ローカルまたは社内ストレージに保管してください。ファイル名にv1-approved等のラベルを付けると混在を防げます。