ライブコーディングで知るAmplify Gen 2 #AWSAmplifyJP

Amplify Boost Up #06 で使用した資料。
https://aws-amplify-jp.connpass.com/event/321534/

ライブコーディングで利用したコードは別途。

当日動画:
https://www.youtube.com/live/wFYQs6hJeHo?si=pvvPgHMxYR7bmq9N&t=1691

Transcript

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