---
title: 数クリックで簡単Webサイト公開！ AWS Amplifyホスティング
tags:  #aws #aws amplify  
author: [Takuya Yamazaki](https://www.docswell.com/user/kkmtyyz)
site: [Docswell](https://www.docswell.com/)
thumbnail: https://bcdn.docswell.com/page/V7P28DY278.jpg?width=480
description: 2025年1月31日に開催した「AWSランチセッション 第2回」の発表資料です。  AWS Amplify ホスティングを使用した静的Webサイトの公開方法と豊富な機能について分かりやすく紹介しています。
published: February 02, 25
canonical: https://www.docswell.com/s/kkmtyyz/ZP2YM8-2025-02-02-191533
---
# Page. 1

![Page Image](https://bcdn.docswell.com/page/V7P28DY278.jpg)

2025-01-31 AWSランチセッション 第2回
数クリックで簡単Webサイト公開！
― AWS Amplify ホスティング ―
山崎 拓也


# Page. 2

![Page Image](https://bcdn.docswell.com/page/2JVDN1GXJQ.jpg)

山崎 拓也
所属: SIer
仕事:
• システム開発など
• アプリとAWSインフラ両方
好き: 低レイヤ、SF、AWS
AWS関連:
• 2024 Japan AWS Top Engineer
• 2022～2024 Japan AWS All Certifications Engineer


# Page. 3

![Page Image](https://bcdn.docswell.com/page/5EGYK28REL.jpg)

Webサイト公開と言えばS3静的ウェブサイトホスティングですが…
• 様々な設定が必要
• ブロックパブリックアクセスの無効化
• バケットポリシーの変更
• HTTPS対応やカスタムドメイン対応にはCloudFrontやALBなど他のサービスが必要
https://docs.aws.amazon.com/ja_jp/AmazonS3/latest/userguide/WebsiteAccessPermissionsReqd.html
https://docs.aws.amazon.com/ja_jp/Route53/latest/DeveloperGuide/getting-started-cloudfront-overview.html


# Page. 4

![Page Image](https://bcdn.docswell.com/page/4JQMNP9Y7P.jpg)

Webサイト公開と言えばS3静的ウェブサイトホスティングですが…
• 様々な設定が必要
• ブロックパブリックアクセスの無効化
• バケットポリシーの変更
AWS Amplify ホスティングならもっと簡単！
• HTTPS対応やカスタムドメイン対応にはCloudFrontやALBなど他のサービスが必要


# Page. 5

![Page Image](https://bcdn.docswell.com/page/K74VGYXZJ1.jpg)

AWSからもAmplify ホスティングがお勧めされている
• S3のドキュメントに注記として記載
https://docs.aws.amazon.com/ja_jp/AmazonS3/latest/userguide/WebsiteHosting.html


# Page. 6

![Page Image](https://bcdn.docswell.com/page/LJ13D6ND7G.jpg)

S3のコンソールにもAmplify ホスティングのボタンができてる


# Page. 7

![Page Image](https://bcdn.docswell.com/page/GJWPYW4872.jpg)

3ステップでWebサイト公開できる
❶ S3にリソースをアップロード
❷ 1クリックでアプリ作成
❸ 1クリックでデプロイ
公開完了！


# Page. 8

![Page Image](https://bcdn.docswell.com/page/4EZKX529E3.jpg)

❶ S3にリソースをアップロード


# Page. 9

![Page Image](https://bcdn.docswell.com/page/Y76Q49VD7V.jpg)

❷ S3コンソールからAmplify アプリを作成


# Page. 10

![Page Image](https://bcdn.docswell.com/page/G75RQND8E4.jpg)

❸ Amplifyコンソールが開くので、アプリをデプロイ
• 設定項目は全てデフォルトで埋まってる
• 「保存してデプロイ」を押すだけ


# Page. 11

![Page Image](https://bcdn.docswell.com/page/9J2DP58VJR.jpg)

直ぐにデプロイが完了し、URLが表示される


# Page. 12

![Page Image](https://bcdn.docswell.com/page/DEY25K6QEM.jpg)

料金はS3+CloudFrontと同じくらい
• 概算比較（東京リージョン）
• それぞれ無料利用枠がある
Amplify
S3 + CloudFront
ストレージ
0.023 USD/GB
（5GB 無料）
0.025 USD/GB
（5GB 無料）
データ転送 (OUT)
0.15 USD/GB
（15GB 無料）
0.114 USD/GB
（1TB 無料）
HTTPSリクエスト
-
0.0090 USD/1万件
（1,000万件 無料）
https://aws.amazon.com/jp/amplify/pricing/
https://aws.amazon.com/jp/s3/pricing/
https://aws.amazon.com/jp/cloudfront/pricing/


# Page. 13

![Page Image](https://bcdn.docswell.com/page/VJN8NRZ278.jpg)

カスタムドメイン対応も簡単
• 登録済みドメインならワンクリック設定が使える


# Page. 14

![Page Image](https://bcdn.docswell.com/page/YE9KRMZDE3.jpg)

（補足）未登録のドメインは購入ボタンが出る


# Page. 15

![Page Image](https://bcdn.docswell.com/page/GE8RWL15JD.jpg)

リダイレクトの設定も可能
• SPAアプリのHistory APIによるページリロードにはこれで対応
SPAの場合はこの正規表現
ドキュメントにさまざまなパターンの設定サンプルあり
https://docs.aws.amazon.com/ja_jp/amplify/latest/userguide/redirect-rewriteexamples.html


# Page. 16

![Page Image](https://bcdn.docswell.com/page/LELKNLQ3JR.jpg)

ベーシック認証も設定可能
• 新しい機能を公開する前のテストに便利
• バージョンごとに認証を設定できる


# Page. 17

![Page Image](https://bcdn.docswell.com/page/4JM2XM1MJW.jpg)

WAFとの統合も簡単に設定可能


# Page. 18

![Page Image](https://bcdn.docswell.com/page/PJRMNVLLE9.jpg)

（補足）CloudFrontのWeb ACLが作成される
• レート制限などのルールは個別に追加可能


# Page. 19

![Page Image](https://bcdn.docswell.com/page/PEXVNW667X.jpg)

まとめ
• Amplifyホスティングなら2クリックでWebサイトを公開できる
• カスタムドメイン設定やWAF統合など便利な機能も充実
• ぜひAWS Amplify ホスティングを検討してみてください！


# Page. 20

![Page Image](https://bcdn.docswell.com/page/3EKQNV1GED.jpg)

ご清聴ありがとうございました。


