AWS Amplify
AWS Amplify Studio †
- Amplify Studioは、AWS上に最小限のコーディングでフロントエンド開発ができるビジュアルインターフェイスで、これまでのAWS Amplify Admin UIと統合し、バックエンド環境もUI上で設定・管理できるサービスとなっている
- Figmaと連携することで、AWSより提供されているAWS Amplify UI Kitをもとに作成されたデザインからReact UIコンポーネントのコードを出力することができ、コンポーネントとモデリングしてあるデータをUI上でバインドできる機能も提供されている
Amplify CLI †
- Amplify CLIは、各種AWSサービスを簡単に利用できるCLIツール（コマンドラインインターフェイス）
- バックエンドの構築や管理のほか、AWSサービスとの連携に必要な設定ファイルやソースコードを自動で生成してくれる
Amplify Hosting †
- Amplify Hostingは、Amplify Consoleからウェブアプリを公開するための環境を簡単にセットアップできるサービス
- GitHubなど任意のリポジトリを紐付けておくことにより、Amplify ConsoleがCI/CD環境を構築し、デプロイ環境の構築からホスティングまで自動で実行してくれる
- Amplify Consoleから、GitHubのリポジトリをAmplifyと接続しており、デプロイ環境構築からホスティングまで自動で行ってくれるため、ソースコードをPushしたタイミングで自動的にアプリケーションがデプロイされる仕組みを数クリックで作成することができている
- 各ブランチとバックエンド環境を1:1で紐付けることも、複数のブランチに同じバックエンド環境を紐づけることも可能
- Amplify ConsoleにはPreview機能という、プルリクエストが作られるとそのブランチをビルド・デプロイして動作確認できる環境を自動的に作ってくれる機能があり、設定しておくことでレビュー時にPreview環境で動作をチェックすることもできる
- AmplifyはE2EテスティングフレームワークであるCypressをサポートしており、Amplify Consoleと統合することでCI/CD環境にE2Eテストを組み込むこともできる
活用事例 †
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
