サブドメインとは

まず一応サブドメインについて。

サブドメインは「独自ドメイン」を分割するために任意で設定するドメイン名です。

「○○○.com」を本体とした時に、「□□□.○○○.com」のように文字列を挿入してドメインを区分けするというもので、1つのドメインを用途別に分割したい時に使用します。
サブドメインの例として、身近なところでは「Yahoo!」などがあります。

・Yahoo!JAPAN ： https://www.yahoo.co.jp/
・Yahoo!ショッピング： https://shopping.yahoo.co.jp/
・Yahoo!プレミアム： https://premium.yahoo.co.jp/
・ヤフオク： https://auctions.yahoo.co.jp/
・Yahoo!ニュース： https://news.yahoo.co.jp/

Netlify & お名前.comで「サブドメイン」を設定

前提

お名前.comでドメインを購入している
Netlifyに自分のサービスをデプロイしており、自動で割り振られたドメイン(Default subdomain)でアクセス可能。

Netlifyでの設定

手順そのものは独自ドメインを設定する時とほぼ同じ。設定するドメインだけ任意のサブドメインになるようにすればOK。
以下の画像の例では、「zkappa.com」というログイン名を購入した状態で、「etaranarou.zkappa.com」というサブドメインを設定している。
(「etaranarou」の部分は自分で好きなものを設定できる)

また次の手順で必要になるため、Netlify側で自動設定された「Default subdomain」をコピーしておく。

Netlifyにおける独自ドメイン設定手順は以下参照。
https://qiita.com/NaokiIshimura/items/64e060ccc244e38d0c15#%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%A0%E3%83%89%E3%83%A1%E3%82%A4%E3%83%B3%E3%81%AE%E8%A8%AD%E5%AE%9A

お名前.comでの設定

手順そのものは独自ドメインを設定する時とほぼ同じ。サブドメインを用いてDNSレコードを更新する。

お名前.comでのDNSレコード設定手順は以下参照
https://qiita.com/don-bu-rakko/items/8eb30c7e9a3f9531ba16#%E6%89%8B%E9%A0%86-%E3%81%8A%E5%90%8D%E5%89%8Dcom%E5%81%B4%E3%81%AE%E8%A8%AD%E5%AE%9A

サブドメインの反映待ち

上記2点設定後、お名前.comから通知が届くまで待つ。(おおよそ30分程度)
通知が届いたら設定したサブドメインにアクセスできることを確認する。

出来ない場合は古いDNSキャッシュが残っている可能性があるので、DNSキャッシュをクリアする。MacPCであれば以下の記事を参照。
https://qiita.com/luccafort/items/18712f0c2f453092b1c7

宣伝

↑の手順説明で使ったドメインで、個人開発のサービスを公開しています。
「小説家になろう」の連載作品のURLを入力すると、その作品が完結まで行きそうか(エタらないか)判定してくれます。
まだ機能も少なく、すごーくニッチなサービスですが、よかったら使ってみてね。

エタらなろう
https://etaranarou.zkappa.com/

参考資料

初心者必見！サブドメインの基礎知識とメリット・デメリット
https://ferret-plus.com/8390

【Netlify】カスタムドメインを設定する
https://qiita.com/NaokiIshimura/items/64e060ccc244e38d0c15

Netlifyにお名前.comで取得した独自ドメインを設定する
https://qiita.com/don-bu-rakko/items/8eb30c7e9a3f9531ba16

いつも忘れるMacのDNSキャッシュを削除するやつ
https://qiita.com/luccafort/items/18712f0c2f453092b1c7

Netlify ＆ お名前.comで「サブドメイン」を設定する