AI活用

Base44で生成したLP案をレビュー用URLにして共有する方法

Base44でLP案を生成すると、完成度の高いHTMLが短時間で出来上がる。ただしBase44の共有リンクは認証設定が限られており、「特定のクライアントだけに見せたい」「期限を決めてレビューしてほしい」という業務上の要件に対応しにくい。生成したHTMLをギガサイト便で独立してホスティングすれば、細かい認証と期限の制御が手に入る。

何が共有しづらいのか

Base44はノーコードでWebアプリを作るプラットフォームだが、LP案を「誰でも見られる状態」で共有すると、競合他社や意図しない相手に未確定のコンセプトが見られてしまうリスクがある。Base44のパブリックURLは検索エンジンにインデックスされる可能性もあり、承認前のLPが先行公開される事態を防ぐためにもnoindexと認証の設定を意識する必要がある。

Base44で生成したLPにはBase44固有のコンポーネントやフックが含まれることがあり、HTMLをエクスポートしてもBase44ランタイムなしでは一部の動的コンテンツが動作しない。エクスポート前に「静的HTMLとして成立するか」を確認し、動的部分はスタティックなHTMLに書き換えてからアップロードすることが必要だ。

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

URL化する前の確認点

Base44からHTMLをエクスポートしたら、ページのインタラクションが静的HTMLとして再現されているかを確認する。アコーディオンやタブ切り替えがJSで実装されていれば問題なく動くが、Base44のストアやステートに依存した部分は空白か初期値だけが表示される状態になる。LPの場合は基本的に静的なコンテンツが中心のため大きな問題は起きにくいが、カウントダウンタイマーや動的価格表示が含まれる場合は個別に確認する。

LP用のHTMLには多数の外部フォントやアイコンライブラリが含まれることがある。Google FontsやFont Awesomeのリンクタグを確認し、CDNへの通信が失敗した場合のフォールバックフォントも確認する。特にアイコンがFont Awesomeのクラス名で定義されている場合、CSSが読み込まれないとテキストアイコンが表示される。公開前に一度オフラインで表示を確認するか、ネットワークスロットリングでの表示を確認する。

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

認証と期限の決め方

Base44で作ったLP案を1社のクライアントだけに見せる場合は、パスワード認証が最もシンプルだ。URLをメールで送り、パスワードは電話またはSMSで別途伝えることで、メール1通が転送されても閲覧できないセキュリティが確保できる。複数クライアントに同時に別案を見せる場合は、LP案ごとに別URLを発行してそれぞれに異なるパスワードを設定する。

LP案のレビュー期限はプレゼンテーション日の1週間前が目安だ。期限当日までのフィードバックを前提にすれば、プレゼン前に修正を反映する時間的余裕が生まれる。「期限後も見たい」という要望が来た場合は、最終確定版を別URLで発行してそちらを参照してもらう運用に切り替えると管理が明確になる。

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

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

LP案のレビューで有効なフィードバックを得るには「このLPを見て3秒で何のサービスか分かりましたか?」というファーストインプレッションの質問から始めると効果的だ。LPの第一目的はキャッチコピーとビジュアルで訪問者を引き止めることなので、3秒ルールへの評価は改善の優先順位に直結する。

Base44で何度もLP案を修正する場合、URLごとに案のバリエーションを管理する方法が有効だ。「案A(シンプル版)」「案B(情報量多め版)」のように複数の案を並行して発行し、どちらの方向性が好まれるかをA/B的に比較させるレビューアプローチをとると、次の修正の方向性が明確になる。

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

よくある質問

Base44のLP案をURLにする際、Base44のエクスポート機能はどこにありますか?

Base44のプロジェクト画面右上の「Export」または「Download」メニューからHTMLとしてエクスポートできる。エクスポートオプションにCSS/JSの埋め込みや外部参照の選択肢がある場合は、外部依存を最小化するために「埋め込み」を選ぶと移植後の表示崩れが少ない。

Base44固有のコンポーネントが静的HTMLで動かない場合はどう対処しますか?

動作しない部分を静的なHTMLに置き換えるか、その機能を省いたレビュー専用版を作成する。LPのレビュー段階ではビジュアルとコピーの確認が主目的のため、動的機能が完全に動かなくても多くの場合レビューは成立する。

LP案の最終確定後、そのURLを本番LPとして使い続けることはできますか?

ギガサイト便はレビュー・承認フロー向けの一時的な共有サービスのため、本番LPには専用のホスティングサービスを使うことを推奨する。確定したHTMLを本番環境にデプロイした後、レビュー用URLは失効させて管理対象から外す。

関連記事

AI活用

Google Stitchで生成したLP案をレビュー用URLにして共有する方法

Google StitchでLP案を生成したデザイナー・マーケター向け。生成したHTMLをレビュー用URLとして安全に共有するための前処理・認証設定・フィードバック回収の手順を具体的に解説し、どの認証方式が適切か判断できるようにする。

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