25. Copyright (C) 2022 Toranoana Inc. All Rights Reserved.
コンポーネントの操作(クリックイベント)
クリックしたらアラートを表示
25
26. Copyright (C) 2022 Toranoana Inc. All Rights Reserved.
話すこと
● AWS Amplify Studioとは
● AWS Amplify Studioを触ってみる
● AWS Amplify Studioの機能
● まとめ
● 過去の発表のご紹介
26
27. Copyright (C) 2022 Toranoana Inc. All Rights Reserved.
Amplify Studioを使うメリット
● Figmaで作ったコンポーネントをReactのコードに自動変換できる
● デザインの知識が乏しいエンジニアにもある程度きれいなアプリが作れる
● アイデアを低いハードルで形にできる
27
28. Copyright (C) 2022 Toranoana Inc. All Rights Reserved.
Amplify Studioを使うデメリット
● 自動生成されたコンポーネントは直接いじれない
→Figma or Amplifyで調整が必要
(デザイナーが別にいる場合、役割分担に注意)
● コンポーネントの実装に多少くせがある
28
29. Copyright (C) 2022 Toranoana Inc. All Rights Reserved.
まとめ
● UIデザインからReactコンポーネントに自動で変換!
● アイデアを短時間でプロダクトにすることができる
● デザインから実装まで一貫して開発する方におすすめ
● デザインの知識の少ない自分にとってはかなり期待できるサービス
29
30. Copyright (C) 2022 Toranoana Inc. All Rights Reserved.
過去の発表のご紹介
Next.js + AWS Amplifyを使った開発について
(虎の穴のブログ)
AWS Amplifyの過去の発表資料
(スライド)
30