Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Amplify Gen2 が GA したよ! #jawsug_sapporo #jawsug
Search
Kihara, Takuya
PRO
June 07, 2024
Technology
0
410
Amplify Gen2 が GA したよ! #jawsug_sapporo #jawsug
第35回 JAWS-UG札幌 勉強会 登壇資料
https://jawsug-sapporo.connpass.com/event/317273/
Kihara, Takuya
PRO
June 07, 2024
Tweet
Share
More Decks by Kihara, Takuya
See All by Kihara, Takuya
ゆるWeb勉強会@札幌 #28 #ゆるWeb札幌
tacck
PRO
0
41
AWS Amplify の AI Kit でオレオレAIサイトを作ってみる #ゆるWeb札幌
tacck
PRO
0
73
Amplify Gen2 Deep Dive / バックエンドの型をいかにしてフロントエンドへ伝えるか #TSKaigi #TSKaigiKansai #AWSAmplifyJP
tacck
PRO
0
710
Amplify Gen2 Deep Dive / How to convey backend types to the frontend #30DaysOfAmplify
tacck
PRO
0
36
TypeScript 雰囲気勢がライブラリのコードリーディングで得た知識 #sacss
tacck
PRO
1
67
ライブコーディングで知るAmplify Gen 2 #AWSAmplifyJP
tacck
PRO
1
150
AWS Amplify Gen 2 GA記念 ~Gen1との違いを確認
tacck
PRO
0
540
Flutter で "Hello World!! #ゆるWeb札幌
tacck
PRO
0
160
AWS Lambda で LLRT を動かしてみた #北海道まったりLT大会
tacck
PRO
0
170
Other Decks in Technology
See All in Technology
急成長する企業で作った、エンジニアが輝ける制度/ 20250227 Rinto Ikenoue
shift_evolve
0
130
Visualize, Visualize, Visualize and rclone
tomoaki0705
9
83k
Snowflake ML モデルを dbt データパイプラインに組み込む
estie
0
100
クラウド関連のインシデントケースを収集して見えてきたもの
lhazy
7
940
Fraxinus00tw assembly manual
fukumay
0
100
Amazon Q Developerの無料利用枠を使い倒してHello worldを表示させよう!
nrinetcom
PRO
2
110
AWSではじめる Web APIテスト実践ガイド / A practical guide to testing Web APIs on AWS
yokawasa
8
680
JavaにおけるNull非許容性
skrb
2
2.6k
実は強い 非ViTな画像認識モデル
tattaka
3
1.2k
AWS Well-Architected Frameworkで学ぶAmazon ECSのセキュリティ対策
umekou
2
140
OSS構成管理ツールCMDBuildを使ったAWSリソース管理の自動化
satorufunai
0
640
EMConf JP 2025 懇親会LT / EMConf JP 2025 social gathering
sugamasao
2
190
Featured
See All Featured
A Modern Web Designer's Workflow
chriscoyier
693
190k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
Code Review Best Practice
trishagee
67
18k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
570
The Cult of Friendly URLs
andyhume
78
6.2k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
For a Future-Friendly Web
brad_frost
176
9.6k
The Invisible Side of Design
smashingmag
299
50k
Docker and Python
trallard
44
3.3k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3k
Six Lessons from altMBA
skipperchong
27
3.6k
Site-Speed That Sticks
csswizardry
4
410
Transcript
AWS Amplify Gen2 が GAしたよ! 第35回 JAWS-UG札幌 勉強会 2024/06/07 tacck
(Kihara, Takuya) JAWS-UG札幌 / #jawsug_sapporo 1
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 好きなフィギュアスケートの技 スプレッド・イーグル
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
AWS Amplify とは そもそも - mBaaS (Mobile Backend as a
Service) - モバイル向けのバックエンド機能提供サービス - 認証、DB、ストレージ、ホスティング、など。 - 最近はWebフロントエンドを中心とした機能追加が目立っていた - Amplify Studio - Next.js 対応 - SSR アダプター JAWS-UG札幌 / #jawsug_sapporo 4
AWS Amplify Gen2 変わったこと 変わらないこと JAWS-UG札幌 / #jawsug_sapporo 5
AWS Amplify Gen2 対応する開発環境 JAWS-UG札幌 / #jawsug_sapporo 6 React Next.js
Angular Vue JavaScript React Native Flutter Android Swift Web系 スマホアプリ
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
AWS Amplify Gen2 とは 変わらないこと😌 - Webホスティング (SSRも対応) - Git
連携の CI/CD (Gitへの比重がより高まった) - バックエンドリソースの CDK での設定更新 - Amplify 標準のもの以外のリソースの CDK 対応 - そもそも CDK ベースでリソース管理されるように JAWS-UG札幌 / #jawsug_sapporo 8
AWS Amplify Gen2 とは 変わったこと😢 - Amplify Studio が無い -
一部機能がWebコンソールへ統合 - 簡易の管理画面としては使えない - Figma コンポーネントの React コンポーネント連携 - Amplify Studio 経由だったので必然的に無くなった - コード出力に Figma の Developer モードが必要に - DataStore のローカルモード(オフラインモード)も無さそう - スマホアプリは個別に実装必要そう JAWS-UG札幌 / #jawsug_sapporo 9
AWS Amplify Gen2 デモ JAWS-UG札幌 / #jawsug_sapporo 10
AWS Amplify Gen2 とは ちょっとだけデモ - TypeScript でリソース定義 - Sandbox
でホットリロード JAWS-UG札幌 / #jawsug_sapporo 11
AWS Amplify Gen2 少し休憩 JAWS-UG札幌 / #jawsug_sapporo 12
ほっこりした話 おまけ - AWS Amplify の Sr. Dev Advocate の
Salih さんが、 Flutter のことを X(旧:Twitter) にポストすると、お返事をくれる。😆 JAWS-UG札幌 / #jawsug_sapporo 13
JAWS-UG札幌 / #jawsug_sapporo 14
JAWS-UG札幌 / #jawsug_sapporo 15
AWS Amplify Gen2 個人的期待 JAWS-UG札幌 / #jawsug_sapporo 16
個人的期待 - Amplify Studio Gen2 はくる? - 「バックエンドが必要なフロントエンド」の強化がされた - 「デザインを実現するフロントエンド」の強化に再度期待
- React / Next.js 以外の強化はできる? - どの環境でも使える UI パーツは Authenticator くらい - スマホアプリの開発者に TypeScript がどこまでささる? JAWS-UG札幌 / #jawsug_sapporo 17
END JAWS-UG札幌 / #jawsug_sapporo 18