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
360
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
Amplify Gen2 Deep Dive / バックエンドの型をいかにしてフロントエンドへ伝えるか #TSKaigi #TSKaigiKansai #AWSAmplifyJP
tacck
PRO
0
490
Amplify Gen2 Deep Dive / How to convey backend types to the frontend #30DaysOfAmplify
tacck
PRO
0
21
TypeScript 雰囲気勢がライブラリのコードリーディングで得た知識 #sacss
tacck
PRO
1
48
ライブコーディングで知るAmplify Gen 2 #AWSAmplifyJP
tacck
PRO
1
140
AWS Amplify Gen 2 GA記念 ~Gen1との違いを確認
tacck
PRO
0
410
Flutter で "Hello World!! #ゆるWeb札幌
tacck
PRO
0
140
AWS Lambda で LLRT を動かしてみた #北海道まったりLT大会
tacck
PRO
0
150
地方から始める登壇のステップアップ 〜Java Do から JJUG CCC への登壇参加記録 #javado
tacck
PRO
0
210
ゆるWebの新型コロナ Before/After とこれからのこと #seb_yearend
tacck
PRO
0
49
Other Decks in Technology
See All in Technology
watsonx.ai Dojo #5 ファインチューニングとInstructLAB
oniak3ibm
PRO
0
160
プロダクト開発を加速させるためのQA文化の築き方 / How to build QA culture to accelerate product development
mii3king
1
260
TSKaigi 2024 の登壇から広がったコミュニティ活動について
tsukuha
0
160
KnowledgeBaseDocuments APIでベクトルインデックス管理を自動化する
iidaxs
1
260
Snowflake女子会#3 Snowpipeの良さを5分で語るよ
lana2548
0
220
10個のフィルタをAXI4-Streamでつなげてみた
marsee101
0
160
AWS re:Invent 2024で発表された コードを書く開発者向け機能について
maruto
0
180
Wvlet: A New Flow-Style Query Language For Functional Data Modeling and Interactive Data Analysis - Trino Summit 2024
xerial
1
110
MLOps の現場から
asei
6
630
サーバレスアプリ開発者向けアップデートをキャッチアップしてきた #AWSreInvent #regrowth_fuk
drumnistnakano
0
190
どちらを使う?GitHub or Azure DevOps Ver. 24H2
kkamegawa
0
680
LINE Developersプロダクト(LIFF/LINE Login)におけるフロントエンド開発
lycorptech_jp
PRO
0
120
Featured
See All Featured
Designing Experiences People Love
moore
138
23k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
Optimizing for Happiness
mojombo
376
70k
4 Signs Your Business is Dying
shpigford
181
21k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
StorybookのUI Testing Handbookを読んだ
zakiyama
27
5.3k
Keith and Marios Guide to Fast Websites
keithpitt
410
22k
RailsConf 2023
tenderlove
29
940
Producing Creativity
orderedlist
PRO
341
39k
The Pragmatic Product Professional
lauravandoore
32
6.3k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Put a Button on it: Removing Barriers to Going Fast.
kastner
59
3.6k
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