ロゴセイルデザインログブック

技術関係の覚書ブログ

Netlifyにさくらで取得した独自ドメインでサブドメインを設定する方法

前提

今回は独自ドメインの設定のみNetlifyの登録やサイト・アプリなどのデプロイなどの説明は省かせていただきます。
また、メインのドメインとサブドメインで一部操作が異なる可能性がありますのでご注意ください。

ドメインの登録

netlifyの管理画面上でドメインを登録したいサイトのページを表示します。
メニューよりDomain managementを押下しドメインの管理画面に移動します。

Netlifyのドメイン管理画面

Add a domainを押下し登録画面へ移動する。

ドメインの登録画面

登録したいドメインを入力してVelifyを押下する。
設定画面に戻ってくると警告が表示されていいますので引き続きDNSの設定に移行します。

ドメイン管理画面

OptionからSet up Netlify DNSを選択して設定画面に移動します。

DNSセットアップ画面

Velifyを押下すると設定する内容が表示されるので覚えておきます。

DNSの設定

ここからはさくらインターネットの画面となります。
ドメインコントロールパネルを開きドメインの一覧から設定したいドメインでゾーンを押下して編集画面に移動する。

レコード設定に新たにCNAMEでnetlify管理画面に表示される設定方法を参考に登録する
************.netlify.app.のようなものが表示されていると思います。

※さくらサーバーも契約している場合、CNAMEの設定はサーバーの管理画面上でも行うことができます。

確認

ここまでの設定が完了ししばらくすると登録したドメインで表示できるようになります。
Netlifyの管理画面で確認できますますので気長に待っていましょう。

また、Netlifyの場合はSSLの設定は自動で行なってくれますので表示されたタイミングでSSL化されていると思います。