AI活用

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

Base44で生成したフォーム付きページは、送信先の設定ミスや個人情報の取り扱いが絡むため、通常のHTMLより共有前の確認ステップが増える。ローカルで動作確認しても送信先エンドポイントが本番APIを指していたり、テスト入力データが実際のDBに入ってしまうリスクがある。適切な認証と期限を設定してレビュー用URLを発行すれば、こうした事故を防ぎながら素早くフィードバックを得られる。

何が共有しづらいのか

フォーム付きページはHTMLを開いた瞬間に送信テストができてしまうため、レビュアーが意図せず本番エンドポイントにダミーデータを送るリスクがある。Base44が生成するform actionはデフォルトでデモ用URLが入っていることもあるが、独自APIと接続していれば実データが登録されてしまう。共有前にform actionをコメントアウトするか、テスト用エンドポイントに差し替えることが必須だ。

ファイルを添付メールで送るとCSSが崩れてフォームの見た目が正確に伝わらないケースもある。また、相手のブラウザのオートフィルが動いて個人情報が予期せず入力欄に表示される場合があるため、autocomplete属性の設定もレビュー前に見直しておくと安心だ。

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

URL化する前の確認点

HTMLソース内の`form action`と`fetch`・`XMLHttpRequest`の送信先URLをすべてリストアップする。本番ドメイン(例: api.yourproduct.com)が含まれている場合は、モックサーバーのURLかhttps://httpbin.orgのようなエコーAPIに差し替えてからzipを作成する。また、フォームのバリデーションロジックにJWTやAPIキーが埋め込まれていないかをソース全文検索で確認する。

画像やアイコンなど外部アセットのパスが絶対URLになっていると、共有先ネットワークからアクセスできない場合にデザインが崩れる。重要なアイコン類はBase64でインライン化し、外部依存を減らしてから共有する。共有サービスにアップ後、PCとスマホの両方でフォームのレイアウトを確認し、問題があれば再アップロードする。

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

認証と期限の決め方

フォームページは入力欄があるだけで「個人情報を収集しているのでは」と誤解されることがある。社外共有時はパスワード認証を設定し、URLが第三者に渡っても即座に開けない状態にしておくのが基本だ。社内の複数部署でレビューする場合は、会社ドメイン認証(メールアドレスのドメイン制限)が便利で、ひとりひとりにパスワードを伝える手間を省ける。

フォームレビューは通常1〜2週間で完了するため、共有URLには2週間の期限を設定するのが目安だ。期限後は自動でアクセス不可になり、テスト送信の誤爆リスクも下がる。修正後に差し替える際は期限をリセットして同じURLを使い続ける運用が、コミュニケーションの混乱を防ぐ。

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

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

フォームレビューで確認してほしい観点は「入力項目の過不足」「エラーメッセージの分かりやすさ」「送信後の画面遷移が期待通りか」の3点に絞るのが効果的だ。観点が明確だと、デザイナーでないレビュアーでも具体的なコメントを返せる。URLとともにGoogleフォームなどで回答を集めるとコメントが1か所にまとまって整理しやすい。

修正後に差し替えたら「フォームのaction先をテスト用に変更済みです」「バリデーションのエラー文言を修正しました」など変更点を箇条書きで添えて再送する。どの指摘がどのように反映されたかを明示することで、レビュアーは差分確認に集中でき、二度同じ指摘を受けるリスクが減る。

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

よくある質問

レビュー用に共有したフォームに、レビュアーが誤ってデータを送信してしまった場合はどうすればよいですか?

共有前にform actionをモックエンドポイントに差し替えておくことで防げます。既に本番送信が起きた場合は、エンドポイント側でテストデータを識別して削除する対応が必要です。

会社ドメイン認証はどのように設定しますか?

ギガサイト便のような共有サービスでは、許可するメールドメイン(例: @yourcompany.co.jp)を指定すると、そのドメインのメールアドレスで認証したユーザーだけが閲覧できるようになります。

フォームのオートコンプリートがレビュアーの個人情報を表示してしまうことはありますか?

ブラウザのオートフィルが有効だと入力欄に個人情報が補完されることがあります。`autocomplete=off`を設定するかレビュアーにシークレットモードを使うよう案内するとよいでしょう。

関連記事

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