1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

【AWS】一番やさしい S3 + CloudFront 画像配信CDNを構築メモ

1
Last updated at Posted at 2025-08-25

【AWS】S3 + CloudFrontで高速な画像配信CDNを構築する手順

AWSのS3とCloudFrontを組み合わせて、セキュアで高速な画像配信システムを構築する手順を解説します。

はじめに

この記事では、以下の構成を実現します:

  • S3バケット:画像ファイルの保存先(プライベート設定)
  • CloudFront:CDN経由での画像配信
  • OAC(Origin Access Control):S3への安全なアクセス制御

1. S3バケットの作成

1-1. バケットの新規作成

AWSマネジメントコンソールからAmazon S3を選択し、画像等の配信ファイルを保存するバケットを作成します。

s3create.png

1-2. セキュリティ設定

重要:「パブリックアクセスをすべてブロック」にチェックを入れて、プライベートな状態で作成します。

これにより、S3への直接アクセスを防ぎ、CloudFront経由でのみアクセス可能な構成になります。

2. CloudFrontディストリビューションの構築

2-1. ディストリビューションの作成開始

CloudFrontコンソールのハンバーガーメニューから「ディストリビューション」→「ディストリビューションを作成」を選択します。

スクリーンショット 2025-08-25 19.23.41.png

2-2. ステップ1:基本設定

任意のディストリビューション名を入力して「Next」をクリックします。

Step1.png

2-3. ステップ2:オリジンの設定

Origin typeで「Amazon S3」を選択し、「Browse S3」ボタンをクリックします。

Step2.png

S3バケット一覧から、先ほど作成した配信用バケットを選択します。

Step2_select.png

バケットのURLが自動入力されたら「Next」をクリックします。

2-4. ステップ3:セキュリティ設定(WAF)

必要に応じてWAF(Web Application Firewall)を設定します。
基本的な画像配信であれば、「Do not enable security protections」でも問題ありません。

Step3_waf.png

2-5. ステップ4:設定確認と作成

最後に設定内容を確認し、「Create distribution」をクリックして作成を実行します。

Step4.png

注意:ディストリビューションの作成には15〜20分程度かかります。

3. S3バケットポリシーの確認

3-1. 自動設定されたポリシーの確認

ディストリビューション作成が完了したら、S3バケットの「アクセス許可」タブから「バケットポリシー」を確認します。

スクリーンショット 2025-08-25 19.45.26.png

3-2. ARNの照合

バケットポリシー内のAWS:SourceArnが、作成したディストリビューションのARNと一致していることを確認します。

スクリーンショット 2025-08-25 19.56.57.png

このポリシーにより、CloudFront経由でのみS3バケットへのアクセスが許可されます。

4. 動作確認

4-1. テスト画像のアップロード

S3バケットに確認用の画像ファイルをアップロードします。

4-2. CloudFront経由でのアクセステスト

  1. CloudFrontディストリビューションの詳細から「ディストリビューションドメイン名」をコピー

  2. 以下の形式でURLを構成:

    https://[ディストリビューションドメイン名]/[画像ファイルパス]
    

    例:https://d123456789.cloudfront.net/images/sample.jpg

  3. ブラウザでアクセスし、画像が表示されれば配信成功です

4-3. S3直接アクセスの確認(オプション)

S3のオブジェクトURLに直接アクセスして、「Access Denied」エラーが表示されることを確認します。
これにより、CloudFront経由でのみアクセス可能な設定が正しく機能していることが確認できます。

まとめ

以上で、S3 + CloudFrontによる画像配信CDNの構築が完了しました。

この構成により実現できること:

  • ✅ 高速な画像配信(世界中のエッジロケーションから配信)
  • ✅ セキュアなアクセス制御(S3への直接アクセスをブロック)
  • ✅ 自動的なキャッシュ最適化(24時間のデフォルトキャッシュ)
  • ✅ HTTPS対応(SSL/TLS暗号化通信)

追加の最適化や独自ドメインの設定などは、必要に応じて実施してください。

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?