# S3に静的Webサイトをホスティングする手順

## 目次
1. はじめに
2. S3バケットの作成
   1. バケット名の指定
   2. 地域の選択
3. ホスティング設定の有効化
   1. 静的ウェブホスティングの設定
   2. インデックスとエラードキュメントの指定
4. ファイルのアップロード
   1. ウェブサイトファイルの選択とアップロード
5. バケットポリシーの設定
   1. パブリックアクセスの許可
   2. バケットポリシーの設定例
6. ドメインの設定（任意）
   1. Route 53でのドメイン設定
   2. カスタムドメインの設定
7. まとめ

## 1. はじめに
Amazon S3（Simple Storage Service）は、データをインターネットに安全に保存するためのスケーラブルなクラウドストレージサービスです。本記事では、Amazon S3を利用して静的Webサイトをホスティングする手順について詳しく解説します。

## 2. S3バケットの作成
### 2-1 バケット名の指定
1. AWSマネジメントコンソールにログインし、S3サービスを開きます。
2. [バケットを作成する]をクリックします。
3. バケット名を入力します。S3バケット名は一意である必要があります。

### 2-2 地域の選択
1. ホスティングする地域を選択します。通常、最も近い地域を選ぶとよいでしょう。

## 3. ホスティング設定の有効化
### 3-1 静的ウェブホスティングの設定
1. 新しいバケットを選択し、[プロパティ]タブをクリックします。
2. [静的ウェブホスティング]を選択し、[設定を編集]をクリックします。
3. [ホスティングを有効にする]を選択します。

### 3-2 インデックスとエラードキュメントの指定
1. インデックスドキュメントに`index.html`を指定します。
2. エラードキュメントには`error.html`を指定することをお勧めします（エラーページを仕様したい場合）。

## 4. ファイルのアップロード
### 4-1 ウェブサイトファイルの選択とアップロード
1. バケットの[オブジェクト]タブで、[アップロード]をクリックします。
2. ウェブサイトのファイル（HTML、CSS、JavaScriptなど）を選択して[次へ]をクリックします。
3. オプションでパブリックパーミッションを設定し[次へ]をクリックしてアップロードします。

## 5. バケットポリシーの設定
### 5-1 パブリックアクセスの許可
1. S3は初期設定では公開されていないため、サイトを一般に公開する必要があります。
2. バケットポリシーを設定し、公にアクセスを許可します。

### 5-2 バケットポリシーの設定例
以下は、S3バケットにパブリックリードアクセスを許可するバケットポリシーの例です。

![img](/mosaic-code.jpg)

## 6. ドメインの設定（任意）
### 6-1 Route 53でのドメイン設定
1. カスタムドメインを持っている場合、Amazon Route 53を使用してDNSを管理することが可能です。
2. Route 53でホストゾーンを作成し、ドメイン名をS3バケットの静的ウェブサイトにマッピングします。

### 6-2 カスタムドメインの設定
1. バケット名はフルコンテンツのドメイン名と一致する必要があります。
2. Route 53などのDNS設定サービスでCNAMEを作成し、静的ウェブホスティングURLを指定します。

## 7. まとめ
S3に静的Webサイトをホスティングする手順は、バケットの作成から始まります。正しく設定すれば、S3はコスト効率が高く、スケーラブルな静的Webサイトホスティングサービスとして機能します。ご興味がある方は、ぜひ試してみてください。今後は、CDNを使用してサイトのパフォーマンス向上を図る方法についても考えてみましょう。 [cv:issue_marketplace_engineer]

# S3に静的Webサイトをホスティングする手順

## 目次
1. はじめに
2. S3バケットの作成
   1. バケット名の指定
   2. 地域の選択
3. ホスティング設定の有効化
   1. 静的ウェブホスティングの設定
   2. インデックスとエラードキュメントの指定
4. ファイルのアップロード
   1. ウェブサイトファイルの選択とアップロード
5. バケットポリシーの設定
   1. パブリックアクセスの許可
   2. バケットポリシーの設定例
6. ドメインの設定（任意）
   1. Route 53でのドメイン設定
   2. カスタムドメインの設定
7. まとめ

## 1. はじめに
Amazon S3（Simple Storage Service）は、データをインターネットに安全に保存するためのスケーラブルなクラウドストレージサービスです。本記事では、Amazon S3を利用して静的Webサイトをホスティングする手順について詳しく解説します。

## 2. S3バケットの作成
### 2-1 バケット名の指定
1. AWSマネジメントコンソールにログインし、S3サービスを開きます。
2. [バケットを作成する]をクリックします。
3. バケット名を入力します。S3バケット名は一意である必要があります。

### 2-2 地域の選択
1. ホスティングする地域を選択します。通常、最も近い地域を選ぶとよいでしょう。

## 3. ホスティング設定の有効化
### 3-1 静的ウェブホスティングの設定
1. 新しいバケットを選択し、[プロパティ]タブをクリックします。
2. [静的ウェブホスティング]を選択し、[設定を編集]をクリックします。
3. [ホスティングを有効にする]を選択します。

### 3-2 インデックスとエラードキュメントの指定
1. インデックスドキュメントに`index.html`を指定します。
2. エラードキュメントには`error.html`を指定することをお勧めします（エラーページを仕様したい場合）。

## 4. ファイルのアップロード
### 4-1 ウェブサイトファイルの選択とアップロード
1. バケットの[オブジェクト]タブで、[アップロード]をクリックします。
2. ウェブサイトのファイル（HTML、CSS、JavaScriptなど）を選択して[次へ]をクリックします。
3. オプションでパブリックパーミッションを設定し[次へ]をクリックしてアップロードします。

## 5. バケットポリシーの設定
### 5-1 パブリックアクセスの許可
1. S3は初期設定では公開されていないため、サイトを一般に公開する必要があります。
2. バケットポリシーを設定し、公にアクセスを許可します。

### 5-2 バケットポリシーの設定例
以下は、S3バケットにパブリックリードアクセスを許可するバケットポリシーの例です。

```json
{
    "Version": "2012-10-17",
    "Statement": [
        {
            "Effect": "Allow",
            "Principal": "*",
            "Action": "s3:GetObject",
            "Resource": "arn:aws:s3:::<バケット名>/*"
        }
    ]
}
```

## 6. ドメインの設定（任意）
### 6-1 Route 53でのドメイン設定
1. カスタムドメインを持っている場合、Amazon Route 53を使用してDNSを管理することが可能です。
2. Route 53でホストゾーンを作成し、ドメイン名をS3バケットの静的ウェブサイトにマッピングします。

### 6-2 カスタムドメインの設定
1. バケット名はフルコンテンツのドメイン名と一致する必要があります。
2. Route 53などのDNS設定サービスでCNAMEを作成し、静的ウェブホスティングURLを指定します。

## 7. まとめ
S3に静的Webサイトをホスティングする手順は、バケットの作成から始まります。正しく設定すれば、S3はコスト効率が高く、スケーラブルな静的Webサイトホスティングサービスとして機能します。ご興味がある方は、ぜひ試してみてください。今後は、CDNを使用してサイトのパフォーマンス向上を図る方法についても考えてみましょう。 

S3に静的Webサイトをホスティングする手順

目次

続きを読むには単価診断を受けてください（30秒）