【無料プランでも簡単】Vercelにお名前.comで取得したサブドメインを割り当てる方法

Webコーディング

2024.02.29

2024.03.05

こんにちは！Web it Worksの伊東です。

今回はVercelにお名前.comで取得、作成したサブドメインを割り当てる方法をご紹介します。

前提条件

今回はお名前.comで取得したサブドメインをVercel上で使用したいので、前提条件としては以下です。

Vercelは収益目的でなければ無料プランでも独自ドメインを割り当てられるので、今回は無料プランで独自ドメインを割り当ててみました。

まずはVercelのプロジェクトページで「Settings」→「Domains」とページ遷移します（添付画像①②）

入力欄が表示されるので、利用したいサブドメインを入力し「Add」を押下するとサブドメインが追加されます（添付画像③）

この時は「Invalid Configuration」となりますが、まだお名前.com側で設定をしていないので心配ご無用。

最後に表示された「Value」の内容をコピーしておきましょう（添付画像④：最後の「.」はお名前.com側で自動で付与されるため、あっても無くても大丈夫です）

お名前.comにログインしてサイドメニューの「ネームサーバー設定」→「ドメインのDNS設定」をクリックします。

そしてサブドメインを追加したいドメインのラジオボタンをクリックして「次へ」を押下

少し下へスクロールして「DNSレコード設定を利用する」を押下

次のページで少しスクロールをすると入力欄が表示されるので、

追加を押下後、「確認画面へ進む」を押下するのですが「DNSレコード設定用ネームサーバー変更確認」にチェックを入れてください。

※Xserverにプロジェクトがあったり、メールサーバーとして利用している場合は止まってしまうので、細心の注意を払って作業してください。

よくあるのが、メインのドメインはXserverやさくらインターネットなどのレンタルサーバーを使用しており、サブドメインだけVercelを使用したい場合です。

この場合、ネームサーバーがレンタルサーバーに向いているとDNSの設定がうまくいかないため、ネームサーバーはお名前.comに向けておきましょう。

ネームサーバーがXserverに向いている場合、以下のような設定です。

今回の場合は以下のように設定をする必要があります。（お名前.comの場合）

めちゃくちゃ簡単にデプロイができる「Vercel」ですが、ドメインの割り当てもこんなに簡単なのはありがたいですね。

収益目的でなければ無料プランでも独自ドメインが割り当てられるので色々と活用方法を模索してみることにします…。