Amplify Gen2 が GA したよ！ #jawsug_sapporo #jawsug

第35回 JAWS-UG札幌 勉強会 登壇資料
https://jawsug-sapporo.connpass.com/event/317273/

Transcript

1. AWS Amplify Gen2 が GAしたよ! 第35回 JAWS-UG札幌 勉強会 2024/06/07 tacck (Kihara, Takuya) JAWS-UG札幌 / #jawsug_sapporo 1
2. JAWS-UG札幌 / #jawsug_sapporo 2 木原 卓也 Kihara, Takuya / @tacck 生活協同組合コープさっぽろ デジタル推進本部システム部 Amplify Japan User Group 運営メンバー ゆるWeb勉強会@札幌 主催 AWS Community Builder Since Q2 2021 / Category: Front-end Web and Mobile 好きなフィギュアスケートの技 スプレッド・イーグル
3. AWS Amplify Gen2 GA したよ!! - 2024/05/06 発表 - https://aws.amazon.com/jp/blogs/mobile/amplify-gen2-ga/ - https://aws.amazon.com/jp/blogs/news/amplify-gen2-ga/ JAWS-UG札幌 / #jawsug_sapporo 3
4. AWS Amplify とは そもそも - mBaaS (Mobile Backend as a Service) - モバイル向けのバックエンド機能提供サービス - 認証、DB、ストレージ、ホスティング、など。 - 最近はWebフロントエンドを中心とした機能追加が目立っていた - Amplify Studio - Next.js 対応 - SSR アダプター JAWS-UG札幌 / #jawsug_sapporo 4
5. AWS Amplify Gen2 変わったこと 変わらないこと JAWS-UG札幌 / #jawsug_sapporo 5
6. AWS Amplify Gen2 対応する開発環境 JAWS-UG札幌 / #jawsug_sapporo 6 React Next.js Angular Vue JavaScript React Native Flutter Android Swift Web系 スマホアプリ
7. AWS Amplify Gen2 とは 変わったこと🥰 - TypeScript でフルスタック開発 (Webフロントエンドの場合) - リソース追加も TypeScript - Gen1 は CLI - Functions (AWS Lambda Functions) も TypeScript - Gen1 は JavaScript (NodeJS) / Java / Go / .Net Core / Python - Sandbox 環境による高速なローカル開発 (リソースのホットスワップ) - Data 機能の新設 - Gen1 の `API (GraphQL)` と `DataStore` を統合した感じ JAWS-UG札幌 / #jawsug_sapporo 7
8. AWS Amplify Gen2 とは 変わらないこと😌 - Webホスティング (SSRも対応) - Git 連携の CI/CD (Gitへの比重がより高まった) - バックエンドリソースの CDK での設定更新 - Amplify 標準のもの以外のリソースの CDK 対応 - そもそも CDK ベースでリソース管理されるように JAWS-UG札幌 / #jawsug_sapporo 8
9. AWS Amplify Gen2 とは 変わったこと😢 - Amplify Studio が無い - 一部機能がWebコンソールへ統合 - 簡易の管理画面としては使えない - Figma コンポーネントの React コンポーネント連携 - Amplify Studio 経由だったので必然的に無くなった - コード出力に Figma の Developer モードが必要に - DataStore のローカルモード(オフラインモード)も無さそう - スマホアプリは個別に実装必要そう JAWS-UG札幌 / #jawsug_sapporo 9
10. AWS Amplify Gen2 デモ JAWS-UG札幌 / #jawsug_sapporo 10
11. AWS Amplify Gen2 とは ちょっとだけデモ - TypeScript でリソース定義 - Sandbox でホットリロード JAWS-UG札幌 / #jawsug_sapporo 11
12. AWS Amplify Gen2 少し休憩 JAWS-UG札幌 / #jawsug_sapporo 12
13. ほっこりした話 おまけ - AWS Amplify の Sr. Dev Advocate の Salih さんが、 Flutter のことを X(旧:Twitter) にポストすると、お返事をくれる。😆 JAWS-UG札幌 / #jawsug_sapporo 13
14. JAWS-UG札幌 / #jawsug_sapporo 14
15. JAWS-UG札幌 / #jawsug_sapporo 15
16. AWS Amplify Gen2 個人的期待 JAWS-UG札幌 / #jawsug_sapporo 16
17. 個人的期待 - Amplify Studio Gen2 はくる? - 「バックエンドが必要なフロントエンド」の強化がされた - 「デザインを実現するフロントエンド」の強化に再度期待 - React / Next.js 以外の強化はできる? - どの環境でも使える UI パーツは Authenticator くらい - スマホアプリの開発者に TypeScript がどこまでささる? JAWS-UG札幌 / #jawsug_sapporo 17
18. END JAWS-UG札幌 / #jawsug_sapporo 18