Slide 1
Slide 1 text
AWS Amplify Gen2 が
GAしたよ!
第35回 JAWS-UG札幌 勉強会
2024/06/07
tacck (Kihara, Takuya)
JAWS-UG札幌 / #jawsug_sapporo 1
Slide 2
Slide 2 text
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
好きなフィギュアスケートの技
スプレッド・イーグル
Slide 3
Slide 3 text
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
Slide 4
Slide 4 text
AWS Amplify とは
そもそも
- mBaaS (Mobile Backend as a Service)
- モバイル向けのバックエンド機能提供サービス
- 認証、DB、ストレージ、ホスティング、など。
- 最近はWebフロントエンドを中心とした機能追加が目立っていた
- Amplify Studio
- Next.js 対応
- SSR アダプター
JAWS-UG札幌 / #jawsug_sapporo 4
Slide 5
Slide 5 text
AWS Amplify Gen2
変わったこと
変わらないこと
JAWS-UG札幌 / #jawsug_sapporo 5
Slide 6
Slide 6 text
AWS Amplify Gen2
対応する開発環境
JAWS-UG札幌 / #jawsug_sapporo 6
React Next.js Angular Vue JavaScript
React Native Flutter Android Swift
Web系
スマホアプリ
Slide 7
Slide 7 text
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
Slide 8
Slide 8 text
AWS Amplify Gen2 とは
変わらないこと😌
- Webホスティング (SSRも対応)
- Git 連携の CI/CD (Gitへの比重がより高まった)
- バックエンドリソースの CDK での設定更新
- Amplify 標準のもの以外のリソースの CDK 対応
- そもそも CDK ベースでリソース管理されるように
JAWS-UG札幌 / #jawsug_sapporo 8
Slide 9
Slide 9 text
AWS Amplify Gen2 とは
変わったこと😢
- Amplify Studio が無い
- 一部機能がWebコンソールへ統合
- 簡易の管理画面としては使えない
- Figma コンポーネントの React コンポーネント連携
- Amplify Studio 経由だったので必然的に無くなった
- コード出力に Figma の Developer モードが必要に
- DataStore のローカルモード(オフラインモード)も無さそう
- スマホアプリは個別に実装必要そう
JAWS-UG札幌 / #jawsug_sapporo 9
Slide 10
Slide 10 text
AWS Amplify Gen2
デモ
JAWS-UG札幌 / #jawsug_sapporo 10
Slide 11
Slide 11 text
AWS Amplify Gen2 とは
ちょっとだけデモ
- TypeScript でリソース定義
- Sandbox でホットリロード
JAWS-UG札幌 / #jawsug_sapporo 11
Slide 12
Slide 12 text
AWS Amplify Gen2
少し休憩
JAWS-UG札幌 / #jawsug_sapporo 12
Slide 13
Slide 13 text
ほっこりした話
おまけ
- AWS Amplify の Sr. Dev Advocate の Salih さんが、
Flutter のことを X(旧:Twitter) にポストすると、お返事をくれる。😆
JAWS-UG札幌 / #jawsug_sapporo 13
Slide 14
Slide 14 text
JAWS-UG札幌 / #jawsug_sapporo 14
Slide 15
Slide 15 text
JAWS-UG札幌 / #jawsug_sapporo 15
Slide 16
Slide 16 text
AWS Amplify Gen2
個人的期待
JAWS-UG札幌 / #jawsug_sapporo 16
Slide 17
Slide 17 text
個人的期待
- Amplify Studio Gen2 はくる?
- 「バックエンドが必要なフロントエンド」の強化がされた
- 「デザインを実現するフロントエンド」の強化に再度期待
- React / Next.js 以外の強化はできる?
- どの環境でも使える UI パーツは Authenticator くらい
- スマホアプリの開発者に TypeScript がどこまでささる?
JAWS-UG札幌 / #jawsug_sapporo 17
Slide 18
Slide 18 text
END
JAWS-UG札幌 / #jawsug_sapporo 18