Step2: クラウド2
このStepでは、AWSのデータベース・ストレージ・コンテンツ配信のサービス（RDS・S3・CloudFront・Amplify・Route53・ACM）を学び、Step 1 で構築した sns-camp-api をデータベースに接続してデータベース連携を完成させます。あわせてフロントエンドのアプリケーションを制作物に追加し、フロントエンドから API を呼び出せる状態まで構築します。
1. 講座の履修
AWS講座 の以下の章を実施してください。すでに同等の知識がある場合は、講座の履修はスキップしても構いません。
2. 課題の実施
2.1 目的・背景
Step 1 で構築した sns-camp-api の構成に、データベースを追加してデータベース連携を完成させます。あわせてフロントエンドのアプリケーションを制作物に加え、フロントエンドから API を呼び出してデータベースのデータを扱えるようにします。これにより、Webアプリケーションとしての一連の動作をクラウド上で完成させることが目標です。
2.2 実施要件
使用するサンプルアプリケーション
Step 1 で構築した sns-camp-api を継続して使用し、以下のフロントエンド（sns-camp-front）を新しく追加してください。
フロントエンドの配信
sns-camp-front をインターネット経由でアクセスできる形で配信してください。
データの永続化
sns-camp-api のデータを永続化できる仕組みを用意し、データベースを必要とするエンドポイントが正常に応答するようにしてください。
フロントエンドとAPIの連携
sns-camp-front から sns-camp-api を呼び出し、データベースのデータの参照・更新ができるようにしてください。
独自ドメイン・HTTPS化（任意）
独自ドメインを取得し、独自ドメイン経由でアプリケーションにアクセスできるようにしてください。あわせて、通信を HTTPS で暗号化してください。
| 💡 ポイント |
|---|
| 実運用を意識すると重要な観点ですが、独自ドメインの取得には有料の費用（年間 数百円〜数千円程度）が発生するため必須にはしていません。時間と予算に余裕がある場合は取り組んでください。フロントエンドは Amplify や CloudFront のデフォルトドメインで HTTPS が提供されるため、主な対象はバックエンド API（ALB）になります。 |
2.3 判定基準
動作確認
sns-camp-front をブラウザで操作し、以下がすべて動作することを確認してください。
- ユーザ登録画面から新規ユーザを登録できる
- ログイン画面からログインできる
- タイムライン画面で新しい投稿を作成でき、一覧に反映される
- 投稿詳細画面で投稿の内容が表示される
- 投稿編集画面で投稿を編集でき、変更が一覧・詳細に反映される
- 投稿を削除でき、一覧から消える
机上確認
以下の内容について、実際の設定画面などを確認し、それがわかるスクリーンショットを取得してください。
- 可用性・スケーリング: Step 1 で確認した可用性・スケーリングの構成が、本Stepの変更でも維持されていること
- 独自ドメイン・HTTPS化（任意要件を実施した場合のみ）: 独自ドメイン経由でアクセスできる状態と、HTTPS 通信・SSL 証明書の設定
2.4 課題提出
下記内容を提出フォームより提出してください（提出はプレミアムプランでご利用いただけます）。
| 項目 | 内容 |
|---|---|
| 概要 | 今回追加した構成の特徴・採用したサービス・選定理由を簡潔に記載する |
| インフラ構成図 | Step 1 の構成を発展させたインフラ構成図を画像ファイルとして添付する |
| 動作確認 | sns-camp-front での画面操作（ユーザ登録・ログイン・投稿の作成・一覧・詳細・編集・削除）がすべて動作している様子をスクリーンショットで記載する |
| 机上確認 | 可用性・スケーリング構成が Step 1 から維持されていることがわかる画面のスクリーンショットを添付する。任意要件（独自ドメイン・HTTPS化）を実施した場合は、その設定画面のスクリーンショットもあわせて添付する |
| まとめ | 構築中に苦労したこと、工夫したこと、学んだこと |