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

Last updated at 2020-03-03Posted at 2020-03-03

以下の記事を見て自分のサービスもサブドメインで運用することにした。

ドメインをいくつも取っていると意外と出費になりますよね。
しかし、サブドメインを活用することで取得するドメインは１つで良くなります。

ただ調べてみると通常のドメインを設定するための記事はたくさん見つかるものの、サブドメインに特化した情報が案外見当たらなかった。

実際のところ普通のドメインでもサブドメインでも設定手順はほぼ同じなのだが、その結論に辿り着くまで少し迷ったので、後進のために手順を整理してみる。

サブドメインとは

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

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

「○○○.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」をコピーしておく。