AWSのS3といえばストレージサービスですが、実はウェブサイトをホストすることもできます。
EC2インスタンス等のVMを用意したり、webサーバをインストールしたり、そういった設定は一切不要なので、非常に簡単です。
さっそくやってみましょう！

1. S3 バスケットを作成する

まずは、S3 バスケットを作成しましょう。バスケットとはフォルダのようなものです。
サービス検索窓からS3と入力し、S3をクリックします。

「バケットを作成」をクリックします。

バスケット名を入力します。この名前は基本的にグローバルで一意である必要があります(厳密なルールは公式ドキュメントを参照してください)。つまり他の人が既に使っていたらエラーメッセージが出るので、別の名前にしましょう。今回はmyultimatewebsiteとしました。

それ以外は現状デフォルトで問題ないです。下にスクロールして、「バケットを作成」をクリックしましょう。

とりあえずバケットが作成できました。

2. 静的ウェブサイトホスティングの設定をする

1で作成したバケットに設定していきます。バケット名をクリックしましょう。

プロバティをクリックします。

下にスクロールして、「静的ウェブサイトホスティング」の「編集」をクリックします。

ここでウェブサイトのホームページにあたるファイルを設定します。通常はindex.htmlで良いでしょう。
今回はこのファイルだけのサイトにしますので、他は入力せず「変更の保存」をクリックします。

3. アクセス許可の設定をする

注意！！
ここからバケットの公開設定をします。もしバケット内に他の貴重なファイルを格納してる場合は、この設定により公開されてしまうので、そのようなファイルがないか確認してください。この記事のやり方の通りにやっている場合は、テストのファイルしか格納しないので問題ありません。

「アクセス許可」をクリックします。ブロックパブリックアクセス（バケット設定）の「編集」をクリックしましょう。

「パブリックアクセスをすべてブロック」のチェックを外し、「変更の保存」をクリックします。

先ほど説明しましたが、この公開処理は注意が必要です。内容を確認して、フィールドに「確認」と入力し、「確認」をクリックします。

これで終わりではありません。バケットポリシーの設定も必要です。「編集」をクリックしましょう。

以下のポリシーをコピーし、フィールドに貼り付けてください。
AWSのドキュメントに書かれていたものです。

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

バケット名を記入している部分に注意してください。今回はmyultimatewebsiteとしています。もし違う名前でバケットを作成した場合は、その名前を入力してください。

「変更の保存」をクリックしましょう。これで公開設定ができました。

4. テスト用のHTMLファイルを作成する

今回作成するウェブサイトのホームページを作成します。
HTMLファイルであればなんでも良いです。
すぐに試したい場合は、AWSドキュメントにあった以下のサンプルファイルを使ってみてください。

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>My Website Home Page</title>
</head>
<body>
  <h1>Welcome to my website</h1>
  <p>Now hosted on Amazon S3!</p>
</body>
</html>