AI活用

Durable AIで生成したフォーム付きページをレビュー用URLにして共有する方法

Durable AIが生成するフォーム付きページは、問い合わせフォームや申し込みフローを含むため、デザイン確認だけでなく動作確認もレビューの対象になる。ギガサイト便で認証付きURLを発行すれば、フォームの入力・送信・エラー表示をレビュアーに実際に体験してもらいながら安全にフィードバックを集められる。

何が共有しづらいのか

Durable AIのフォーム付きページでは、デフォルトでDurableのサーバーにフォーム送信データが届く設定になっていることがある。レビュー用URLで共有したページのフォームをレビュアーが「試しに送信」すると、その入力データが実際のDurableアカウントに蓄積される。テストデータとリアルデータが混在する前に、レビュー用はフォーム送信を無効化するか送信先をフォームテストサービス(requestbinなど)に変えておく。

フォームの見た目は画像で確認できても、バリデーション(必須項目未入力時のエラー表示・メール形式チェックなど)はインタラクションを通じてしか評価できない。URLで実際に操作してもらうことで、バリデーションメッセージの文言が適切かどうかというコンテンツレベルのフィードバックも得られる。これはスクリーンショット共有では絶対に得られない情報だ。

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

URL化する前の確認点

フォームの`action`属性と、JavaScriptで`fetch`している送信先URLを確認する。Durable AIのエクスポートには`https://api.durable.co/submit`のような独自エンドポイントが含まれることがあるため、そのままレビュー共有すると送信データが外部に流れる。テスト用のhttps://httpbin.org/post のような返り値を確認できるエンドポイントに書き換えるのが手軽だ。

フォームに個人情報(氏名・電話番号・メールアドレス)の入力欄があれば、レビュアーが本物の個人情報を入力しないよう「テスト用ダミーデータを使用してください」と明記したガイドをページ内か依頼メッセージに添付する。フォームのラベルに「(テスト)」を追加するだけでも誤入力を防ぐ効果がある。

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

認証と期限の決め方

フォーム付きページのレビューは、外部クライアントへの提案と社内デザインレビューで性格が異なる。クライアント提案なら担当者のメールアドレスを招待するメール認証が最適だ。「このURLを開いてフォームを操作してみてください」という依頼が完結し、別途パスワードをやり取りする手間がない。

期限は「フォームの送信後に届く完了メール(もしあれば)の動作確認も含めて余裕を持たせる」ために、レビュアーが実際に操作するであろう時間帯の翌日まで設定する。たとえば「今週中に確認をお願いします」という依頼であれば、金曜の23:59を期限にするのではなく、翌月曜の9:00まで延ばすことで週末の確認にも対応できる。

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

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

フォームのレビューで集めたいフィードバックは主に「①各フィールドのラベルが入力内容を正しく説明しているか、②送信ボタンのテキストが行動を促しているか、③エラーメッセージが何を修正すればよいか明確か」の3点だ。依頼文にこの3点を番号付きで記載し、「それぞれYes/Noと気になった点を一言ずつ教えてください」とフォーマットを指定すると回答が集まりやすい。

フォームは送信後の画面(サンクスページ・確認メール)もレビュー対象に含めることを忘れやすい。「フォームを送信した後に表示される画面も確認してください」と明示しておく。送信後の体験に問題があると、せっかくデザインが良くても送信完了の信頼感が損なわれる。レビュー後の修正リストにはフォーム前後の画面を一連のフローとして記載する。

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

よくある質問

フォームの送信ボタンを押すとエラーになります。レビュアーに見せてよいですか?

送信先が未設定のままURL共有するとエラーが出てレビュアーが困惑します。テスト用エンドポイント(httpbin.orgなど)に送信先を変更するか、送信ボタンのJavaScriptをコメントアウトしてからURL化してください。

レビュアーに本物の個人情報を入力させないためにどうすればよいですか?

依頼メッセージに「テスト用の架空の情報で入力してください(例: テスト太郎、test@example.com)」と記載してください。フォームのラベルや placeholder に「テスト用」と明記するとさらに誤入力を防げます。

レビューが終わった後、同じフォームを本番公開するにはどうすればよいですか?

レビュー用のHTMLとは別に、送信先を本番エンドポイントに戻した最終版のHTMLを用意してDurableまたは本番サーバーにデプロイしてください。ギガサイト便のURLは本番公開用ではなくレビュー専用と使い分けることを推奨します。

関連記事

AI活用

Durable AIで生成したHTMLスライドをレビュー用URLにして共有する方法

相手のPCでHTMLが正しく開かない、という問題はプレゼン前に何度も遭遇する。Durable AIが出力するブラウザ動作型スライドは、URLで共有するのが最も確実で、ギガサイト便を使えばデザインチェックや上長確認を発表直前までスムーズに回せる。

4分で読める
「AI活用」の記事をもっと見る →