【ハンズオン/小ネタ】Amazon Bedrock×Amplifyを利用した旅行アプリを作ってみる

いつも記事を読んでいただきありがとうございます！
モブエンジニア（[@mob-engineer](https://qiita.com/mob_engineer))です！

2025.05.22（水）に参加した「JAWS-UG 茨城 #3 【ハンズオン】はじめてのAWS Bedrock!」でAmazon Amplifyを初めて触ってみましたが、非常に開発者体験が良いと感じました。

#### イベントページ

https://jawsug-ibaraki.connpass.com/event/352694/

そのうえで、今回取り上げていただいたハンズオンのような内容をAWS公式からUpされていないか調べてみたところ、以下記事がヒットしましたので、ハンズオン形式でまとめてみたいと思います。

#### AWS記事

https://aws.amazon.com/jp/blogs/news/creating-a-generative-ai-travel-assistant-app-with-amazon-bedrock-and-aws-amplify/

サクッと読める分量で執筆しておりますので、お気軽に読んでいただければ幸いです。

# 目次
- ハンズオン内容
- 所感

## ハンズオン内容

公式手順に示されている次のGitリポジトリをクローンしましょう。
まずは、以下URLへアクセスしてください。

https://github.com/aws-samples/travel-personal-assistant

- 画面右側の**Fork**をクリックしてください

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3846878/e81cc41d-2145-46cf-a3b6-758ff85eaa61.png)

- Create a New Fork画面が表示されるため、下部の**Create Fork**ボタンをクリックします

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3846878/0407fdb8-3841-4c31-90a5-6042f1795f30.png)

- 一定時間経過すると自身のGitアカウントにリポジトリをForkできます

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3846878/4e179ae6-497b-45a8-b50a-8ed82d6c8e42.png)

- AWSコンソールへログインし、検索ボックスに**Amplify**を入力
- 検索結果に表示されている**Amazon Amplify**をクリックします

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3846878/92959a00-ad7a-446a-afcd-1d500c00f007.png)

- Amplify画面が立ち上がるため、**アプリケーションをデプロイ**をクリックします

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3846878/dc50bb39-1d3f-43e1-ad00-5a45cc7086cd.png)

- 設定画面が表示されるため、**GitHub**を選択します
- 選択後、**次へ**ボタンをクリックします

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3846878/75111dff-c52f-4212-8a37-50791541c50f.png)

- 先ほどForkしたリポジトリを選択します
- **次へ**ボタンをクリックします

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3846878/4b7ae6c6-dc39-4830-9a7c-6b9cc7c9722c.png)

:::note info
初回設定時はGitHub認証が必要です。
:::

- 設定内容を確認のうえ、**次へ**ボタンをクリックします

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3846878/2d4eaa56-098f-4067-aab7-d5b907c88dc5.png)

- 設定内容を確認後、**保存してデプロイ**ボタンをクリックします

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3846878/2bdcfea7-c2da-4432-9965-92418bcbb581.png)

- デプロイ完了後画面遷移します
- **デプロイされたURLにアクセス**をクリックします

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3846878/8189a941-5bf8-4369-a47c-987e358b5f8d.png)

:::note info
ドメイン名の自動生成ロジックも気になりますね
:::

:::note info
デプロイが実行中の状態でURLを開くと以下画面が表示されます

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3846878/fbfda5ed-06fb-48e5-89b5-c805b111f6b0.png)

:::

- 画面クリックするとログイン画面が表示されるため任意の情報を入れておきます

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3846878/436a81a8-229d-42e9-9689-e1690ab55372.png)

- **日本の有名な観光地は？**と入力したら以下結果が返ってきました

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3846878/4f78835e-01a3-475b-ba23-5d42a83afb51.png)

一通り遊び終えたら、Amplifyのリソースを削除しておきましょう。

:::note info
Gitリポジトリをクローンしなくても、ZIPダウンロードする方法でも実装可能です。
:::

## 所感

AWS公式から出ているハンズオン記事を試してみましたが、
社内利用であればそのまま利用してもいいレベルだと思いました。

また、バックエンドコードを修正することで拡張性を高めることができると思いました。
今回は、ハンズオン内容に従って遊んでみましたが、次回は少しカスタマイズして試してみたいと思います。

最後まで、記事をお読みいただきありがとうございました！