私がAWSを触り始めた きっかけとその後

4/11 の JAWS 朝会での発表資料です

Transcript

1. IT素人だった 私がAWSを触り始めた きっかけとその後
2. アウトライン 自己紹介 AWS を触ったきっかけ Amplify で Web アプリをホスト UI Library (Amplify Studio) がすごい まとめ
3. アウトライン 自己紹介 AWS を触ったきっかけ Amplify で Web アプリをホスト UI Library (Amplify Studio) がすごい まとめ
4. 自己紹介 Kyohei Kondo 栃木で働くクラウドエンジニア すし、焼肉 @kyozaicraftsman qiita 新卒で入社 現在2年目 トレーニングを行う課に配属 鳥取の学習スペースの運営 ホームページの運用やWeb 教材の作成 AWSを知ることになった大 きなきっかけが黒川さん βユーザーから参加 https://qiita.com/tacos_salad
5. お話ししたいこと これから Web開発 on AWS をやりたい、けどやったことない という方に IT 素人状態から、一応、開発を進めることができた私の１ケースを紹介 Amplify すごい
6. アウトライン 自己紹介 AWS を触ったきっかけ Amplify で Web アプリをホスト UI Library (Amplify Studio) がすごい まとめ
7. AWS を触ったきっかけ 中高生向けにキャリア情報を発信するメディアを作りたかった
8. AWS を触ったきっかけ YouTube で得た情報で「AWS」使ったらできるんじゃない？ はやりっぽいし in 2020
9. AWS を触ったきっかけ ストリーミングファイルに変換するフローを作った
10. アウトライン 自己紹介 AWS を触ったきっかけ Amplify で Web アプリをホスト UI Library (Amplify Studio) がすごい まとめ
11. Web アプリを作りたい 素人でも簡単に開発を進めたい！ without aws-cli
12. Amplify で簡単に環境を整える without aws-cli
13. Amplify で簡単に環境を整える without aws-cli 数クリックで自動デプロイ環境が設定される
14. Amplify で簡単に環境を整える without aws-cli
15. Amplify で簡単に環境を整える without aws-cli アクセスエンドポイントも発行される （カスタムドメインの設定も行える）
16. 最近作った2択クイズアプリ cuiz.jp
17. 最近作った2択クイズアプリ SpreadSheet をデータベースに使用
18. アウトライン 自己紹介 AWS を触ったきっかけ Amplify で Web アプリをホスト UI Library (Amplify Studio) がすごい まとめ
19. UI Library とは
20. 必要なもの Figma アカウント node.js amplify cli
21. Figma が便利 コンポーネント を作成でき、ファイルのほかの場所から呼び出しが可能 最近のアップデートで Amplify の方にも連携できるようになった
22. コンポーネントの読み込み Figma の画面 UI Library の画面
23. コードを出力
24. アウトライン 自己紹介 AWS を触ったきっかけ Amplify で Web アプリをホスト UI Library (Amplify Studio) がすごい まとめ
25. まとめ AWSを利用してWebアプリ開発・発信ができた Amplify を使えば比較的簡単に環境を整えられる UI Library の出現で UI デザインとフロントエンド の境界線が曖昧になってくる未来 IT素人でも