Slide 1
Slide 1 text
ライブコーディングで知る
Amplify Gen 2
Amplify Boost Up #6
2024/07/31
tacck (Kihara, Takuya)
Amplify Boost Up #06 / #AWSAmplifyJP 1
Slide 2
Slide 2 text
Amplify Boost Up #06 / #AWSAmplifyJP 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
本日のお品書き
- ライブコーディング
- Amplify Gen2 で TypeScript でできることを確認しよう。
Amplify Boost Up #06 / #AWSAmplifyJP 3
Slide 4
Slide 4 text
とつぜんですが
- あなたは、良いアイディアが浮かびました。
- 「写真を共有してバズりたいな！！」
Amplify Boost Up #06 / #AWSAmplifyJP 4
Slide 5
Slide 5 text
とつぜんですが
- あなたは、良いアイディアが浮かびました。
- 「写真を共有してバズりたいな！！」
- そのプラットフォームを作って儲けたい！！
Amplify Boost Up #06 / #AWSAmplifyJP 5
Slide 6
Slide 6 text
ということで
- 写真共有サイトを作ってみましょう
- 複数人で利用できる
- 公開・非公開を選択できる
- 利用者全体の公開写真を一覧で見れる
Amplify Boost Up #06 / #AWSAmplifyJP 6
Slide 7
Slide 7 text
ということで
- 写真共有サイトを作ってみましょう
- Hosting + Storage
- 複数人で利用できる
- Authentication
- 公開・非公開を選択できる
- Data + Authentication
- 利用者全体の公開写真を一覧で見れる
- Data (Custom Query + AppSync JavaScript Resolver)
Amplify Boost Up #06 / #AWSAmplifyJP 7
Slide 8
Slide 8 text
ライブコーディング
https://www.youtube.com/live/wFY
Qs6hJeHo?si=pvvPgHMxYR7bmq9
N&t=1691
Amplify Boost Up #06 / #AWSAmplifyJP 8
Slide 9
Slide 9 text
まとめ
- ライブコーディングで写真共有サイトを作成
- TypeScript で (ほぼ) できる
- リソースの追加も TS の定義ファイル
- AppSync JavaScript リゾルバは JavaScript
- Amplify UI コンポーネントは引き続き使える
- 初回のバックエンドリソース構築が終われば
Sandbox による高速開発が可能
Amplify Boost Up #06 / #AWSAmplifyJP 9
Slide 10
Slide 10 text
END
Amplify Boost Up #06 / #AWSAmplifyJP 10