Mac women

独自ドメインをVercel環境に設定する方法

by

独自ドメインとレンタルサーバーを活用して、効率的かつ低コストでウェブサイトを構築する手順を解説します。

このガイドでは運用例として、exsample.com と blog.example.com の設定方法を詳しく説明します。

ムームードメインで独自ドメインを取得

初年度が安いムームードメインを選ぶ

独自ドメインの取得には、ムームードメイン を利用しました。このサービスは初年度の料金が非常に安く、初心者でも手軽に使える管理画面が魅力です。

取得手順

  1. ムームードメインのウェブサイトにアクセス
  2. 希望するドメイン名（例: exsample.com）を検索
  3. 空いているドメインを選んで購入

購入後、管理画面からドメイン設定を変更できます。

レンタルサーバーを契約しWordPressをインストール

コスパが良いロリポップを活用

次に、ロリポップレンタルサーバー を契約します。ロリポップは低価格で使いやすい点が特徴です。

レンタルサーバーの契約手順

  1. ロリポップの公式サイトにアクセス
  2. プランを選択（コスパ重視ならライトプランがおすすめ）
  3. アカウントを作成し、契約を完了

WordPressのインストール

  1. ロリポップの管理画面にログイン
  2. “簡単インストール” 機能を利用
  3. 必要な情報（サイト名、管理者情報など）を入力してWordPressをインストール

独自ドメインをロリポップに設定する

ムームードメインでネームサーバーを設定

  1. ムームードメインの管理画面にログイン
  2. 該当ドメインのネームサーバーを変更
    • 以下のロリポップ指定のネームサーバーを入力:
      • ns1.lolipop.jp
      • ns2.lolipop.jp

ロリポップで独自ドメインを設定

  1. ロリポップの管理画面にアクセス
  2. “独自ドメイン設定” を選択
  3. exsample.com を独自ドメインとして追加

ブログ用のサブドメインをロリポップで作成

サブドメインの設定手順

  1. ロリポップ管理画面の “サブドメイン設定” を選択
  2. “blog” という名前のサブドメインを作成
  3. 公開フォルダを指定（例: /web/blog）

これで、blog.ai-stripe.com のディレクトリが作成されます。

メインの独自ドメインをVercelに設定

Vercelに独自ドメインを設定

  1. Vercel にログイン
  2. 管理画面でプロジェクトを選択
  3. “Settings” -> “Domains” を開き、exsample.com を追加
  4. Vercelが指定するDNS設定を確認
    • Aレコード:
      • 値: 76.76.21.21
    • CNAMEレコード:
      • 値: cname.vercel-dns.com

独自ドメインの DNS 設定を変更

  1. ムームードメイン管理画面で exsample.com のDNS設定を開く
  2. 上記のAレコードとCNAMEレコードを追加

ブログ用サブドメインのDNS設定

  1. ムームードメインで blog.exsample.com のDNS設定を開く
  2. 以下のAレコードを追加:
    • ホスト名: blog
    • 値: ロリポップのサーバーIPアドレス（例: 163.44.185.205）

最後に

これらの設定を行うことで、メインサイト（exsample.com）はVercel、ブログ（blog.exsample.com）はロリポップ上で動作します。コスパと機能性を両立した環境が整いました。

ブログホームに戻る

Leave a Comment