01-07_ドメイン接続【ドメインなし版】
出典: 制作部署マニュアル ドメイン接続【ドメインなし版】(自動ミラー・正本は /Users/oogushiyuuki/manual-terasu)
ドメイン接続ガイド【ドメインなし版】
顧客がまだドメインを持っていない場合の手順。ドメイン取得(お名前.com)→ Cloudflare Pagesへの接続を順番に進める。
所要時間の目安:ドメイン取得15分 + DNS設定10分 + 反映待ち(最短数分〜最長24時間)
STEP 1:ドメインを決める
ドメイン名の決め方
ドメイン名は会社名・屋号・サービス名をベースに決める。シンプルで覚えやすいものが理想。
| 良い例 | 避ける例 |
|---|---|
yamada-seisosha.com |
yamada-seisosha-tokyo-cleaning-service.com(長すぎ) |
sakura-dental.jp |
sakura_dental.jp(アンダーバーは非推奨) |
tanaka-office.com |
tanakaofficetokyo123.com(数字の羅列) |
ドメインの種類(どれを選ぶか)
| ドメイン | 費用(年間目安) | おすすめ度 | 特徴 |
|---|---|---|---|
.com |
約1,400円 | ★★★ | 世界標準・業種問わず使いやすい |
.jp |
約3,000円 | ★★★ | 日本の会社感が出る・信頼感 |
.co.jp |
約3,000円 | ★★ | 法人のみ取得可能 |
.net |
約1,500円 | ★★ | IT系・サービス系に合う |
迷ったら
.comを選べば間違いない。 予算があれば.comと.jpを両方取っておくと、なりすましサイト対策になる。
STEP 2:お名前.com でドメインを取得する
2-1. お名前.com にアクセスして検索
お名前.com を開いて、希望のドメイン名を入力して検索する。
2-2. 取得可能なドメインを選ぶ
検索結果に「取得可能」と表示されているドメインを選ぶ。すでに誰かが持っているドメインは「取得不可」と表示される。
希望のドメインが「取得不可」だった場合は、
.com→.jpに変える、または会社名の英語表記を少し変えるなど調整する。
2-3. 会員登録 / ログインして決済
初めての場合は会員登録を行う。既にアカウントがある場合はログインして進める。
- 支払い方法:クレジットカード / コンビニ払い / 銀行振込
- 自動更新の設定を必ず確認する(気づかず失効するとドメインが消える)
2-4. 取得完了を確認
購入完了後、お名前.comの「ドメイン一覧」にドメインが表示されれば取得完了。
STEP 3:Cloudflare Pages にカスタムドメインを設定する
ここからは制作担当が操作する。顧客に見せながら進めてもOK。
3-1. Cloudflare にログイン
Cloudflare にログインして、左メニューの「Workers & Pages」を開く。
3-2. 対象プロジェクトを開いてカスタムドメインを設定
デプロイ済みのプロジェクトを選択 → 「カスタムドメイン」タブ → 「カスタムドメインを設定」をクリック。
3-3. ドメイン名を入力
顧客が取得したドメイン名を入力して「続行」。
例:yamada-seisosha.com
3-4. 表示されたCNAMEレコードをメモする
Cloudflareが「このCNAMEレコードを設定してください」という情報を表示する。この値を次のステップで使う。
| 項目 | 値 |
|---|---|
| 種別 | CNAME |
| ホスト名(名前) | @ または ドメイン名そのまま |
| 値(内容) | 〇〇〇.pages.dev(Cloudflareが指定する値) |
この画面を閉じないこと。 次のSTEP 4でこの値をお名前.comに入力する。
STEP 4:お名前.com で DNS を設定する
4-1. お名前.com の DNS 設定を開く
お名前.com にログイン → 「ドメイン一覧」から対象ドメインを選択 → 「DNS設定」を開く。
4-2. CNAME レコードを追加する
「DNSレコード設定を利用する」→「レコードの追加」で以下の値を入力する。
| 項目 | 入力する値 |
|---|---|
| タイプ | CNAME |
| ホスト名 | @(またはドメイン名) |
| VALUE(内容) | STEP 3-4 でメモした 〇〇〇.pages.dev |
| TTL | 3600(デフォルトでOK) |
設定を保存する。
STEP 5:反映を確認する
DNS設定は反映に時間がかかる。
| タイミング | 状態 |
|---|---|
| 設定直後 | まだ繋がらない場合がある |
| 数分〜1時間後 | 多くの場合ここで繋がる |
| 最長24〜48時間 | 世界中のDNSサーバーに完全に広まる |
Cloudflare Pagesのカスタムドメイン画面で「有効」と表示されれば完了。同時にHTTPS(SSL)も自動で有効になる。
ブラウザで確認
ブラウザで https://取得したドメイン名 にアクセスして、HPが表示されれば接続完了。
アドレスバーに鍵マーク(🔒)が表示されていれば、HTTPSも正常に動いている。
トラブル対応
| 症状 | 原因 | 対処 |
|---|---|---|
| ドメインにアクセスしても繋がらない | DNS反映待ち | 数時間待ってから再確認 |
| 「このサイトは安全でない」と表示される | SSLがまだ発行されていない | 少し待つと自動で解消される |
| Cloudflareで「エラー」と表示される | CNAMEの値が間違っている | STEP 3-4 の値を再確認して入力し直す |
| お名前.comでCNAMEが保存できない | 既存のAレコードと競合 | DNSサポートに問い合わせる or 制作担当に相談 |