Suche senden
Hochladen
Amplifyで自社サービスを開発してみた.pdf
•
0 gefällt mir
•
414 views
K
KentaNishikawa1
Folgen
サーバーレスLTのスライドです。
Weniger lesen
Mehr lesen
Serviceleistungen
Melden
Teilen
Melden
Teilen
1 von 30
Jetzt herunterladen
Downloaden Sie, um offline zu lesen
Empfohlen
AWS Amplify - Auth/API Category & Vue 構築ハンズオン
AWS Amplify - Auth/API Category & Vue 構築ハンズオン
Eiji KOMINAMI
[CTO Night & Day 2019] AWS Amplify で Web/Mobile 爆速スケーラブル Serverless 開発 #ctonight
[CTO Night & Day 2019] AWS Amplify で Web/Mobile 爆速スケーラブル Serverless 開発 #ctonight
Amazon Web Services Japan
Amplify Consoleで かんたん!Webサイト公開
Amplify Consoleで かんたん!Webサイト公開
Daisuke Yagi
React + Amplifyで アプリ開発
React + Amplifyで アプリ開発
虎の穴 開発室
SCM, CI and Maven Repo
SCM, CI and Maven Repo
Hideaki Ishijima
GitHub + Circle CI で幸せになろう
GitHub + Circle CI で幸せになろう
Nobuhiro Ueda
Google Play Developer APIを使ってみた
Google Play Developer APIを使ってみた
shinya sakemoto
ZappaでDBもパッケージしたサーバーレスAPIを構築してみた
ZappaでDBもパッケージしたサーバーレスAPIを構築してみた
Yasunori Kirimoto
Empfohlen
AWS Amplify - Auth/API Category & Vue 構築ハンズオン
AWS Amplify - Auth/API Category & Vue 構築ハンズオン
Eiji KOMINAMI
[CTO Night & Day 2019] AWS Amplify で Web/Mobile 爆速スケーラブル Serverless 開発 #ctonight
[CTO Night & Day 2019] AWS Amplify で Web/Mobile 爆速スケーラブル Serverless 開発 #ctonight
Amazon Web Services Japan
Amplify Consoleで かんたん!Webサイト公開
Amplify Consoleで かんたん!Webサイト公開
Daisuke Yagi
React + Amplifyで アプリ開発
React + Amplifyで アプリ開発
虎の穴 開発室
SCM, CI and Maven Repo
SCM, CI and Maven Repo
Hideaki Ishijima
GitHub + Circle CI で幸せになろう
GitHub + Circle CI で幸せになろう
Nobuhiro Ueda
Google Play Developer APIを使ってみた
Google Play Developer APIを使ってみた
shinya sakemoto
ZappaでDBもパッケージしたサーバーレスAPIを構築してみた
ZappaでDBもパッケージしたサーバーレスAPIを構築してみた
Yasunori Kirimoto
AmplifyのDeploy結果をSlackに通知する
AmplifyのDeploy結果をSlackに通知する
Keita Ibaraki
LINE BOT AWARDS ハンズオン
LINE BOT AWARDS ハンズオン
Masatoshi Hiraoka
Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム
Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム
Masayuki Abe
Github第8章
Github第8章
Yuto Suzuki
cli.go と cli-init で高速にコマンドラインツールを開発する / The command-line tool developed at hi...
cli.go と cli-init で高速にコマンドラインツールを開発する / The command-line tool developed at hi...
Hidenori Takeshita
YouTube APIの紹介
YouTube APIの紹介
Yoshifumi Yamaguchi
Fun tech14-alibaba cloud api gateway-swagger
Fun tech14-alibaba cloud api gateway-swagger
AnzaiKumiko
Circle ciで結果をslackに通知してみる
Circle ciで結果をslackに通知してみる
ynakahira
ちょっと地味なビルドとリリースの話
ちょっと地味なビルドとリリースの話
techscore
Kintone hands on
Kintone hands on
twilioforkwc
あなたの安心を高速に守る Container-based CI
あなたの安心を高速に守る Container-based CI
Wataru MIYAGUNI
GitHub Copilotとともに次の開発体験へ
GitHub Copilotとともに次の開発体験へ
Kazumi IWANAGA
Kubernetes Meetup Tokyo #23 kubebuilder-v2
Kubernetes Meetup Tokyo #23 kubebuilder-v2
Kazuhito Matsuda
pythonでつくるiPhoneアプリ
pythonでつくるiPhoneアプリ
Kazufumi Ohkawa
AWSで開発するサーバレスAPIバックエンド
AWSで開発するサーバレスAPIバックエンド
暁 三宅
Google App EngineでTwitterアプリを作ろう
Google App EngineでTwitterアプリを作ろう
kenji4569
20190619 AWS Black Belt Online Seminar Dive Deep into AWS Chalice
20190619 AWS Black Belt Online Seminar Dive Deep into AWS Chalice
Amazon Web Services Japan
Microsoft DevOps Hackathon (Sep 2015) Team 4 Presentation
Microsoft DevOps Hackathon (Sep 2015) Team 4 Presentation
Yuichiro Saito
Ansible+Docker
Ansible+Docker
正太 佐久本
Nifty cloud jtf2014ハンズオン資料
Nifty cloud jtf2014ハンズオン資料
亮介 山口
Weitere ähnliche Inhalte
Ähnlich wie Amplifyで自社サービスを開発してみた.pdf
AmplifyのDeploy結果をSlackに通知する
AmplifyのDeploy結果をSlackに通知する
Keita Ibaraki
LINE BOT AWARDS ハンズオン
LINE BOT AWARDS ハンズオン
Masatoshi Hiraoka
Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム
Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム
Masayuki Abe
Github第8章
Github第8章
Yuto Suzuki
cli.go と cli-init で高速にコマンドラインツールを開発する / The command-line tool developed at hi...
cli.go と cli-init で高速にコマンドラインツールを開発する / The command-line tool developed at hi...
Hidenori Takeshita
YouTube APIの紹介
YouTube APIの紹介
Yoshifumi Yamaguchi
Fun tech14-alibaba cloud api gateway-swagger
Fun tech14-alibaba cloud api gateway-swagger
AnzaiKumiko
Circle ciで結果をslackに通知してみる
Circle ciで結果をslackに通知してみる
ynakahira
ちょっと地味なビルドとリリースの話
ちょっと地味なビルドとリリースの話
techscore
Kintone hands on
Kintone hands on
twilioforkwc
あなたの安心を高速に守る Container-based CI
あなたの安心を高速に守る Container-based CI
Wataru MIYAGUNI
GitHub Copilotとともに次の開発体験へ
GitHub Copilotとともに次の開発体験へ
Kazumi IWANAGA
Kubernetes Meetup Tokyo #23 kubebuilder-v2
Kubernetes Meetup Tokyo #23 kubebuilder-v2
Kazuhito Matsuda
pythonでつくるiPhoneアプリ
pythonでつくるiPhoneアプリ
Kazufumi Ohkawa
AWSで開発するサーバレスAPIバックエンド
AWSで開発するサーバレスAPIバックエンド
暁 三宅
Google App EngineでTwitterアプリを作ろう
Google App EngineでTwitterアプリを作ろう
kenji4569
20190619 AWS Black Belt Online Seminar Dive Deep into AWS Chalice
20190619 AWS Black Belt Online Seminar Dive Deep into AWS Chalice
Amazon Web Services Japan
Microsoft DevOps Hackathon (Sep 2015) Team 4 Presentation
Microsoft DevOps Hackathon (Sep 2015) Team 4 Presentation
Yuichiro Saito
Ansible+Docker
Ansible+Docker
正太 佐久本
Nifty cloud jtf2014ハンズオン資料
Nifty cloud jtf2014ハンズオン資料
亮介 山口
Ähnlich wie Amplifyで自社サービスを開発してみた.pdf
(20)
AmplifyのDeploy結果をSlackに通知する
AmplifyのDeploy結果をSlackに通知する
LINE BOT AWARDS ハンズオン
LINE BOT AWARDS ハンズオン
Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム
Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム
Github第8章
Github第8章
cli.go と cli-init で高速にコマンドラインツールを開発する / The command-line tool developed at hi...
cli.go と cli-init で高速にコマンドラインツールを開発する / The command-line tool developed at hi...
YouTube APIの紹介
YouTube APIの紹介
Fun tech14-alibaba cloud api gateway-swagger
Fun tech14-alibaba cloud api gateway-swagger
Circle ciで結果をslackに通知してみる
Circle ciで結果をslackに通知してみる
ちょっと地味なビルドとリリースの話
ちょっと地味なビルドとリリースの話
Kintone hands on
Kintone hands on
あなたの安心を高速に守る Container-based CI
あなたの安心を高速に守る Container-based CI
GitHub Copilotとともに次の開発体験へ
GitHub Copilotとともに次の開発体験へ
Kubernetes Meetup Tokyo #23 kubebuilder-v2
Kubernetes Meetup Tokyo #23 kubebuilder-v2
pythonでつくるiPhoneアプリ
pythonでつくるiPhoneアプリ
AWSで開発するサーバレスAPIバックエンド
AWSで開発するサーバレスAPIバックエンド
Google App EngineでTwitterアプリを作ろう
Google App EngineでTwitterアプリを作ろう
20190619 AWS Black Belt Online Seminar Dive Deep into AWS Chalice
20190619 AWS Black Belt Online Seminar Dive Deep into AWS Chalice
Microsoft DevOps Hackathon (Sep 2015) Team 4 Presentation
Microsoft DevOps Hackathon (Sep 2015) Team 4 Presentation
Ansible+Docker
Ansible+Docker
Nifty cloud jtf2014ハンズオン資料
Nifty cloud jtf2014ハンズオン資料
Amplifyで自社サービスを開発してみた.pdf
1.
Amplifyで自社サービスを開発してみた NkawaK
2.
西川健太(@NkawaK) 所属: 株式会社ギークフィード 担当: ReactやAWSの開発など 趣味:
アニメ鑑賞、ゲームなどなど 自己紹介
3.
今回開発した自社サービス
4.
Amplifyを採用してよかったところ ・バックエンド部分をいい感じに自動生成してくれる ・GitHubと連携することで簡単に CI/CDが実現できる ・スケールが容易
5.
Amplifyを採用してよかったところ ・バックエンド部分をいい感じに自動生成してくれる ・GitHubと連携することで簡単に CI/CDが実現できる ・スケールが容易
6.
各種コマンドでバックエンドを作成 amplify init :
Amplifyの環境構築 amplify add auth: Cognitoを使った認証の追加 amplify add api: GraphQLとAppSyncを使用したAPIの作成 or API GatewayとLambdaの追加
7.
Amplify init プロジェクトのディレクトリで Amplify initを実行するだけ これだけで環境が作られます
8.
Amplify add auth amplify
add authを実行するだけで Cognitoのユーザープールが作られ ます Social Sign In やSAML、MFAにも対 応してます
9.
Amplify add api amplify
add apiでGraphQLを選ぶと AppSyncのAPIが作られます
10.
Amplify add api amplify
add apiの後にamplify pushで GraphQLのクエリとDynamoDBのテーブ ルを作成
11.
Amplify add api WebScoketを使ったリアルタイムデータの取得も簡単
!
12.
Amplify add api amplify
add apiでRESTを選ぶとLambdaが 作成されます ↑の後にamplify pushでAPI Gatewayが作 成されます
13.
各種コマンドでバックエンドを作成 amplify init :
Amplifyの環境構築 amplify add auth: Cognitoを使った認証の追加 amplify add api: GraphQLとAppSyncを使用したAPIの作成 or API GatewayとLambdaの追加 バックエンドの作成を Amplifyに任せることで大幅な工数の削減 UI/UXの開発に注力することができた
14.
Amplifyを採用してよかったところ ・バックエンド部分をいい感じに自動生成してくれる ・GitHubと連携することで簡単に CI/CDが実現できる ・スケールが容易
15.
Amplifyのコンソールでらくらく CI/CD コンソールでGitHubを選んで認証すれば OK テストも自動で作ってくれます
16.
Amplifyを採用してよかったところ ・バックエンド部分をいい感じに自動生成してくれる ・GitHubと連携することで簡単に CI/CDが実現できる ・スケールが容易
17.
Amplifyで主に使用するAWSサービス AppSync、Lambda、API Gateway、DynamoDBなど これらはスケーラブルサービスなので将来的なスケールアップが容易 AppSync、API Gateway
→ キャッシュの有効化 Lambda → メモリを増やす DynamoDB → Auto Scalingを設定、レプリカの追加
18.
Amplifyのつらみ ・ある程度のAWSサービスへの理解が必要になる ・Amplify UIがReact V18に現在対応していない
19.
Amplifyのつらみ ・ある程度のAWSサービスへの理解が必要になる ・Amplify UIがReact V18に現在対応していない
20.
いずれ来るAmplifyのチュートリアルを越える時 ... Amplifyアプリと他のAWSサービスを連携したい! 🤔
21.
筆者の場合 ・Amazon ConnectのAPIの同時実行数を制限したい ・Amazon Connectの通話履歴データを画面上で再生したい ・CognitoのユーザーにAmazon
Connectのユーザー情報を持たせたい ・Amplify pushでエラーが起こった時の調査
22.
筆者の場合 ・Amazon ConnectのAPIの同時実行数を制限したい ・Amazon Connectの通話履歴データを画面上で再生したい ・CognitoのユーザーにAmazon
Connectのユーザー情報を持たせたい ・Amplify pushでエラーが起こった時の調査 Lambda → SQS → Lambda → DynamoDBの構成で同時実行数を制限
23.
筆者の場合 ・Amazon ConnectのAPIの同時実行数を制限したい ・Amazon Connectの通話履歴データを画面上で再生したい ・CognitoのユーザーにAmazon
Connectのユーザー情報を持たせたい ・Amplify pushでエラーが起こった時の調査 API Gateway → Lambda → S3の構成で通話音声を取得
24.
筆者の場合 ・Amazon ConnectのAPIの同時実行数を制限したい ・Amazon Connectの通話履歴データを画面上で再生したい ・CognitoのユーザーにAmazon
Connectのユーザー情報を持たせたい ・Amplify pushでエラーが起こった時の調査 Amazon Connectにログインして、APIからユーザー情報を取得 Cognitoにサインアップする際に Amazon ConnectのユーザーIDを入力
25.
筆者の場合 ・Amazon ConnectのAPIの同時実行数を制限したい ・Amazon Connectの通話履歴データを画面上で再生したい ・CognitoのユーザーにAmazon
Connectのユーザー情報を持たせたい ・Amplify pushでエラーが起こった時の調査 エラーが起こっている AWSリソースを特定したり、エラーの修正に AWSサービ スの理解が必要だった
26.
Amplifyのつらみ ・ある程度のAWSサービスへの理解が必要になる ・Amplify UIがReact V18に現在対応していない
27.
Amplify UI
28.
Amplify UI React V18にインストールしようとしたらエラーに、
V16.8 ~ V17にしか対応してないっぽい ?🤔
29.
まとめ ・Amplifyならバックエンドを自動で作ってくれて工数を短縮できる ・CI/CDを簡単に実現できて、開発効率が上がる ・使用するAWSサービスがスケーラブル ・Amplifyで凝ったことをやると、なんやかんやで AWSへの理解が必要になる
30.
社員募集してます とりあえず話を聞きたいって方は筆者 (@NkawaK)にDM送ってもらってもOKで す
Jetzt herunterladen