ムームードメインでとったドメインをNetlifyに設定する

投稿日:2020年10月13日

更新日:2020年10月13日

先にNetlify側で設定をします

Netlifyの「Site overview」から設定したいサイトの「Domain settings」。
Site overviewの画面キャプチャ

「Add custom domain」から設定をします。 Domainsの画面キャプチャ

「Add a custom domain to your site」の画面でドメインを追加します。 Add a custom domain to your siteの画面キャプチャ

「既にオーナーがいるけど、それってあなた?」と聞かれるので、ハイそーです!と。 Add a custom domain to your siteの画面キャプチャ続き

「Custom domains」の画面に戻ってきます。
自動的にwwwも追加されます。スバらしい!! custom domainの画面キャプチャ

黄色い三角の「Check DNS configuration」が出ていますが、全ての設定が終われば消えます。

次はムームードメイン側でネームサーバーの設定をします

「コントロールパネル」の「ドメイン一覧」から該当のドメインを選択します。
↓こんな感じですね。 コントロールパネルの画面キャプチャ

左メニューの「ドメイン操作」から「ネームサーバ設定変更」を選択。
ボタン「ネームサーバの設定変更」を押してネームサーバを変更する。 ネームサーバ設定変更の画面キャプチャ

次の画面で「ムームードメインのネームサーバ(ムームーDNS)を使用する」にチェックして、ページ下部の「ネームサーバ設定変更」ボタンを押す。

私はドメイン取るときに「ネームサーバー使わない?」だっけ?「ムームーDNS」を選択しなかったんですよ。
なので、ドメインとるときに「ムームーDNS」を選択した人はこの設定不要かも… ムームーDNSを選択した後の画面キャプチャ

変更しましたが表示されます。 ネームサーバー設定変更終了のの画面キャプチャ

引き続きましてDNSの設定です

左メニューの「ドメイン操作」から「ムームーDNS」を選択。
ボタン「変更」を押します。 DNSのセットアップ情報変更の画面キャプチャ

ページのチョイしたにある「設定2」のところです。
「CNAME」と「ALIAS」の設定をします。内容のところはnetlifyのデフォルトのURLです。
XXXXXX-XXXXX-XXXX.netlify.app ←こんなやつ。
「セットアップ情報変更」を押して終了! DNSのセットアップ情報変更の画面キャプチャ

出来ました!! DNSのセットアップ情報変更終了の画面キャプチャ

そして朝を待つ…

ドメインの設定はすぐに反映されないので、私はもう寝ましたw

正しく設定がされていると、Netlifyの画面の黄色い三角の「Check DNS configuration」の表示が消えているはずです。 NetlifyのDomains画面キャプチャ

ドメインの設定が終わったらhttpsもやっちゃおう

同じく「Domains management」の画面の下のほうにあります。
「Verily DNS configuration」をクリックするだけ。
設定済みの画面は↓こんな感じです。 https設定終了後の画面キャプチャ

Netlifyの無料枠でここまで出来るってスゴ過ぎる~!!
ほんまビックリした

目次ページに戻る