Gen2となり、よりフロントエンドのデプロイが楽になっただけでなく、Lambdaなどを用いたバックエンド側のデプロイも扱いやすくなったので、その紹介をさせていただければと思います。Hosting)/バックエンド(Lambda)のAWS構成をAmplifyからデプロイが可能となります。「Gen1も触ったこともないのにいきなりGen2とか触って大丈夫?」と思っている方も、「意外と簡単じゃん!」と思っていただけること間違いなしです。よければ見ていってください。ソースコードのデプロイを迅速に行うことを可能にしたAWSサービスです。pushというコマンドを実行してでサービスを立ち上げるようなサービスでした。Code)ベースのリソースになり、よりAWSリソースのパラメータの管理や複雑な設定が可能になりました。pushすることでデプロイできるため、コードの管理もGen1の時より楽になっています。ReactのインストールVite(ヴィート)という高速で動作するビルドツールを使ってTypeScript、Reactをインストールします。※<APP名>には任意の名前を入れてください。react-ts※node.jsのインストールがまだでエラーとなる場合は、下記記事が大変わかりやすかったので、ご参照ください。GitHubへのコマンドの例は下記にて記載させていただきます。Amplify」ボタンをクリックする※こちらの操作は事前に認証させるGitHubにログインしているブラウザで実施してください。デプロイするコードの入ったリポジトリ、ブランチを指定して、「次へ」ボタンをクリックする※リポジトリの設定によってはGithubへのアクセス許可をアップデートが必要ですので、上記画面に表示されている「GitHubのアクセス許可をアップデート」のボタンをクリックください。バックエンド(Lambda)の構築Lambdaを構築する場合の方法も記載させていただきます。World」を出力する単純なものを作成しようと思います。ファイル構成について項番1が完了した時点で下記のようなフォルダができてると思います。vite.config.tsここに下記赤くハイライトした部分のフォルダ/ファイルを修正・作成していきます。こちらにLambdaの記述を行なっていきます。resource.tsに下記のように記載するこちらはLambda自体を作る時のコードになります。中に入れるコードはこの後handler.tsに記述します。handler.tsに下記のように記載するhandler.tsに記述する内容はLambda関数に記述するコード部分です。backend.tsに下記のように記載するbackend.tsでは、先ほど作ったLambdaをデプロイするための設定を行います。GitHubにコードをpushし、デプロイを実行する参考コマンドを下記にて記載いたします。mainしばらく待ち、Amplifyが下記のようにデプロイ済みになれば成功です。Lambdaの確認Lambdaのコンソールに移動すると、helloworldと名前の入った関数があると思います。これでデプロイは成功です!試しに一度、下記画面のように「テスト」タブへ移動し、「テスト」ボタンをクリックしてください。下記のようにメッセージが返ってくれば、Lambdaの動作も問題ないことが確認できます。Gen2を使ってフロントエンドのソースコード、バックエンド側のLambdaをデプロイするところまでを紹介させていただきました。Gen2意外と簡単じゃんと思っていただけたことかと思います。CDKと組み合わせて他のリソースも作る方法などがございます。Benjamin.Inc。