AWSサービスのAmplify XRを動かしてみた感想です

1. AWS AmplifyのXRを動かしてみたら、、、
Yamamoto244
@YamamotoTsuyos
2019/6/8
エンジニアもくもく会 vol.13 @CUEBiC

2. Serverlessってなに？全然わからん。。。
🙇
2

3. アジェンダ
3
• 自己紹介
• AWS Amplifyって何がサクッとできるの？
• 実際にやってみよう。
• 感想と余談

4. 自己紹介
4
• Yamamoto244@Yamamoto Tsuyos
• tyottoではTypeScript/Angular/Ionicのアプリエンジニア
• Angularいいぞ！

5. JavaScriptフレームワークをポケモンで例えたら…
5
• Angular：ヒトカゲ(難易度高すぎ。最後まで安定しない。地震覚え
たあたりで安定。でも他の2キャラも覚える。)
• Vue：フシギダネ(安心安定。まだ案件数少ないけど技もステータス
も最後まで一軍入りできる)
• React：ゼニガメ(最強。最後まで一人旅できる。海外案件も取れる)

6. Angularはええよ！（他があまり知らない…）
6
• ng update @ionic/angularだけで、最新の依存関係に自動的に更新するよ！
• 破壊的変更は少なく、スケジュールされてるよ！
• Angular一つでいろんなものが入ってるよ！
• etc
• とにかく、1人でサクッと作るには便利！！！

7. 今回はReactで
7

8. ようやく本題へ、、、
8

9. 9

10. AWS Amplifyはフロントエンドの開発を加速させ
るためのプロダクトか！
（わかってなさすぎ…w）
10

11. 何がサクッとできるの？
11
• Analytics
• API(REST/GraphQL)の利用
• Authentication
• Storage
• Interactions
• PubSub
• Notification
• XR

12. Let’s Try!
12

13. 大まかな流れ
13
• 普通にReactのプロジェクトを作る
• Amplifyのインストール
• 認証機能の追加
• SumerianでVR/ARプロジェクトの
作成
• Amazon Cognito IDプールIDを
作成する
• srcファイルを編集
• IAMで権限追加

14. Amplifyのインストール
14
• $ npm install -g @aws-amplify/cli
• $ amplify configure
• $ amplify init
• $amplify add hosting
• $npm add aws-amplify aws-amplify-react
• $amplify add auth
• $ amplify add xr
• $ amplify push

15. 15

16. DEMO
16

17. 感想
17
• 確かに爆速で使えそう。
• 権限周りは大変だった。（Polly、Cognito、Cloutfrontとかあまり触ってない、、、）
• Sumerianやばい（Unityプロジェクトインポートも対応予定）
• とは言っても、制限かなりありそう（インポートできるアセット上限サイズは10MBらしい）
• AppSync、Lamdaをもっと学びたい！
• Serverlessに移行する！

18. 最後に宣伝です
18

19. エンジニア募集中です。
19

20. 生徒・先生用
アプリ
先生用
管理画面
来校管理端末
DynamoDB
AppSync Lambda
CloudFront
SES
CloudWatch S3
Amplify
S3
Cognito
Amplify
Amplify
Amplify
CloudFormation AWS CDK
$_
Pinpoint
Serverless版の構成

21. Twitterのフォローして欲しいです
Yamamoto244
@YamamotoTsuyos
21