初めてのドメイン設定 (お名前.com x Vercel)
お名前.com で取得したドメインを Vercel のサイトに紐づける手順を、初めての人向けに丁寧に解説します
この記事でやること
お名前.com で持っているドメイン（例: example.com）に、Vercel でデプロイしたサイトを紐づけます。
完了すると my-site.example.com のような自分だけの URL でサイトにアクセスできるようになります。
前提知識: ドメインの仕組み
まず「なぜ設定が必要なのか」を理解しましょう。
ユーザーが my-site.example.com にアクセス
|
v
「example.com の案内係は誰？」
|
v
ネームサーバー（お名前.com の DNS）に聞く
|
v
「my-site は Vercel に向けてね」（= DNS レコード）
|
v
Vercel のサーバーに到着 → サイトが表示される- ネームサーバー = ドメインの「電話帳」を管理する場所
- DNS レコード = 電話帳の中身（「この名前は → ここに繋いで」という指示）
- CNAME レコード = DNS レコードの一種。「このサブドメインは、別のアドレスに転送して」という意味
つまり、やることは2つだけ:
- Vercel 側: 「このドメインを使いたい」と宣言する
- お名前.com 側: 「そのドメインは Vercel に向けてね」と DNS に書く
用語の整理
| 用語 | 意味 | 例 |
|---|---|---|
| ルートドメイン | 取得したドメインそのもの | example.com |
| サブドメイン | ルートドメインの前に付ける名前 | my-site.example.com |
| ネームサーバー | DNS の問い合わせ先 | 01.dnsv.jp（お名前.com） |
| CNAME | 「ここに転送して」という DNS レコード | my-site → Vercel |
サブドメインはドメインを追加購入しなくても、無料で好きなだけ作れます。
Step 1: Vercel でドメインを追加
- Vercel ダッシュボード にログイン
- 対象プロジェクトを選択
- Settings → Domains を開く
- 入力欄に使いたいドメインを入力（例:
my-site.example.com） - Add をクリック
- Connect to an environment を選択 → Production を選ぶ
- Save
この時点では「Invalid Configuration」と赤く表示されますが、正常です。DNS の設定がまだなので、この後のステップで解消します。
Vercel が表示する Value をメモする
ドメイン追加後、Vercel が DNS 設定用の値を表示します:
| 項目 | 表示例 |
|---|---|
| Type | CNAME |
| Name | my-site |
| Value | xxxxxx.vercel-dns-017.com. |
この Value を次のステップで使うので、コピーしておいてください。
Step 2: お名前.com でネームサーバーを設定
お名前.com の DNS レコード機能を使うには、ネームサーバーがお名前.com のものになっている必要があります。
初めて DNS レコード設定を使う場合
DNS レコードを登録すると、お名前.com から以下のようなメールが届くことがあります:
設定していただいた DNS レコードを有効にする場合、ネームサーバーを以下に設定する必要がございます。
この場合は、ネームサーバーの変更が必要です。
- お名前.com Navi にログイン
- ドメイン設定 → ネームサーバーの変更
- 以下を入力:
| 項目 | 値 |
|---|---|
| ネームサーバー 1 | 01.dnsv.jp |
| ネームサーバー 2 | 02.dnsv.jp |
- 保存
注意: このドメインで既に Web サイトやメールを運用している場合、ネームサーバーを変更すると影響が出ます。何も使っていなければ問題ありません。
Step 3: お名前.com で DNS レコードを追加
- お名前.com Navi にログイン
- ドメイン設定 → DNS設定/転送設定 → DNSレコード設定を利用する
- 以下のレコードを追加:
| ホスト名 | TYPE | VALUE | TTL |
|---|---|---|---|
my-site | CNAME | Vercel に表示された Value をそのまま貼る | デフォルトのまま |
- 保存
VALUE の末尾にドット（.）がある場合、ドットも含めてそのまま貼り付けてください。
Step 4: 反映を確認
DNS の反映には数分〜最大数時間かかります。
確認方法:
- Vercel の Settings → Domains で「Invalid Configuration」が消えたら成功
- ブラウザで
my-site.example.comにアクセスしてサイトが表示されたら完了
SSL 証明書（https）は Vercel が自動で発行してくれるので、追加の設定は不要です。
よくある質問
Q: ドメインの購入は必要？
サブドメインを使うなら不要です。example.com を既に持っていれば、blog.example.com や app.example.com は無料で作れます。
Q: xxx.vercel.app のデフォルト URL はどうなる？
カスタムドメインを追加しても、xxx.vercel.app でもアクセスできます。Vercel の Domains 設定でカスタムドメインを Primary Domain に設定すると、.vercel.app にアクセスした人がカスタムドメインにリダイレクトされます。
Q: ハイフンとアンダースコア、どっちがいい？
ハイフン（-）を使ってください。
| 観点 | ハイフン - | アンダースコア _ |
|---|---|---|
| Google の扱い | 単語の区切りと認識 | 1つの単語と認識 |
| URL の慣習 | 標準 | まれ |
| 入力のしやすさ | Shift 不要 | Shift が必要 |
SEO 的にもハイフンが推奨されています。
Q: 設定したのにサイトが表示されない
- DNS の反映を待つ（最大数時間）
- Vercel の Value を正しくコピーしたか確認
- ネームサーバーが
01.dnsv.jp/02.dnsv.jpになっているか確認 - ブラウザのキャッシュをクリアして再アクセス
次のステップ
- AI コーディングツールを始めよう — サイトを作る側に回ってみる
- CLAUDE.md の書き方 — AI にプロジェクトのルールを伝える