こちらの投稿は2025 Japan AWS Jr.Championsの有志メンバーで作成した『30日間で主要AWSサービスを構築できるようになる』をテーマにした初学者向けのハンズオン問題集のDAY3になります!
問題集の趣旨や作成に至るまでの経緯は以下の記事をご覧いただければと思います。
https://qiita.com/satosato_kozakana/items/446971c2deca7e27d0aa
📝 概要
| 項目 | 内容 |
|---|---|
| 所要時間 | 約15~30分間 |
| メインサービス | Amazon EC2 |
| 学べること | EC2 の起動方法、セキュリティグループの設定、Web サーバーの立ち上げ |
| 想定費用 | 約100円(※インスタンスの利用時間により変動します) |
⚠️ 注意:以下のリソースを削除し忘れると課金が継続します。
🎯 課題内容
Amazon EC2 を使って、ブラウザから「Hello World!」と表示されるだけの超シンプルな Web サーバーを立ててみましょう!
📊 アーキテクチャ図
🔧 実装機能
- EC2 にログインして HTML ファイルを作成
- Apache をインストールして起動
- ブラウザで「Hello EC2!」を確認
💡 実装のヒント
EC2 のセットアップ
- Amazon Linux または Ubuntu を選択
- セキュリティグループでポート 80 を許可
- SSH でログインして作業
HTML の作り方
- Apacheをインストールし、
echoコマンドで HTML ファイルを作成
例:sudo dnf install httpd -y
例:echo "Hello World!" | sudo tee /var/www/html/index.html
Web サーバーの起動方法
- Apache 起動 & 自動起動設定
sudo systemctl start httpd
sudo systemctl enable httpd
✅ 完成後のチェックポイント
- EC2 に SSH 接続できる
- HTML ファイルを作成できる
- Web サーバーを起動できる
- ブラウザで「Hello World!」が表示される
🧰 代替:Python の簡易 Web サーバー
サンプルコード
echo "<h1>Hello EC2!</h1>" > index.html
python3 -m http.server 80
🔗 リファレンスリンク
🛠️ 解答・構築手順(クリックで開く)
解答と構築手順を見る
✅ ステップ1:EC2 インスタンスの作成
- AWS マネジメントコンソールで EC2 を選択
- Amazon Linux または Ubuntu を選択
- セキュリティグループで「HTTP(ポート80)」を許可
- インスタンスを起動し、SSH で接続
✅ ステップ2:HTML ファイルの作成
- EC2 にログインしたら、まずは パッケージ更新と Apache(Webアプリを動かすためのツール)をインストール。
$ sudo dnf update -y
$ sudo dnf install httpd -y
- ここでは「Hello World!」と表示するだけのアプリを作る
$ echo "Hello World!" | sudo tee /var/www/html/index.html
✅ ステップ3:Web サーバーの起動
$ sudo systemctl start httpd
$ sudo systemctl enable httpd
✅ ステップ4:ブラウザで確認
- AWS マネジメントコンソールで EC2 の「パブリック IPv4 アドレス」を確認
- ブラウザで http://そのIPアドレス にアクセス
- 「Hello World!」と表示されれば成功!
🧹 片付け(リソース削除)
- EC2 インスタンスを停止または終了
🏁 おつかれさまでした!
これであなたは「EC2 にログインして Web ページを表示できる人」になりました!次は HTML を編集したり、画像を表示したり、フォームを追加したりしてみましょう!
