何が共有しづらいのか
Difyが生成するフォームページは、入力値のバリデーションとAPI送信を一体で実装する場合がある。レビュアーがフォームを操作して「送信」ボタンを押すと、本番APIへのリクエストが飛んでしまうリスクがある。「動作確認のためにフォームを触ってみた」という善意の行動が実害につながるため、送信先を事前に無効化しておくことが必要だ。
Difyのワークフロー上のプレビューURLはアカウント認証が必要であり、外部のレビュアーにそのまま共有できない。かといってHTMLをメール添付するとCSSが崩れてフォームの見た目が正確に伝わらない。URLクリックで開けて、かつログイン不要な形式にする必要がある。
- 相手がログインなしで開ける状態か確認する
- PCとスマホで最低1回ずつ表示を確認する
- 内部情報・個人情報・不要な外部送信が残っていないか見る
- レビュー期限と修正時の差し替え方を決めておく
URL化する前の確認点
HTMLソースのfetch・axiosの呼び出し先URLと、form actionの値を確認する。本番ドメインが含まれる場合は、`https://httpbin.org/post`（POSTデータをそのままJSONで返すサービス）に差し替えると、レビュアーが送信した内容を本番には保存させずに動作確認できる。差し替え後にブラウザで送信テストをして、コンソールにエラーが出ないことを確認する。
フォームのinput要素のname属性に`api_key`や`secret`のような文字列が含まれていないかチェックする。Difyがデバッグ用のhidden inputを残している場合があり、ソースを見た受け手に内部設計が読み取られる可能性がある。不要なhidden inputは削除し、nameも汎用的な名前に整理してから共有する。
- HTML内の外部script・form action・iframeを確認する
- APIキーやトークンらしき文字列がないか検索する
- 画像・CSS・JSのパスが公開後も解決できるか見る
- noindexと認証を混同せず、必要なら両方設定する
認証と期限の決め方
フォームページを社外クライアントにレビューさせる場合は、パスワード認証を設定して「このページはレビュー用のダミーです。送信ボタンを押しても本番には送信されません」という注記をページ上部に入れると安心感を与えられる。URLとパスワードを同一メールに入れないよう注意する。
フォームのレビューサイクルは短い場合でも数日かかる。共有URLの有効期限は1〜2週間を目安に設定するとよい。フォームを複数バージョン用意してA/B比較させる場合は、バージョンAとBに別々のURLを発行し、同じパスワードで統一する。レビュアーが2つのURLを行き来しやすくなる。
- 誰でも見てよい: URL共有のみでもよいが、検索除外は確認する
- 特定の相手だけ: パスワードまたはメール認証を使う
- 会社内だけ: 会社ドメイン認証を検討する
- 短期レビュー: 期限を設定して古いURLを残さない
共有後のフィードバック回収
フォームレビューでは「必須項目が多すぎて離脱したくなるか」「エラーメッセージが何をすれば解決できるか分かるか」「確認画面のラベルが分かりやすいか」の3点を質問として送ると、UXの観点で具体的な意見が集まりやすい。レビュアーに実際にフォームを入力・送信してもらった上で回答してもらうとより精度の高いフィードバックになる。
フィードバックを受けてDifyで修正版を再生成した場合は、送信先の差し替えとhidden inputの確認を再度行ってから共有する。「修正しました」という通知と一緒に変更点を箇条書きで送ると、レビュアーが全項目を再確認する手間が省ける。
- 確認してほしい観点を3つ以内に絞る
- 期限と返信先を明記する
- 修正後も同じURLで見られるか伝える
- 最終版と途中版が混ざらないようタイトルを付ける
よくある質問
Difyが生成したフォームの送信先を差し替える方法を教えてください。
HTMLソースのfetch呼び出しのURL文字列か、form actionの値を`https://httpbin.org/post`などのモックエンドポイントに書き換えます。テキストエディタで検索・置換するのが最も簡単です。
レビュアーが「送信しても大丈夫ですか」と聞いてくる場合、何と回答すべきですか？
「このURLはレビュー用のダミーページで、送信ボタンを押しても本番システムには一切送信されません」と明確に伝えてください。ページ上部にも同じ注記を入れておくと質問が減ります。
フォームのA/Bバリエーションを比較レビューさせる場合はどうすれば効率的ですか？
バリエーションごとに別URLを発行し、同じパスワードに統一します。比較を依頼するメール内でURLにAとBとラベルを付けると、レビュアーがどちらの意見を書いているかが明確になります。