お名前.com+Firebase Hostingを使ってLP（ランディングページ）を公開する

お名前.com+Firebase Hostingを使ってLP（ランディングページ）を公開する方法をまとめました。
何度も忘れてしまうため、メモします。

前提条件

お名前.comで取得済みの、Firebase登録ずみであること。

セットアップ

ドメインを適用するまでの手順をは大きく5つのステップになります。

ステップ 1 ~ 事前準備（Firebaseプロジェクトの作成）

まず、GoogleアカウントでFirebase Consoleにログインし、プロジェクトを作成してください。

「プロジェクトを追加」をクリック。

プロジェクト名を入力し、規約に同意して作成します（Google AnalyticsはONでもOFFでも構いません）。

ステップ 2 ~ ローカル環境での設定

PCにFirebaseを操作するためのツール（CLI）をインストールし、ログインします。

Firebase CLIのインストール（Node.jsが入っている前提です）

npm install -g firebase-tools

ログイン

firebase login

ブラウザが開くので、作成したアカウントで許可してください。

プロジェクトの初期化

LP用のフォルダを作成し、その中で以下のコマンドを叩きます。

firebase init hosting

Project Setup: Use an existing project を選択し、先ほど作ったプロジェクトを選びます。

Public Directory: そのまま public でEnter。

Configure as a single-page app: No でOKです（LPなので）。

Set up automatic builds with GitHub: 必要なければ No。

ステップ 3 ~ コンテンツ（HTML/Google Form）の配置

public というフォルダが生成されているので、その中に作成したLPのファイルを入れます。

• HTMLの配置
  • index.html を public フォルダ内に置きます。
• Google Formの埋め込みたい場合
  • Googleフォームの編集画面右上の「送信」→「＜ ＞（埋め込みコード）」からコピーした

ステップ 4 ~ デプロイ（公開）

ファイルを置いたら、世界中に公開します。

firebase deploy --only hosting

完了すると https://プロジェクト名.web.appというURLが表示されます。まずはここで正しく表示されるか確認しましょう。

ステップ 5 ~ お名前.comのドメイン・CNAME設定

いよいよ独自ドメインを紐付けます。

1. Firebase側の操作

• Firebase Consoleのメニューから 「Hosting」 を開きます。
• 「カスタム ドメインを追加」 をクリック。
• お名前.comで取得したドメイン名（例: example.com や www.example.com）を入力します。

2. お名前.com側の操作（DNS設定）

Firebaseから「これを設定してください」という値が表示されます。通常、AレコードまたはCNAMEレコードが表示されます。

お名前.com Navi にログイン。

• 「ネームサーバーの設定」→「DNS設定/転送設定」を選択。
• 該当ドメインにチェックを入れ「次へ」。
• 「DNSレコード設定を利用する」の「設定する」をクリック。
• Firebaseの画面に表示された値を入力します。

ホスト名	TYPE	TTL	値（Firebaseで指定されたもの）
(サブドメインbiz, lp, devなど)	CNAME	3600	firebase-hosting.custom-domains.dev. など

例）メインドメイン、サブドメインのみFirebase Hostingを利用する場合

ホスト名	TYPE	TTL	VALUE	優先	状態
example.jp	A	3600	xxx.xxx.x.x	-有効
biz.example.jp	CNAME	86400	example-landing.web.app	-	有効
example.jp	TXT	3600	hosting-site=example-web	-	有効

例）メインドメインが別サービスを利用していて、サブドメインのみFirebase Hostingを利用する場合

ホスト名	TYPE	TTL	VALUE	優先	状態
example.jp	A	3600	xxx.xxx.x.x	-	有効
biz.example.jp	A	3600	xxx.xxx.x.x	-	有効
www.example.jp	CNAME	3600	8864825f5caa97da.vercel-dns-016.com	-	有効
biz.example.jp	TXT	3600	hosting-site=biz-example	-	有効

最終確認

設定後、反映までには数時間〜最大48時間かかります（通常は30分〜1時間程度です）。
Firebase Hostingの画面で「保護されています（有効）」というステータスになれば、独自ドメインでのLP公開が完了