お名前.comで取得した独自ドメインをShopifyで利用する方法

【2024】お名前.comで取得した独自ドメインをShopifyで利用する方法

本記事ではお名前ドットコムで取得した独自ドメインをShopifyストアで利用するための設定方法をご紹介します。

前提条件

お名前ドットコムにて独自ドメインを取得している場合は後述の設定方法をご参考にしてください。まだ、独自ドメインを取得していない場合は、本設定に入る前にお名前ドットコムにてドメイン購入をお願いします。

ステップ1．お名前ドットコムでDNSレコードを設定

ステップ1-1．DNS設定/転送設定を開く

お名前ドットコムの左メニューにある「DNS設定/転送設定」をクリック
「DNSレコード設定を利用する」の右にある「設定する」をクリック

 

  1. お名前ドットコムの左メニューにある「DNS設定/転送設定」をクリック
  2. Shopifyストアで利用したい独自ドメインにチェックし、「次へ」をクリック
  3. 「DNSレコード設定を利用する」の右にある「設定する」をクリック

    ステップ1-2．2種類のレコードを追加する

    2種類のレコードを追加する
    「DNSレコード設定用ネームサーバー変更確認」にチェックをつける 「確認画面へ進む」をクリック
    確認画面の内容を確認し、「設定する」をクリック

     

    1. 下記2種類のレコードを追加する

      ホスト名：空欄
      TYPE：A
      TTL：3600
      VALUE：23.227.38.65
      状態：有効

      ホスト名：www
      TYPE：CNAME
      TTL：3600
      VALUE：shops.myshopify.com
      状態：有効

      2. 「DNSレコード設定用ネームサーバー変更確認」にチェックをつける
      3. 「確認画面へ進む」をクリック
      4. 確認画面の内容を確認し、「設定する」をクリック

        ステップ2．Shopifyで独自ドメインを接続

        ステップ2-0. 注意事項

        お名前ドットコム側の設定したDNSレコードの反映に時間がかかる場合があります。少なくとも1時間程度は待ってから作業することを推奨します。反映に24～72時間かかる場合もあります。

        設定が反映されない状態で、本章の設定を進めると下記添付画像のようなエラーメッセージが表示されますので、エラーメッセージが表示された際には、時間を置いてから再度接続を試してください。

        DNS設定が反映されていないときのエラーメッセージ

        ステップ2-1. ドメインの接続ページへ遷移

        設定 > ドメインの順に遷移 「既存のドメインを接続する 」をクリック
        1. 設定 > ドメインの順に遷移
        2. 「既存のドメインを接続する 」をクリック

          ステップ2-2. 独自ドメインの接続確認

          ドメイン欄に接続したい独自ドメインを入力し、「次へ」をクリック
          「接続を確認」 をクリック
          ドメインページにて、独自ドメインが表示されるのを確認

           

          1. ドメイン欄に接続したい独自ドメインを入力し、「次へ」をクリック
          2. 「接続を確認」 をクリック
          3. ドメインページにて、独自ドメインが表示されるのを確認

            独自ドメイン設定後にやるべき設定

            実際に独自ドメインにアクセスしてみる

            実際に独自ドメインにアクセスし、Shopifyストアの画面が表示さたら、本記事の設定が完了しています。

            実際に独自ドメインにアクセスし、Shopifyストアの画面が表示

            独自ドメインをプライマリードメインに変更する

            プライマリードメインとは、Shopifyストアのアドレスバーに表示されるドメイン名のことです。Shopify登録後のデフォルトのプライマリードメインの形式は、xxx[ドット]myshopify[ドット]comとなります。

            （プライマリードメインに変更する方法）

            設定 > ドメインに遷移 接続した独自ドメインをクリック 「ドメインタイプを変更」をクリック
            4. プライマリードメインを 選択し、「ドメインタイプを変更」をクリック

             

            1. 設定 > ドメインに遷移
            2. 接続した独自ドメインをクリック
            3. 「ドメインタイプを変更」をクリック
            4. プライマリードメインを 選択し、「ドメインタイプを変更」をクリック

              xxx.myshopify.comのリダイレクトを確認する

              プライマリードメイン変更後に、もともとプライマリードメインとして設定されていた「xxx[ドット]myshopify[ドット]com」にアクセスし、独自ドメインにリダイレクトされるかをご確認ください。

              最後に

              今回はお名前ドットコムで取得したドメインShopifyストアで利用する方法をご紹介しました。下記のブログ記事では、商品登録や送料設定などShopifyの始め方（立ち上げ方）についてご紹介しています。ご参考にしてください。

              Shopifyの始め方（立ち上げ方）｜ストア開設までの流れ｜アカウントや商品の作り方

              Ad Banner
              Ad Banner
              ブログに戻る

              ブログ

              すべてを表示する
              1 6
              すべてを表示する

              テックブログ

              すべてを表示する
              • Shopify Liquidとは｜特徴や基本構文、学習リソースまで紹介

                Shopify Liquidとは｜特徴や基本構文、学習リソースまで紹介

                Tsunライターチーム

                Shopify Liquidは、Shopifyが開発したオープンソースのテンプレート言語です。本記事では、Shopify Liquidの基本概念、主な特徴、そしてその学習に役立つリソースについて解説します。

                Shopify Liquidとは｜特徴や基本構文、学習リソースまで紹介

                Tsunライターチーム

                Shopify Liquidは、Shopifyが開発したオープンソースのテンプレート言語です。本記事では、Shopify Liquidの基本概念、主な特徴、そしてその学習に役立つリソースについて解説します。

              • Shopify Polarisとは？ 効率的なShopifyアプリ開発に！

                Shopify Polarisとは？ 効率的なShopifyアプリ開発に！

                Tsunライターチーム

                Shopify Polarisは、Shopifyのエコシステムにおいて重要な役割を果たす包括的なデザインシステムです。本記事では、Shopify Polarisの概要やメリット、デメリット、Polarisを活用したShopifyアプリの事例、Shopify Polarisを使用する際のヒントとコツを紹介します。

                Shopify Polarisとは？ 効率的なShopifyアプリ開発に！

                Tsunライターチーム

                Shopify Polarisは、Shopifyのエコシステムにおいて重要な役割を果たす包括的なデザインシステムです。本記事では、Shopify Polarisの概要やメリット、デメリット、Polarisを活用したShopifyアプリの事例、Shopify Polarisを使用する際のヒントとコツを紹介します。

              • 【Tips】Shopify の GraphQL Admin API で顧客総数を取得する

                【Tips】Shopify の GraphQL Admin API で顧客総数を取得する

                小笠原 京平

                Shopifyの GraphQL Admin API の小ネタです。 Shopifyの顧客総数を取得したい場合のクエリは、いざ探そうと思ってもパッと見つからないのでメモしておきます。 対象読者 Shopify GraphQL Admin API を使ったことがある方 顧客総数を取得するクエリ 2023-07 バージョンから CustomerSegmentMemberConnection に変更があったため、2023-07より前と以降で若干クエリが異なります。 ※ changelog 2023-07以降 { customerSegmentMembers(first: 1, query: "") { totalCount } } 2023-07より前...

                【Tips】Shopify の GraphQL Admin API で顧客総数を取得する

                小笠原 京平

                Shopifyの GraphQL Admin API の小ネタです。 Shopifyの顧客総数を取得したい場合のクエリは、いざ探そうと思ってもパッと見つからないのでメモしておきます。 対象読者 Shopify GraphQL Admin API を使ったことがある方 顧客総数を取得するクエリ 2023-07 バージョンから CustomerSegmentMemberConnection に変更があったため、2023-07より前と以降で若干クエリが異なります。 ※ changelog 2023-07以降 { customerSegmentMembers(first: 1, query: "") { totalCount } } 2023-07より前...

              • Shopify Vite Plugin でテーマ拡張機能の開発体験を改善する

                Shopify Vite Plugin でテーマ拡張機能の開発体験を改善する

                小笠原 京平

                今回は Barrel が提供する Shopify Vite Plugin を導入して、テーマ拡張機能の開発体験を改善する方法をご紹介します。 対象読者 テーマ拡張機能の開発経験がある方 はじめに Shopifyのテーマ拡張機能 (Theme app extensions) はShopify アプリ開発において、ストアフロントに機能を追加するための機能です。 Liquid、JavaScript、CSSなどを使って開発することができますが、通常のアプリ開発と比較すると、ローカルでの開発体験はそれほどよくありません。 そこで、今回は Shopify Vite Plugin を導入して、開発体験を改善していきます。 Shopify Vite Plugin とは Barrel が提供する Vite用プラグインです。ViteをShopify テーマ開発に組み込んで開発体験を改善することを目的として作られていますが、テーマ拡張機能においてもその恩恵を受けることができます。...

                Shopify Vite Plugin でテーマ拡張機能の開発体験を改善する

                小笠原 京平

                今回は Barrel が提供する Shopify Vite Plugin を導入して、テーマ拡張機能の開発体験を改善する方法をご紹介します。 対象読者 テーマ拡張機能の開発経験がある方 はじめに Shopifyのテーマ拡張機能 (Theme app extensions) はShopify アプリ開発において、ストアフロントに機能を追加するための機能です。 Liquid、JavaScript、CSSなどを使って開発することができますが、通常のアプリ開発と比較すると、ローカルでの開発体験はそれほどよくありません。 そこで、今回は Shopify Vite Plugin を導入して、開発体験を改善していきます。 Shopify Vite Plugin とは Barrel が提供する Vite用プラグインです。ViteをShopify テーマ開発に組み込んで開発体験を改善することを目的として作られていますが、テーマ拡張機能においてもその恩恵を受けることができます。...

              • Shopify Admin API GraphiQLとは？ 使い方やメリット・デメリットを解説

                Shopify Admin API GraphiQLとは？ 使い方やメリット・デメリットを解説します

                小笠原 京平

                ShopifyのAdmin APIにはGraphQLを用いたAPIがあります。手軽に試す方法としてGraphiQL (GraphQLではなくGraphiQLなのに注意) というIDEがありますので、今回はShopify GraphiQLの使い方やメリット・デメリットを解説します。 GraphiQLとは GraphQL公式が運営しているオープンソースプロジェクトです。GraphQLをブラウザ上でインタラクティブに操作・実行することができます。 グラフィカル (/ˈɡrafək(ə)l/) と発音します。(graphicalと同じ発音) GraphQLとは GraphQLはAPIのためのクエリ言語であり、既存のデータでクエリを実行するためのランタイムです。 GraphQLはAPI内のデータの完全で理解しやすい説明を提供し、クライアントに必要なものだけを要求する力を与え、APIを長期的に進化させることを容易にし、強力な開発者ツールを可能にします。 引用: GraphQL | A query language for your API Shopify GraphiQLの使い方 Shopify GraphiQLは各ストアにアプリをインストールするだけで使えますが、Shopify Devサイト上でデモを触れるので、まずは触ってみましょう！ https://shopify.dev/docs/apps/tools/graphiql-admin-api Workshopをやってみよう！ Shopifyが作成した「Learn...

                Shopify Admin API GraphiQLとは？ 使い方やメリット・デメリットを解説します

                小笠原 京平

                ShopifyのAdmin APIにはGraphQLを用いたAPIがあります。手軽に試す方法としてGraphiQL (GraphQLではなくGraphiQLなのに注意) というIDEがありますので、今回はShopify GraphiQLの使い方やメリット・デメリットを解説します。 GraphiQLとは GraphQL公式が運営しているオープンソースプロジェクトです。GraphQLをブラウザ上でインタラクティブに操作・実行することができます。 グラフィカル (/ˈɡrafək(ə)l/) と発音します。(graphicalと同じ発音) GraphQLとは GraphQLはAPIのためのクエリ言語であり、既存のデータでクエリを実行するためのランタイムです。 GraphQLはAPI内のデータの完全で理解しやすい説明を提供し、クライアントに必要なものだけを要求する力を与え、APIを長期的に進化させることを容易にし、強力な開発者ツールを可能にします。 引用: GraphQL | A query language for your API Shopify GraphiQLの使い方 Shopify GraphiQLは各ストアにアプリをインストールするだけで使えますが、Shopify Devサイト上でデモを触れるので、まずは触ってみましょう！ https://shopify.dev/docs/apps/tools/graphiql-admin-api Workshopをやってみよう！ Shopifyが作成した「Learn...

              • ブログ記事 Shopifyの必須Webhooks (Mandatory Webhooks)とは？ GDPRや対応例など

                Shopifyの必須Webhooks (Mandatory Webhooks)とは？ GDPR...

                小笠原 京平

                今回はShopifyアプリ開発を始めたときに詰まるポイントの1つ「必須Webhooks」について解説します。実装をしていなかったり、実装が不十分なためにレビューが通らなかった経験をされた方は多いんじゃないでしょうか？レビューで詰まらないためにも、ぜひご確認ください！ Webhooksとは？ Shopifyの必須Webhooksを説明する前に、Webhooksについて理解しましょう。Webhooksとは、Webアプリケーションと連携するために用いられるイベント通知の仕組みです。Webhooksを使うことで、あるWebアプリケーションで特定のイベントが起きたときに、データを受け取ったり、何かしらの動作をすることが可能になります。 エンジニアにとって身近な例でいうと、GitHubにコードをプッシュしたときに自動でビルドやテストをするときにWebhooksが使われています。 ShopifyのWebhooks そんなWebhooksはShopifyでも使うことができます。Shopifyアプリ開発では、Shopify Admin APIからWebhooksを使うことができます。また、アプリ以外でもShopify管理画面からWebhookを作成することもできます。 ShopifyのWebhooksにはHTTPSのエンドポイントのほか、Amazon EventBridgeやGoogle Cloud Pub/Subといったメッセージングサービスを使うこともできます。購読するイベントやマーチャントによっては瞬間的に大量のWebhooksを処理する必要があるため、スケールさせやすいメッセージングサービスを使ってWebhooksを処理することをおすすめします。 必須Webhooks (Mandatory Webhooks) とは？ 必須Webhooksとは、Shopifyアプリを開発するときに必ず実装しなければならない3つのWebhooksのことです。この3つのWebhooksはGDPRに対応するために必要なWebhooksで、EU加盟国に関わらず、すべてのShopifyアプリはGDPRに準拠しなければなりません。必須Webhooksを実装していない場合、アプリレビューで却下されます。 (3つの必須Webhooks以外のWebhooksは任意で実装すればOKです。) また、必須Webhooksの3つはHTTPSのエンドポイントでのみ作成可能です。上述したEventBridgeやPub/Subを利用することはできません。 GDPRとは？ GDPR（General Data Protection Regulation：一般データ保護規則）は、ヨーロッパ連合（EU）の個人情報保護法規で、2018年5月25日から施行されています。これは、EU全域での個人情報のプライバシーを保護し、データの取り扱い方に関して個々の人々により多くの制御権を付与するためのものです。 GDPRは、EU市民または居住者の個人データを処理する全ての組織に適用されます。これには、EU内外の組織も含まれ、EUの市民や居住者のデータを処理する場合、世界のどこにその組織があろうともGDPRの規定を守る必要があります。 GDPRの主な目的は、個人が自分の個人データをどのように収集、保存、使用されるのかを知り、そしてその制御をする権利を持つべきであるという考え方を強化し、統一化することです。これは、個人情報の透明性、アクセスの権利、修正の権利、忘れられる権利（データ削除の権利）、データ移行の権利など、いくつかの重要な権利を個々の人々に付与します。 参考: ChatGPT 必須Webhooksの対応例 上記で説明したように、必須WebhooksとはGDPRに準拠するためのWebhooksなので、顧客情報、ストア情報をデータベースなどに保存しているかどうかで対応方法が変わります。...

                Shopifyの必須Webhooks (Mandatory Webhooks)とは？ GDPR...

                小笠原 京平

                今回はShopifyアプリ開発を始めたときに詰まるポイントの1つ「必須Webhooks」について解説します。実装をしていなかったり、実装が不十分なためにレビューが通らなかった経験をされた方は多いんじゃないでしょうか？レビューで詰まらないためにも、ぜひご確認ください！ Webhooksとは？ Shopifyの必須Webhooksを説明する前に、Webhooksについて理解しましょう。Webhooksとは、Webアプリケーションと連携するために用いられるイベント通知の仕組みです。Webhooksを使うことで、あるWebアプリケーションで特定のイベントが起きたときに、データを受け取ったり、何かしらの動作をすることが可能になります。 エンジニアにとって身近な例でいうと、GitHubにコードをプッシュしたときに自動でビルドやテストをするときにWebhooksが使われています。 ShopifyのWebhooks そんなWebhooksはShopifyでも使うことができます。Shopifyアプリ開発では、Shopify Admin APIからWebhooksを使うことができます。また、アプリ以外でもShopify管理画面からWebhookを作成することもできます。 ShopifyのWebhooksにはHTTPSのエンドポイントのほか、Amazon EventBridgeやGoogle Cloud Pub/Subといったメッセージングサービスを使うこともできます。購読するイベントやマーチャントによっては瞬間的に大量のWebhooksを処理する必要があるため、スケールさせやすいメッセージングサービスを使ってWebhooksを処理することをおすすめします。 必須Webhooks (Mandatory Webhooks) とは？ 必須Webhooksとは、Shopifyアプリを開発するときに必ず実装しなければならない3つのWebhooksのことです。この3つのWebhooksはGDPRに対応するために必要なWebhooksで、EU加盟国に関わらず、すべてのShopifyアプリはGDPRに準拠しなければなりません。必須Webhooksを実装していない場合、アプリレビューで却下されます。 (3つの必須Webhooks以外のWebhooksは任意で実装すればOKです。) また、必須Webhooksの3つはHTTPSのエンドポイントでのみ作成可能です。上述したEventBridgeやPub/Subを利用することはできません。 GDPRとは？ GDPR（General Data Protection Regulation：一般データ保護規則）は、ヨーロッパ連合（EU）の個人情報保護法規で、2018年5月25日から施行されています。これは、EU全域での個人情報のプライバシーを保護し、データの取り扱い方に関して個々の人々により多くの制御権を付与するためのものです。 GDPRは、EU市民または居住者の個人データを処理する全ての組織に適用されます。これには、EU内外の組織も含まれ、EUの市民や居住者のデータを処理する場合、世界のどこにその組織があろうともGDPRの規定を守る必要があります。 GDPRの主な目的は、個人が自分の個人データをどのように収集、保存、使用されるのかを知り、そしてその制御をする権利を持つべきであるという考え方を強化し、統一化することです。これは、個人情報の透明性、アクセスの権利、修正の権利、忘れられる権利（データ削除の権利）、データ移行の権利など、いくつかの重要な権利を個々の人々に付与します。 参考: ChatGPT 必須Webhooksの対応例 上記で説明したように、必須WebhooksとはGDPRに準拠するためのWebhooksなので、顧客情報、ストア情報をデータベースなどに保存しているかどうかで対応方法が変わります。...

              1 6
              すべてを表示する

              編集プロセス

              EコマースやShopifyの初学者にとって、できるだけ “やさしく” “わかりやすく” “正確に” 難しいコマース用語やマーケティング用語、ストア構築から販売までの仕組み・ノウハウを伝えることを心がけて、記事コンテンツを作成しています。

              詳しく見る →

              掲載情報に関して

              掲載している各種情報は、株式会社Tsunが経験および、調査した情報をもとにしています。できるだけ“最新“かつ“正確“な情報の掲載に努めておりますが、内容を完全に保証するものではありません。当サイトによって生じた損害について、株式会社Tsunではその賠償の責任を一切負わないものとします。掲載情報に誤りがある場合には、お手数ですが株式会社Tsunまでご連絡をいただけますようお願いいたします。