本文へ移動
Leap of faITh
戻る

個人開発のドメインを Cloudflare で取得して問い合わせ窓口も用意する

個人開発アプリの問い合わせ窓口を作る際に新しくGoogleアカウントを作成して管理するのは手間だったので、普段使っている個人 Gmail アカウントをそのまま使い、Cloudflare Email Routing で受信を転送しつつ、Gmail の送信元設定で独自ドメイン名義の送信までできるようにしました。

なぜCloudflareでドメインを管理するのか

Google Domainsの「シンプルで余計なことをしない」という良さを引き継いでいるのがCloudflareです。


1. Cloudflareでのドメイン取得

まずはドメインの確保です。

  1. Cloudflareにログインし、サイドバーの Domain Registration > Register Domains をクリック。
  2. 検索窓に希望のドメインを入力し、[Buy] ボタンから購入手続きを進める。
    • ※決済エラーが出る場合は「ハマりどころ」セクションを参照。
  3. 購入完了後、ホーム画面の Websites 一覧に取得したドメインが表示されるので、そのドメイン名をクリックして管理画面に入ります。

2. Email Routingによる受信設定

次に、届いたメールを個人Gmailへ転送する設定です。

  1. ドメイン管理画面の左メニューから Email > Email Routing を選択。
  2. [Get started] ボタンを押し、機能を有効化する。
  3. Destination addresses タブで、自分の個人Gmailアドレスを登録して認証を完了させる。
  4. Routing rules タブで [Create address] をクリック。
    • Custom address: support など任意の文字列を入力。
    • Destination address: 先ほど登録したGmailアドレスを選択。
  5. [Save] を押すとDNSレコードの追加を求められるので、[Add records automatically] をクリックして一括適用する。

3. Googleアカウントでの「アプリパスワード」発行

Gmail側から独自ドメイン名義でメールを送信するために、専用の認証キー(アプリパスワード)が必要です。

  1. Googleアカウントの アプリパスワード設定 にアクセス。
  2. アプリ名に「Support Mail」などと入力して作成。
  3. 表示される 16桁のパスワード をメモする。
    • ※Googleアカウントで2段階認証が有効である必要があります。

4. Gmailでの送信元設定(SMTP)

個人 Gmail から、独自ドメインのアドレスで返信できるように設定します。

  1. Gmail の設定(歯車アイコン)から [See all settings] を開き、Accounts and Import タブへ移動します。
  2. Send mail as: 欄の一番下にある返信設定で、「メールを受信したアドレスから返信する」 を選んでおきます。これを有効にしておくことで、support@... 宛のメールに対して support@... 名義のまま返信しやすくなり、個人の Gmail アドレスが相手に見えてしまうのを防ぎやすくなります。
  3. Send mail as: の [Add another email address] をクリックします。
  4. 名前と、取得した独自ドメインのメールアドレスを入力します。
  5. Treat as an alias のチェックを外します。
  6. SMTP サーバー設定 を以下のように入力します。
    • SMTP Server: smtp.gmail.com
    • Username: 自分の個人 Gmail アドレス(@gmail.com を含む)
    • Password: 先ほど発行した 16 桁のアプリパスワード
  7. 確認メールが届くので、承認すれば設定完了です。

ハマりどころと対策

決済時の広告ブロック

Cloudflareでのドメイン購入時、決済エラー(temporarily blocked)が出る場合があります。広告ブロックソフトの保護をオフにするか、シークレットモードで実行すると回避できることが多いです。

Gmailの「自己ループ」仕様

自分のGmailから独自ドメインのアドレス宛にテストメールを送っても、受信トレイには現れません(送信済みには入る)。疎通確認は、必ず「全く別のメールアドレス」から送ってテストする必要があります。



前の記事
GitHub Actions と AWS CodeBuild を使って重い lint 実行環境を見直した話
次の記事
Vite+ を使って映像作品バックログアプリをリリースした