BUBBLESONG FESTIVAL 2026 | LP PROJECT

残りの依頼事項 & 本番公開ガイド

LP仕上げに必要な素材・情報と、サイトを公開するまでの手順をまとめました。

✓ デザイン確定(シンプル版) ✓ 契約(GMOサイン) ✓ ドメイン取得中 → 残り:素材 → 公開

0全体の流れ

素材が揃えばLPを仕上げ、ドメインを接続して公開、という流れです。

STEP 1
素材を集める
STEP 2
LPを仕上げる
STEP 3
ドメイン接続
STEP 4
本番公開

1残りの依頼事項(素材・情報)

今わかるもの・できるものから順番で大丈夫です。最優先 から揃うと一気に仕上げに入れます。

原稿(文章)最優先

  • 各セクションの正式な文章(キャッチ/コンセプト/体験コンテンツの説明 など)

写真・動画・ロゴ素材最優先

  • 体験コンテンツ6枠・ギャラリーの本番写真(水かけ撮影分など)
  • キッチンカーの料理写真
  • ヒーロー動画の本番版(差し替え用/現在は仮)
  • (任意)公式ロゴの背景透明(透過PNG)— 動画にロゴを直接重ねたい場合のみ。無くても可(背景込みの高画質ロゴで対応できます)

各リンク・申込先最優先

  • 協賛のお問い合わせ先(フォームURL/メール/LINE)
  • キッチンカー出店申込のフォームURL
  • 連絡先:メール/電話/LINE
  • SNS公式URL:Instagram/X/Facebook/YouTube
  • 主催者の正式名称(フッター表記用)

スポンサー決まり次第

  • 確定した協賛企業のロゴ画像+各社リンクURL

イベント詳細の確定決まり次第

  • 開催時間(現在は仮で 11:00–20:00)/入場料(無料で確定か)
  • 体験コンテンツは6つで確定か/「巨大プール」は実施するか
  • バブルショーの時間 14:30・20:00 で確定か/キッチンカー24社で確定か
  • DJ/アーティストのラインナップ・公開時期

アカウント(公開・計測用)決まり次第

  • Googleアナリティクス(GA4)の測定ID(取得後でOK)
  • 公開用のCloudflareアカウント(ドメイン接続で使用・無料)

2本番環境への実装手順(公開フロー)

ドメイン bubblesongkran.com でサイトを公開するまでの流れです。制作・接続作業は杉山がサポートします。

1

ドメインをCloudflareに接続(ネームサーバー変更)

独自ドメインで表示するための土台。お名前.comのドメインを、公開先のCloudflareに向けます。

  1. Cloudflare(dash.cloudflare.com)で無料アカウントを作成
  2. 「Add a site」で bubblesongkran.com を入力 → プランは Free を選択
  3. Cloudflareが既存DNSを自動スキャン → 内容を確認して続行
  4. 表示されるネームサーバー2つ(例 xxx.ns.cloudflare.com)をコピー
  5. お名前.com Navi → 対象ドメイン →「ネームサーバー設定」→「その他のサービス」→ 上記2つに書き換えて保存
  6. Cloudflareで「Check nameservers」→ 反映(数分〜最大48時間)→ Active通知メールが届く
NS文字列は杉山がお渡しします。貼り付けは先方ご自身で(お名前.comのログインは共有不要・安全)。反映待ちの間も他作業は進められます。
先方(NS貼付) 杉山(値・手順を案内)
2

公開用アカウント・権限の用意

公開先は Cloudflare Pages(無料・高速・SSL自動付与)。先方アカウントで保有し、杉山が作業を代行します。

  1. STEP1で作成した先方のCloudflareアカウントをそのまま使用
  2. 右上「Manage Account」→「Members」→「Invite」
  3. 杉山のメールアドレスを入力し、ロール Administrator を付与して招待
  4. アカウント・ドメイン・データの所有はすべて先方のまま(杉山は作業者として参加)
先方(作成・招待)
3

LPをデプロイし、独自ドメインを割り当て

仕上げたLPを本番ホスティングへ載せ、bubblesongkran.com で表示します。

  1. 完成したLP(HTML一式)を Cloudflare Pages にデプロイ(杉山が実施)
  2. Pagesプロジェクト →「Custom domains」→「Set up a domain」→ bubblesongkran.com を登録
  3. あわせて www.bubblesongkran.com も登録し、wwwなしへリダイレクト設定
  4. ステータスが Active になれば独自URLで公開状態に(HTTPS/SSLは自動)
「Set up a domain」を踏まずにDNSだけ向けると 522エラー になります。必ずこの手順で登録します。
杉山(実装・接続)
4

アクセス解析(GA4)の設置

来場者数・流入元・ボタンのクリック数を計測します。

  1. 先方が GA4 でプロパティを作成 → 測定ID(G-XXXXXXXXXX)を取得
  2. 測定IDを杉山へ共有(IDを伝えるだけ・パスワード不要)
  3. 杉山がLPの <head> にタグを埋め込み → 再デプロイ
  4. GA4の「リアルタイム」で計測開始を確認
先方(ID共有) 杉山(埋め込み)
5

最終確認・本番公開

公開前のチェックと、公開後の更新方法です。

  1. PC・iPhone・Android で、表示・各リンク・申込フォーム・動画・地図・計測をチェック
  2. 表示速度と、SNSシェア時のサムネ(OG画像)表示を確認
  3. 問題なければ公開告知(SNS・館内サイネージ等)
  4. 以降の更新は「元データを直して上げ直す」だけで数十秒〜数分で反映
公開後の運用は先方の領域ですが、スポンサーロゴの追加等は契約に基づき杉山が対応します。
杉山(確認) 先方(公開判断)

3役割分担

杉山(制作)

  • LPのデザイン・制作・更新
  • ドメイン接続・デプロイのサポート/代行
  • GA4タグの埋め込み・動作確認

先方(株式会社TERRA)

  • 原稿・写真・ロゴ・動画などの素材提供
  • 各申込フォーム・SNS・連絡先の準備
  • ドメイン取得・各種アカウント・本番公開の判断