https://blog.igeight.net/tags/dns/Recent content in Dns on igeight blogHugojaSun, 25 Oct 2026 00:00:00 +0900https://blog.igeight.net/posts/2026-10-25-cloudfront-custom-domain/Sun, 25 Oct 2026 00:00:00 +0900https://blog.igeight.net/posts/2026-10-25-cloudfront-custom-domain/<p>CloudFront のディストリビューションに、独自ドメイン(この記事では例として <code>blog.example.com</code>)を設定します。 ドメインの DNS が<strong>別の AWS アカウント</strong>にあり、こちらのアカウントでは証明書と CloudFront の設定だけを行って、DNS には「このレコードを登録してください」と依頼する場合を想定します。</p> <ol> <li>登場するものと、つながりの仕組み</li> <li>全体の流れ</li> <li>方法 A: CloudFormation</li> <li>方法 B: AWS CLI</li> <li>DNS に登録するレコード</li> <li>登録の順番</li> <li>A レコードや AAAA レコードではだめなのか</li> </ol> <h2 id="登場するものとつながりの仕組み">登場するものと、つながりの仕組み</h2> <p>独自ドメインの設定は、次の 3 つを<strong>同じドメイン名</strong>で結ぶ作業です。</p> <table> <thead> <tr> <th>登場するもの</th> <th>場所</th> <th>役割</th> </tr> </thead> <tbody> <tr> <td>DNS のレコード</td> <td>ドメインの DNS(別アカウント)</td> <td><code>blog.example.com</code> を CloudFront に向ける。証明書の所有確認にも使う</td> </tr> <tr> <td>ACM 証明書</td> <td><strong>us-east-1</strong></td> <td><code>blog.example.com</code> の HTTPS 通信の証明</td> </tr> <tr> <td>CloudFront の別名(Alias)</td> <td>CloudFront ディストリビューション</td> <td>「このドメイン名のアクセスを受け付ける」という宣言</td> </tr> </tbody> </table> <p>ブラウザが <code>https://blog.example.com/</code> を開いたとき、次のようにつながります。</p> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-text" data-lang="text"><span class="line"><span class="cl"> ブラウザ </span></span><span class="line"><span class="cl"> │ ① blog.example.com の IP は? </span></span><span class="line"><span class="cl"> ▼ </span></span><span class="line"><span class="cl"> DNS ── CNAME: blog.example.com → xxxx.cloudfront.net ──┐ </span></span><span class="line"><span class="cl"> │ ② CloudFront の IP が返る </span></span><span class="line"><span class="cl"> ┌────────────────────────────────────────────────────┘ </span></span><span class="line"><span class="cl"> ▼ </span></span><span class="line"><span class="cl"> CloudFront(ディストリビューション xxxx) </span></span><span class="line"><span class="cl"> │ ③ TLS の接続で「blog.example.com」と名乗る(SNI) </span></span><span class="line"><span class="cl"> │ ④ 別名(Alias)に blog.example.com が入っているか? ← 入っていないと 403 </span></span><span class="line"><span class="cl"> │ ⑤ ACM 証明書(blog.example.com 用)を提示する </span></span><span class="line"><span class="cl"> ▼ </span></span><span class="line"><span class="cl"> ブラウザ: 証明書のドメイン名と、開いたドメイン名が一致 → HTTPS で表示 </span></span></code></pre></div><p>つまり、次の 3 つが同じ名前でそろって初めて繋がります。</p>