STUDIOで制作したサイトを独自ドメインで公開するときのDNS Aレコード

ノーコードでホームページを制作できるSTUDIOで、制作したサイトを独自ドメインで公開する際に必要なDNSの設定についてメモ。

STUDIO 独自ドメイン公開設定

STUDIOのAレコード

Aレコードはホームページを公開するWEBサーバーのIPアドレス（IPv4)です。お名前.com やムームードメイン、バリュードメイン、Xserverドメイン、Google Domains、名づけてねっと、.oneなど珍しいドメインを取り扱っているゴンベエドメインなど、ドメイン会社のコントロールパネルでDNSの設定を変更する際、Aレコードを以下の内容に変更。

34.111.141.225

以下の公式サイトのサポートページに記載があります。

https://help.studio.design/ja/articles/5707271-studio%E3%81%A7%E6%8E%A5%E7%B6%9A-%E5%85%AC%E9%96%8B%E3%81%97%E3%81%A6%E3%81%84%E3%82%8B%E7%8B%AC%E8%87%AA%E3%83%89%E3%83%A1%E3%82%A4%E3%83%B3%E3%81%AE%E3%83%A1%E3%83%BC%E3%83%AB%E3%82%A2%E3%82%AB%E3%82%A6%E3%83%B3%E3%83%88%E3%82%92%E5%88%A9%E7%94%A8%E3%81%99%E3%82%8B%E3%81%AB%E3%81%AF%E3%81%A9%E3%81%86%E3%81%97%E3%81%9F%E3%82%89%E8%89%AF%E3%81%84%E3%81%A7%E3%81%99%E3%81%8B https://help.studio.design/ja/articles/5707271-studio%E3%81%A7%E6%8E%A5%E7%B6%9A-%E5%85%AC%E9%96%8B%E3%81%97%E3%81%A6%E3%81%84%E3%82%8B%E7%8B%AC%E8%87%AA%E3%83%89%E3%83%A1%E3%82%A4%E3%83%B3%E3%81%AE%E3%83%A1%E3%83%BC%E3%83%AB%E3%82%A2%E3%82%AB%E3%82%A6%E3%83%B3%E3%83%88%E3%82%92%E5%88%A9%E7%94%A8%E3%81%99%E3%82%8B%E3%81%AB%E3%81%AF%E3%81%A9%E3%81%86%E3%81%97%E3%81%9F%E3%82%89%E8%89%AF%E3%81%84%E3%81%A7%E3%81%99%E3%81%8B

お名前ドットコムでの設定手順の例

https://mik2062.jp/studio-custom-domain/ https://mik2062.jp/studio-custom-domain/

Google Domainsでの設定手順の例

https://help.studio.design/ja/articles/1884451-dns%E3%83%AC%E3%82%B3%E3%83%BC%E3%83%89%E8%A8%AD%E5%AE%9A https://help.studio.design/ja/articles/1884451-dns%E3%83%AC%E3%82%B3%E3%83%BC%E3%83%89%E8%A8%AD%E5%AE%9A

公開時はTLS証明書の発行に数時間かかる

STUDIOで制作したサイトを公開する際は、DNSのAレコードを変更してから公開の設定作業が必要です。STUDIO上で公開作業を進めていく上で、独自ドメインへの接続をクリアすると、TLS証明書の発行が始まります。しかし、これが数時間かかるため、公開作業は夜間に行う方がいいかもしれません。結果、2時間～3時間近くかかりました。

[caption id=“attachment_507” align=“alignnone” width=“700”] STUDIO SSL/TLS証明書発行中画面この画面をうっかり閉じても、バックグラウンドで発行作業は進行しています。再度「公開設定」画面にアクセスすることで、ステータス（進捗状況）を確認することができます。[/caption]

私は通常の業務時間に行ったため、TLS証明書が発行されていない状態でサイトにアクセスするとHTTPSで強制的に接続され**「このサイトへの接続はセキュリティで保護されていません」**と、証明書がないためにずっとエラー画面（ERR_SSL_VERSION_OR_CIPHER_MISMATCH）が出たままになってしまいました。

$「このサイトへの接続はセキュリティで保護されていません」ERR\\_SSL\\_VERSION\\_OR\\_CIPHER\\_MISMATCHエラー画面$

https://help.studio.design/ja/articles/4358651-tls-%E8%A8%BC%E6%98%8E%E6%9B%B8 https://help.studio.design/ja/articles/4358651-tls-%E8%A8%BC%E6%98%8E%E6%9B%B8

同じように時間がかかって困った方の記事

早ければ5～10分程度という方もいらっしゃるみたいですが、中には一晩かかったという方も…。

独自ドメイン接続完了画面

TLS証明書の発行が完了すると、以下の画面になります。この後、サイトにアクセスすると制作したサイトが見れると思います。

STUDIO 独自ドメイン接続完了画面