全てのコンテンツ

AWS

【AWS】AWS Amplify StudioでFigmaのデザインを基に作成したReactを修正する

前回は、AWS Amplify Studio で Figma のデザインを基に、React を作成しました。 今回は、プロジェクトを修正します。 React にコンポーネントを追加する まずは、React にコンポーネントを追加して、ウェブサイトらしく見せます。 Figma…

続きを読む
2021年12月14日6 分
AWS

【AWS】AWS Amplify StudioでFigmaのデザインを基に、Reactを作成する

AWS Amplify Studio を使うと、Figma のデザインを基に、ほぼコードを書かず、自動で React を作成してくれます。 Figma のデザインを作成する。 Figma のデザインを作成するには、Figma のコミュニティ( https://www.figma…

続きを読む
2021年12月13日5 分
AWS

【AWS】AWS Amplifyでデプロイする

前回は、AWS Amplify で認証を追加しました。 今回は、開発したプロジェクトを AWS Amplify でデプロイします。 ホーム画面に読書リストが来るよう、開発していたプロジェクトを修正します。 また、Signin や Signup も AWS…

続きを読む
2021年12月12日2 分
AWS

【AWS】AWS Amplifyで認証を追加する

前回は、AWS Amplify でフロントエンドでデータ一覧の画面表示、作成、削除、更新しました。 今回は、AWS Amplify でアカウント作成やログイン認証機能を追加します。 まずは、フロントエンドのプロジェクトのディレクトリに進みます。 ターミナルで、 amplify…

続きを読む
2021年12月11日3 分
AWS

【AWS】AWS Amplifyを使い、フロントエンドでデータの一覧表示、作成、削除、更新する

前回は、AWS AppSync を、フロントエンドと統合しました。 今回は、フロントエンドでデータ一覧の画面表示、作成、削除、更新します。 GraphQL で取得したデータ一覧を画面に表示する まずは、ブラウザに GraphQL…

続きを読む
2021年12月10日12 分
AWS

【AWS】AWS AppSyncを、フロントエンドと統合する

前回は、AWS Amplify を、フロントエンドと統合しました。 今回は、AWS Appsync を、フロントエンドと統合します。 まずは、amplify/api/awsgraphqltest フォルダにある、schema.graphql を開きます。 Book…

続きを読む
2021年12月09日5 分
AWS

【AWS】AWS Amplifyを、フロントエンドと統合する

前回は、AWS AppSync で新しいデータテーブルを作成しました。 今回は、AWS Amplify を、フロントエンドと統合します。 フロントエンドは、以前作成した React を使用します。 https://codesandbox.io/s/20211126-graphql…

続きを読む
2021年12月08日3 分
AWS

【AWS】AWS AppSyncで、新しいデータテーブルを作成する

前回は、AWS AppSync で API を削除、更新しました。 今回は、新しいデータテーブルを作成します。 まずは、AWS AppSync…

続きを読む
2021年12月07日3 分
AWS

【AWS】AWS AppSyncで、APIを削除、更新する

前回は、AWS AppSyncでAPIを作成しました。 今回は、AWS AppSyncでAPIを削除、更新します。 APIデータを追加する 現在、DynamoDBには、Categoryテーブルにデータが1件入っています。 データを削除するため、もう1件追加しましょう。 AWS…

続きを読む
2021年12月06日3 分
AWS

【AWS】AWS AppSyncで、APIを作成する

今回は、AWS App Syncを使って、APIを作成します。 AWS AppSyncを使うことで、GraphQLのAPIの開発ができるようになります。 まずは、AWS https://aws.amazon.com/jp/ にログインし、AWS…

続きを読む
2021年12月05日3 分