1. don-bu-rakko

    Posted

    don-bu-rakko
Changes in title
+Netlifyにお名前.comで取得した独自ドメインを設定する
Changes in tags
Changes in body
Source | HTML | Preview
@@ -0,0 +1,53 @@
+自分用の備忘録として。忘れてしまうので...
+
+# 手順: Netlify側の設定
+
+自分が独自ドメインを設定したいサイトを選択し、"Domain Settings"を選択
+![image.png](https://qiita-image-store.s3.amazonaws.com/0/241647/2052e0e5-dd9c-8450-1a4f-ffb7adae7977.png)
+
+Domain Management -> Domains -> Custom Domains 内 "Add domain alias" を選択
+![image.png](https://qiita-image-store.s3.amazonaws.com/0/241647/9183d5f8-498a-d34b-37a6-4107f9f792be.png)
+
+自身が取得したドメインを入力し、Saveを押す
+![image.png](https://qiita-image-store.s3.amazonaws.com/0/241647/d33e41d6-78cb-53e4-4f75-6d9bfe5d8a3f.png)
+
+Custom Domains内に自分のドメインが追加されていたら成功です。
+Check DNS configuration をクリックします。
+![image.png](https://qiita-image-store.s3.amazonaws.com/0/241647/298e58df-e294-7973-5ed5-6678359158d7.png)
+
+赤枠部分のURLをあとで使うので控えておいてください。
+![image.png](https://qiita-image-store.s3.amazonaws.com/0/241647/cb73768d-afff-e223-20d1-344304e36ac7.png)
+
+これで、Netlify側の設定は終了です。
+
+
+# 手順: お名前.com側の設定
+
+お名前.com NAVI にログインします
+https://www.onamae.com/navi/login/
+
+
+その後、DNSタブを選択し、「ドメインのDNS関連機能設定」を選択した後「次へ」をクリックします。
+![image.png](https://qiita-image-store.s3.amazonaws.com/0/241647/9a031993-19de-01b2-b51b-11da7c2684fb.png)
+
+
+ドメイン設定 -> 内部ドメイン一覧
+から、設定したいドメインを選択肢、次へ進むをクリックします。
+![image.png](https://qiita-image-store.s3.amazonaws.com/0/241647/3b9b57d0-69cd-0a67-b24c-159eeb79e3d0.png)
+
+DNSレコード設定を利用するを選択します。
+![image.png](https://qiita-image-store.s3.amazonaws.com/0/241647/74a65ae5-3e34-2f98-93b6-e4e3161c05d0.png)
+
+下記の設定を追加します。VALUEの部分には、先ほどNetlifyでコピーしたURLを貼り付けます。
+なぜか`***.netlify.com.`となっていますが、最後尾のピリオドは不要です。`***.netlify.com`を貼り付けてください。
+
+![image.png](https://qiita-image-store.s3.amazonaws.com/0/241647/518cce1b-55a1-6193-5c55-d74d19b04943.png)
+
+その後、確認画面に進み、適用させれば完了です!
+![image.png](https://qiita-image-store.s3.amazonaws.com/0/241647/e1279741-a869-aa8b-1817-bcdcc2ea19b5.png)
+
+---
+以上で設定は終了です。意外と簡単で安心しました。
+
+# Reference
+https://www.onamae.com/guide/p/70