【AWS】 Amazon S3 でWebサイト公開してみた｜1日1ハンズオン Day 29

2025年9月29日 22:28

こんにちは、ぽめらです。
本記事は1日1ハンズオン企画、第29回です！
今回は、静的Webサイトの公開方法を学ぶハンズオンをおこないます💻

1．はじめに

前回までは、AWSのコアなクラウドサービスからは少し外れて、AI搭載IDE（統合開発環境）のKiroチュートリアルを体験していました👻
AWSサービスにも触れられる内容となっているので、AIを活用したコーディングに興味のある方はぜひチャレンジしてみてください。

今回は、またAWSのクラウドコアサービスに触れていきたいと思います。
題材は「AWS Hands-on for Beginners - AWS 上で静的な Web サイトを公開しよう！」から「S3 の静的ホスティング機能を使ってみる」を選択。

え、なんでこれを選んだか？

…AIコーディングを学んだからには、開発してみたいじゃない？！せっかくクラウド練習するなら、公開も興味あるじゃない？！･:*+.\(( °ω° ))/.:+

という気持ちが芽生え、クラウドでの公開方法を学びたくなったからです😎

今日はその一歩目として、S3の静的ウェブホスティング機能（単純なWebサイトの公開方法）について学びます。

では、さっそく進めていきたいと思います。レッツハンズオン！

2．Amazon S3 でWebサイト公開してみた

一般的に Web サイトを公開するには、サーバーやWebサーバーソフト（Apache, Nginxなど）の設定が必要です。特に データベースとの連携 や ログイン機能 といった動的処理を持つリッチなWebサイトでは、これらの仕組みが必須になります。

しかし、「静的Webサイト」と呼ばれる HTML・CSS・JavaScript などのファイルをそのままブラウザに配信するだけのサイト なら、もっとシンプルな公開方法もあります（たとえば GitHub Pages を使うなど）。

その静的Webサイトを公開するための機能を提供しているのが、AWSのオブジェクトストレージサービス Amazon S3 です！

というわけで今回は、この S3 の機能のうち静的ウェブホスティングを使って、簡単なWebサイトをブラウザで確認できるようにするのが主目的です。

※ 静的Webサイトとは
「静的」というのは、サーバー側で動的に処理を行わず、用意したファイルをそのまま配信することを指します。逆にサーバー側での動作も加えると「動的」Webサイトと呼びます。

＜特徴＞
表示が速い。コストも安い。"会員登録"や"商品購入"などの機能は△。

※ Amazon S3 とは
「Amazon Simple Storage Service（S3）」は、AWS が提供するオブジェクトストレージサービスです。インターネット上にファイルを保存しておき、必要に応じて取り出したり公開したりできます。容量はほぼ無制限で、セキュリティや冗長化もAWSが担保。高い耐久性も特徴的。

＜特徴＞
耐久性が非常に高い。容量無制限。比較的安価。
静的Webサイトのホスティングにも対応。

・S3サービス紹介ページ

・S3ドキュメント

今回の主な流れは下記の通りです。