初級⑥ 公開を仕上げて、独自ドメインをつなぐ

初級編、最終回です。今日は作ってきたアプリの公開状態を仕上げ、希望する人は独自ドメイン（自分だけの住所）をつなぎます。

STEP1：公開前チェック（総まとめのテンプレを実戦投入）

このアプリの公開前チェックをして：秘密情報がコードに混ざっていないか・スマホ表示が崩れていないか・変な入力（空文字や長すぎる文字）で壊れないか・SupabaseのRLS設定に漏れがないか。見つかった問題は直してmainに反映して。

総まとめページの「頼み方テンプレ」がそのまま実戦で使えるの、いいでしょう？結果の報告を読んで、何が直されたかも確認しましょう。

STEP2：アプリの“顔”を整える

サイトのタイトルを「〇〇のメモ帳」に、説明文（description）も内容に合わせて設定して。ブラウザのタブに出るアイコン（favicon）もシンプルなものにして。mainに反映して。

STEP3：独自ドメインをつなぐ（任意）

URLとドメインの回で学んだとおり、〇〇.com のような住所は年額1,000〜2,000円くらいから買えます。やってみたい人だけどうぞ。

1. 1ドメイン販売サイト（お名前.com、Cloudflareなど）で好きなドメインを取得。
2. 2Vercelの my-app →「Settings」→「Domains」→ 取得したドメインを入力。
3. 3画面に表示されるDNS設定（どのレコードをどう設定するか）を、ドメイン販売サイト側に設定（手順が分からなければ、表示内容をAIに貼って「この設定のやり方を教えて」）。
4. 4反映を待つ（数分〜数時間）。つながると ✅ が出る。

独自ドメインにした場合は、SupabaseのURL Configuration（Site URL）も新しいドメインに更新しておきましょう（ログイン関連のメールやリダイレクトのため）。

おさらい：今日使った“言葉”

公開前チェック

秘密情報・スマホ表示・変な入力・RLS。リリース前の儀式。

<title> / description / favicon

アプリの“顔”。タブ表示・検索結果・アイコン。

独自ドメイン

自分だけの住所。年額制。Vercelには Settings → Domains でつなぐ。

DNS

名前と住所をつなぐ電話帳。設定後は反映待ちがある。