アドベントカレンダーも中盤に差し掛かってきました。 今回は画像投稿アプリのサーバサイド(ユーザー認証・GraphQLによるAPI通信)をAWSのサービスAmplify・AppSyncを主に活用して実装していきます。 一応、以下記事の続編という形で投稿を行っていますが、途中まではAmplifyとAppSyncの概要説明を比較的シンプルな実装例を用いて行います。 React Hooks ✕ AtomicDesignで画像投稿webアプリのフロントエンドを実装する AWS Amplifyとは AWS Amplify 公式 AWS Amplify は、AWS を使用したスケーラブルなモバイルアプリおよびウェブアプリの作成、設定、実装を容易にします。Amplify はモバイルバックエンドをシームレスにプロビジョニングして管理し、バックエンドを iOS、Android、ウェブ、React Native
![AWS Amplify / AppSyncで画像投稿webアプリのサーバサイドを実装する - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/40b512c31d92d92131d5bacbe765eec9a149bd38/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9QVdTJTIwQW1wbGlmeSUyMCUyRiUyMEFwcFN5bmMlRTMlODElQTclRTclOTQlQkIlRTUlODMlOEYlRTYlOEElOTUlRTclQTglQkZ3ZWIlRTMlODIlQTIlRTMlODMlOTclRTMlODMlQUElRTMlODElQUUlRTMlODIlQjUlRTMlODMlQkMlRTMlODMlOTAlRTMlODIlQjUlRTMlODIlQTQlRTMlODMlODklRTMlODIlOTIlRTUlQUUlOUYlRTglQTMlODUlRTMlODElOTklRTMlODIlOEImdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzNBM0MzQyZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPWRlMTE4YmU5YTllMDYzNDZjMGM0ODAwNjgzNjRkMjQx%26mark-x%3D120%26mark-y%3D96%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9OTcyJnR4dD0lNDBzdHJhbmdlcjE5ODkmdHh0LWNvbG9yPSUyMzNBM0MzQyZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWQzNzkxNTM0ODIxMDRjYTI2MTZhNzcwZWZiMzVjODgw%26blend-x%3D120%26blend-y%3D445%26blend-mode%3Dnormal%26txt64%3DaW4g5qCq5byP5Lya56S-TW9mZg%26txt-width%3D972%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%25233A3C3C%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D134%26txt-y%3D546%26s%3Db27010dcc5ae1a23ea9a80e8c4fbd765)