ネットワーク構成

DNSの名前解決は下記のような構成にします。

手順

使用可能なドメインを確認
Route 53でHosted Zone作成
Freenomでドメイン取得
S3でバケット作成
Route 53でドメインをS3にマッピング
動作確認
撤収

下記サイトを参考にさせていただきました。
確認はしていませんが、1→3→2の順でも可能なようです。
また、ドメイン取得以外は、AWS公式の手順通りに行えば実現可能です。

[参考資料]
例: 独自ドメインを使用して静的ウェブサイトをセットアップする - Amazon Simple Storage Service
無料ドメイン(.tk)とRoute53を利用して0円でHTTPS環境を設定してみた｜ DevelopersIO
無料のドメインを取得する - Qiita
S3で誤ったデータの公開を防ぐパブリックアクセス設定機能が追加されました｜ DevelopersIO
Dot TKで取得した無料ドメインをRoute 53でホストする - Qiita

1. 使用可能なドメインを確認

Freenomを使用しました。
入力欄にドメイン名を入力すると、無料で使えると表示されました。

AWSのRoute 53でもドメインが取得可能ですが、有料なので無料でドメイン取得できるFreenomを使用しました。
Route 53でドメイン取得すると全てをAWSでクローズできてラクなので、いずれはRoute 53で取得する予定です。

2. Route 53でHosted Zone作成

取得するドメインのDNSサーバとしてRoute 53を使用します。
3.ドメイン取得よりも先にRoute 53の設定を行う理由は、ドメイン取得の際に使用するDNSサーバを入力することになるからです。
この記事のように適当なフォワード先を設定するか、デフォルトのDNSサーバを設定しておいて後から修正することも可能なようでした。

2.1. Hosted Zone作成

Route 53から[Create Hosted Zone]を押すと、入力画面が表示されます。
Domain Nameに取得予定のドメイン名を入力して作成します。

Domain Name：取得予定のドメイン名
Comment："静的Webサイト公開用" (何でも構わないです)
Type:Public Hosted Zone

2.2. NSレコードを控える

作成したHosted Zoneを確認すると、NSレコードが4つ登録されています。
登録されているのは、DNSサーバのURLです。
このURLをドメイン取得時に使用します。

3. Freenomでドメイン取得

Freenomに戻ってドメイン名を再度入力します。
取得したいドメインを選択し[チェックアウト]を押下します。

以下の画面で、Route 53で控えたNSレコードのうち2つを入力します。
この画面では2つまでしか入力できませんので、残りの２つは後で設定します。

ドメイン取得にはユーザー登録が必要です。
Google・FacebookアカウントのOAuthも可能です。

ドメインが取得できたら、残り2つのDNSサーバを追加します。

4. S3でバケット作成

4.1. バケット作成

Amazon S3より[バケットを作成する]を選択します。
バケット名は3.で取得したドメイン名と同じ「s3-route53-test.ga」にします。

同様の手順で「www.s3-route53-test.ga」バケットも作成します。
「www.s3-route53-test.ga」バケットは、全てのリクエストを「s3-route53-test.ga」にリダイレクトするようにします。なので、4.2, 4.3, 4.4は実施不要です。

4.2. ファイルのアップロード

Webサイト用のファイルをアップロードします。
今回は「index.html」のみをアップロードしました。

4.3. パブリックアクセス設定の変更

デフォルトの設定では、S3に追加したWebサイトを公開できません。
設定を変更しNo.1以外のチェックを外します。
セキュリティを保持するための設定なのでチェックを外すときは充分注意してください。

No.	項目	変更の理由
1	新規のパブリック ACL と、パブリックオブジェクトのアップロードをブロックする	ファイルアップロードを先に行えば変更不要
2	パブリック ACL を通じて付与されたパブリックアクセスを削除する	Webサイト用のファイルを公開設定にしても非公開になるため
3	新規のパブリックバケットポリシーをブロックする	バケット全体を全世界から読取可能に設定しても拒否されるため
4	バケットにパブリックポリシーがある場合、パブリックアクセスとクロスアカウントアクセスをブロックする	バケットを全世界から読取可能にしても非公開になるため

4.4. バケットポリシーの変更

Webサイトを全世界から閲覧できるように、バケット全体に全ユーザーの読取可能を設定します。

{
    "Version": "2012-10-17",
    "Statement": [
        {
            "Sid": "PublicReadGetObject",
            "Effect": "Allow",
            "Principal": "*",
            "Action": "s3:GetObject",
            "Resource": "arn:aws:s3:::s3-route53-test.ga/*"
        }
    ]
}