2019/09/26

Netlify にお名前.com で取得したドメインを設定する

How

*この記事はお名前.comのサイト内で紹介されているドメイン設定の方法をこちらでまとめたものです。

Netlify での設定

1. Netlify のドメインを変更するサイトのページに移動して、「Domain settings」ボタンを押します。

image

2. 移動したページをスクロールすると、Custom domains というセクションがあります。その中の「Add custom domain」ボタンをおします。

image

3. 下のページに移動したら、お名前.comで取得したドメインを入力します。入力したら、「Verify」ボタンをおします。

image

「このドメインの所有者をあなたですか?」と聞かれるので、「Yes, add domain」ボタンをおします。

Netlify カスタムドメイン/ドメイン追加ボタン

4. 先ほどの Custom domains というセクションに2つのURLが追加されました。お名前.com側で設定するレコードの種類の「Check DNS configuration」リンクをおします。

Netlify Check DNS Configuration

リンクをおすと、下記の画面が表示されます。これらをみながら、お名前.com側で設定をしていきます。

・ANAME/ALIAS/A レコード

Netlify ANAME/ALIAS/A レコード表示画面

・CHAME レコード

Netlify CHAME レコード表示画面

お名前.com での設定

1. お名前.com のマイページにログイン。

2. サイト上部にあるタブ(TOP/ドメイン/DNS/レンタルサーバー.... など)からDNSを選択すると下の画面になるので、ドメインのDNS関連機能設定を選択し、「次へ」ボタンをおします。

お名前.com DNS/ドメイン関連機能設定 選択

3. 下の画面に移動したら、取得した独自ドメインを選択し、「次へ」ボタンをおします。

image

4. 移動したページを下にスクロールしていくと、DNSレコード設定を利用するという箇所があるので、その横にある「設定する」ボタンをおします。

image

5. 移動したページを下にスクロールしていくと、下の画像のオレンジで囲んだ箇所があります。ここに Netlify でコピーした レコードを入力していきます。

image

・A レコードを利用する場合 Netlify で表示されたレコード

Netlify Aレコード

お名前.com でのレコードの設定

  • ホスト名は空欄でいいです。

  • TYPE は A を選択します。

  • TTL は変更しないでいいです。

  • VALUE は Netlify で表示されている4つの数字のセットをそれぞれ入力します。

  • 状態は有効を選択します。

  • 設定が終わったら、「追加」ボタンをおします。

image

・CHAME レコードを利用する場合

Netlify で表示されたレコード

Netlify  CHANMEレコード

お名前.com でのレコードの設定

  • ホスト名の空欄に www を入力します。

  • TYPE は CHAME を選択します。

  • TTL は変更しないでいいです。

  • VALUE は Netlify で表示されている、◯◯.netlify.com の部分を入力します。.com の後ろについている点(ドット)はいらないです。

  • 状態は有効を選択します。

  • 設定が終わったら、「追加」ボタンを押します。

お名前.com CHAMEレコード設定

6. レコードを追加すると、追加という欄に設定したレコードが表示されます。

お名前.com レコード追加後/レコード追加表示欄

7. ページの一番下までスクロールして、「DNSレコード設定用ネームサーバー変更確認」という欄にチェックを入れて、「確認画面へ進む」ボタンをおします。

お名前.com 確認設定画面へ進む/

8. 最後に設定を確認して、「設定する」ボタンをおして完了です。


Reference