GitHub Pagesツール

無料 GitHub Pages CNAMEヘルパー

GitHub Pagesのカスタムドメイン用CNAMEとDNSメモを作成します。

ツールを読み込み中...

GitHub Pages CNAMEヘルパーとは

CNAMEファイルは公開されたサイトにどのカスタムドメインを関連付けるべきかをGitHub Pagesに指示します。ファイルにはドメイン名のみを含めプロトコル、パス、余分なテキストを一切含めてはいけません。このヘルパーはCNAMEファイルの内容とDNS設定の注意事項を分離することで小さな公開ミスを防ぐのに役立ちます。

クイックアンサー

GitHub Pagesのカスタムドメイン用のCNAMEファイルを作成しwwwまたはapexセットアップに一致するDNSガイダンスを取得します。ファイルにはプロトコルやパスなしのベアドメイン名のみを含める必要があります。

Last updated: 2026-06-11

制限事項

  • CNAMEファイルは公開されたサイトルート(通常はdistまたはビルド出力フォルダー内)に存在する必要があります。ビルドツールが出力フォルダーを再生成する場合CNAMEファイルは毎回再追加する必要があります。
  • CNAMEまたはAレコード更新後のDNS伝播はドメインプロバイダーとTTL設定に応じて数分から48時間かかる場合があります。
  • ApexドメインのセットアップにはCNAMEレコードではなくGitHub PagesのIPアドレスを指すAレコードが必要です。apexでのCNAMEレコードはほとんどのプロバイダーでDNS標準により許可されていません。

Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub

使い方

  1. GitHub Pagesに使用するカスタムドメインを入力します。
  2. サイトがwwwサブドメインとapexドメインのどちらを使用するかを選択します。
  3. CNAMEファイルの内容を公開されたサイトルートのCNAMEというファイルにコピーします。
  4. ドメインプロバイダーでDNS設定を適用しGitHub Pagesの設定でHTTPSを有効にします。

主な用途

  • カスタムGitHub Pagesドメイン用のCNAMEファイルを作成します。
  • wwwとapexドメインのセットアップで異なるDNSレコードが必要かどうかを確認します。
  • ドメインプロバイダーを更新する前にDNS変更を文書化します。

用途

使用例

wwwカスタムドメイン

サイト所有者がwww.example.comでGitHub Pagesサイトを読み込みたいと考えています。ツールはCNAMEファイルの内容を出力しwwwレコードをGitHub Pagesホストに向けるよう注意を促します。

Apexドメインの計画

パブリッシャーがwwwなしでexample.comを使用したいと考えています。ツールはCNAMEファイルの内容とDNS設定を分離するため間違った値を間違った場所に貼り付けることがなくなります。

よくあるミス

  • CNAMEファイルにhttps://を入れてしまうと正しく機能しません。
  • ドメイン名の後にパスを追加するとエラーになります。
  • apex Aレコードと無関係なCNAMEレコードを混在させると問題が発生します。

検証

  1. デプロイ後にhttps://yourdomain.comにアクセスしサイトが読み込まれることを確認します。GitHub Pagesの設定で緑色のDNSチェックマークを確認します。
  2. ブラウザでhttps://yourdomain.com/CNAMEにアクセスしCNAMEファイルが存在することを確認します。ドメイン名のみが表示されるはずです。

FAQ

GitHub Pages CNAMEヘルパーのFAQ

CNAMEファイルにhttps://を含めるべきですか?

いいえ。CNAMEファイルにはwww.example.comのようなドメイン名のみを含める必要があります。

CNAMEファイルはどこに配置すべきですか?

公開されたサイトのルートに配置します。distフォルダーをデプロイする場合CNAMEファイルはその公開出力内に存在する必要があります。

デプロイ後にカスタムドメインが消えるのはなぜですか?

多くのビルドツールは出力フォルダーを削除して再生成します。CNAMEファイルが毎回最終ビルド出力にコピーされるようにしてください。

関連ツール

その他のgithub pagesツール

こちらもお試しください

こちらもお試しください