AWS Amplify の変更点

追加された行はこの色です。
削除された行はこの色です。
AWS Amplify は削除されています。
AWS Amplify の差分を削除
#author("2022-11-15T02:38:11+00:00","default:admin","admin")
[[AWS Amplify:https://aws.amazon.com/jp/amplify/]]
-[[AWS Amplify のよくある質問:https://aws.amazon.com/jp/amplify/faqs/]]
-[[AWS Amplify 概要 メモ:https://qiita.com/KWS_0901/items/c2da0ebb3350e93394bd]]
#author("2022-11-15T02:43:46+00:00","default:admin","admin")

-[[Amazon Web Services ブログ Category: AWS Amplify:https://aws.amazon.com/jp/blogs/news/category/mobile-services/aws-amplify/]]
-[[AWS Amplify 入門ハンズオンを公開しました！ – AWS Hands-on for Beginners Update:https://aws.amazon.com/jp/blogs/news/aws-hands-on-for-beginners-19/]]
-[[AWS Amplify Studio – 最小限のプログラミングでFigmaからフルスタックのReactアプリを実現:https://aws.amazon.com/jp/blogs/news/aws-amplify-studio-figma-to-fullstack-react-app-with-minimal-programming/]]
-[[React アプリケーションの構築 - AWS Amplify を使用してシンプルなウェブアプリケーションを作成する:https://aws.amazon.com/jp/getting-started/hands-on/build-react-app-amplify-graphql/]]

-[[Amplify学習リソース集:https://aws-amplify-jp.github.io/resources/]]

-[[AWS Amplifyとは？特徴6つ｜利用するメリット紹介！:https://www.fenet.jp/aws/column/technique/139/]]
-[[【セッション紹介】Startup 2 社対談！サクッと始めて末永く、AWS Amplify / AWS Summit Online 2022:https://aws.amazon.com/jp/blogs/startup/report-summit-2022-amplify/]]
-[[【AWS Amplify入門】第1回：Amplifyの理解:https://www.youtube.com/watch?v=aNtcomPtfhI]]

-[[AWSマンガ第 3 話：高負荷に強いサイトを構築しろ！:https://aws.amazon.com/jp/campaigns/manga/vol3-1/]]

-[[Aws Amplifyって何者？導入経験者がそのメリット・認証周りの特徴について触れた！:https://www.ragate.co.jp/blog/articles/684]]
-[[AWS Amplifyとは？特徴やメリット・デメリットについてわかりやすく解説！:https://www.alobridge.com/blog/1162]]
-[[AWS Amplifyとは何か？利点や特徴についてもあわせて解説:https://www.yume-tec.co.jp/column/awsengineer/4597]]
-[[AWS AmplifyとFlutterでクロスプラットフォームなアプリを作る:https://tech.nri-net.com/entry/amplify_flutter_crossplatform]]
-[[Next.js アプリケーションを AWS Amplify でホスティングする上でのTIPS:https://serverless.co.jp/blog/429/]]

-[[AWS Amplify　はじめてみる編:https://qiita.com/t_okkan/items/38aca98993bf06598af6]]
-[[【多分初心者向け】AWS Amplify Studio に触ってみて、とりあえず1からwebページを作ってみた:https://dev.classmethod.jp/articles/aws-amplify-studio-maybe-beginner/]]
-[[AWSAmplifyを使って簡単なウェブアプリを作る:https://xp-cloud.jp/blog/2021/09/30/12291/]]
-[[Next.js + TypeScript + AWS Amplify でアプリケーション開発:https://toranoana-lab.hatenablog.com/entry/2021/11/08/170216]]

-[[AWS Amplify × FastAPI でサクッと RESTAPI を構築する:https://blog.serverworks.co.jp/amplify-fastapi]]

-[[AWS Amplifyを利用するか検討して、やめた話:https://qiita.com/k-takenoko/items/b2eb9df85b0faeb8d2ee]]

*コスト [#wd18fff7]
[[AWS Amplify のよくある質問:https://aws.amazon.com/jp/amplify/faqs/]] より抜粋

-Amplify のオープンソースフレームワーク (ライブラリ、UI コンポーネント、CLI)、あるいは Amplify Studio を使用する場合でも、お支払いいただくのは、基盤として使用する AWS のサービスに対してのみです。これらの機能の使用に、他の追加料金はかかりません。
-AWS Amplify ホスティング、Amplify のフルマネージド型ウェブアプリケーション、静的ウェブホスティングサービスの料金については、AWS Amplify の料金ページでご確認ください。
-AWS Device Farm の料金については、AWS Device Farm の料金ページを参照してください。

*AWS Amplify Studio [#d43800f3]
-[[Amplify Studioが新たにAWSから誕生:https://www.nocodejournal.jp/2022/07/07/amplify_amazon/]]

-[[アプリを爆速で開発 ! AWS Amplify Studio で出来ること。:https://aws.amazon.com/jp/builders-flash/202203/amplify-studio-flash-development/?awsf.filter-name=*all]]
-[[【AWS】Amplify Studioを使ってGUI+FigmaでReactアプリを作ってみる:https://www.geekfeed.co.jp/geekblog/amplify-studio]]
-[[AWS Amplify Studioを使ってFigmaからReactアプリを作ってみる:https://iret.media/63246]]

-Amplify Studioは、AWS上に最小限のコーディングでフロントエンド開発ができるビジュアルインターフェイスで、これまでのAWS Amplify Admin UIと統合し、バックエンド環境もUI上で設定・管理できるサービスとなっている
-Figmaと連携することで、AWSより提供されているAWS Amplify UI Kitをもとに作成されたデザインからReact UIコンポーネントのコードを出力することができ、コンポーネントとモデリングしてあるデータをUI上でバインドできる機能も提供されている

*Amplify CLI [#u4c497b6]
-Amplify CLIは、各種AWSサービスを簡単に利用できるCLIツール（コマンドラインインターフェイス）
-バックエンドの構築や管理のほか、AWSサービスとの連携に必要な設定ファイルやソースコードを自動で生成してくれる

*Amplify Hosting [#nc18a7e5]
-Amplify Hostingは、Amplify Consoleからウェブアプリを公開するための環境を簡単にセットアップできるサービス
-GitHubなど任意のリポジトリを紐付けておくことにより、Amplify ConsoleがCI/CD環境を構築し、デプロイ環境の構築からホスティングまで自動で実行してくれる

-Amplify Consoleから、GitHubのリポジトリをAmplifyと接続しており、デプロイ環境構築からホスティングまで自動で行ってくれるため、ソースコードをPushしたタイミングで自動的にアプリケーションがデプロイされる仕組みを数クリックで作成することができている
-各ブランチとバックエンド環境を1:1で紐付けることも、複数のブランチに同じバックエンド環境を紐づけることも可能
-Amplify ConsoleにはPreview機能という、プルリクエストが作られるとそのブランチをビルド・デプロイして動作確認できる環境を自動的に作ってくれる機能があり、設定しておくことでレビュー時にPreview環境で動作をチェックすることもできる

*[[Cypress:https://www.cypress.io/]] [#h356cf0b]
-AmplifyはE2EテスティングフレームワークであるCypressをサポートしており、Amplify Consoleと統合することでCI/CD環境にE2Eテストを組み込むこともできる

*活用事例 [#w0615a88]
-[[医療テックスタートアップの事業成長に向けて AWS のマネージドサービスを活用し、セキュリティとアジリティの高い開発を推進:https://aws.amazon.com/jp/solutions/case-studies/micin/]]
-[[株式会社イオレ様におけるAWS Amplify 活⽤事例:https://pages.awscloud.com/rs/112-TZM-766/images/EV_awsamplify-meetup-1127_Nov-2020_LT1.pdf]]
-[[Amplifyを用いた新規プロダクト開発:https://zenn.dev/eviry/articles/07dd2e6817d1ab]]
-[[Vite+React+Amplifyの初期設定方法！:https://zenn.dev/akira_abe/articles/20221012-vite-react-amplify]]
-[[【セッション紹介】Startup 2 社対談！サクッと始めて末永く、AWS Amplify / AWS Summit Online 2022:https://aws.amazon.com/jp/blogs/startup/report-summit-2022-amplify/]]

-[[カルキチ副島 さん「社内の採用サイトをmicroCMS・Next.js・AWS Amplifyを使ってリプレイスした話」:https://blog.microcms.io/jamjamjamstack-06/]]