24
9

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

お名前ドットコムで取得したドメインをNetlifyで使う

Posted at

お名前ドットコムで取得したドメインをNetlifyで公開したときのメモです。
ドメインは.jpで、既に取得済みとして説明をします。

まず、OverviewからDomain settingsに移動します。

overview.png

Add custom domainをクリック
image.png

お名前ドットコムで取得したドメインを入力してVerify。そうすると「入力したドメインはNetlifyでは登録できないが、そのドメインを所有しているなら追加できる」というようなメッセージが出るので、Yes, add domainをクリックして次に進む。
image.png

これでドメイン一覧にもともとあったドメイン(xxx.netlify.com)の他に、

  • hitochan777.jp (上で入力したドメイン)
  • www.hitochan777.jp

の2つのドメインが追加されているはずです。

この時点では以下のように追加されたドメイン名の右側に警告マークでDNS設定を確認するようにと出ていることがわかります。
(Domain aliasのところは実際にはPrimary domainRedirects automatically to primary domainと出ていると思いますので、無視してください)

image.png

ここからはお名前ドットコムでの設定です。先程の警告メッセージをクリックすると、ドメインプロバイダーでの設定方法が3つ書いてあります。

  • 1つ目は推奨されている方法で、ALIASかANAMEを用いる方法。
  • 2つ目はAレコードを使う方法。
  • 3つ目はプロバイダーのネームサーバーをNetlifyが提供するものに変更する方法です。

お名前ドットコムではALIASやANAMEを設定する方法がない(っぽい)ということと、AレコードだとCDNが活用できないことから、
今回は3つ目の方法を採用することにしました。

ネームサーバーを変更するには、ドメイン設定>ネームサーバーの設定>ネームサーバーの変更 に移動します。

image.png

次にネームサーバーを変更したいドメインにチェックを入れて、他のネームサーバーを利用のタブを選択します。

image.png

ここにNetlifyのNameserversに記載されているネームサーバーを入力して更新すれば設定は完了です!
私の場合ネームサーバーは以下のようになっていましたが、ユーザーによって異なるかもしれませんので確認してください。
image.png

設定が完了してもすぐに反映されるわけではないので、気長に待ちましょう。

24
9
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
24
9

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?