Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
LabBase Nowと AWS Amplifyについて
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Kentaro Takata
November 18, 2020
Technology
140
0
Share
LabBase Nowと AWS Amplifyについて
Kentaro Takata
November 18, 2020
More Decks by Kentaro Takata
See All by Kentaro Takata
Amplifyでいろんな機能拡張をしていったお話
guevara001
2
660
Other Decks in Technology
See All in Technology
Harnessing the Power of Mocks and Stubs in PHPUnit / #laravellivejp
asumikam
0
580
【禁断】Obsidianの第二の脳に「知の巨人」と呼ばれた師匠の脳をロードしてみた
nagatsu
0
6.5k
最新技術を"今は選ばない"という技術選定
leveragestech
PRO
0
420
DI コンテナ自動生成ツールを実装してみた / intro-autodi
uhzz
0
870
『家族アルバム みてね』における インシデント対応との向き合い方 / Approach incident response in Family Album
kohbis
2
190
まだ道半ば、AI-DLCを歩み始めている話
news_it_enj
2
180
LLM時代のリファクタリング戦略_AIエージェントによる段階的・安全なTS移行方法
play_inc
0
180
Splunk MCPサーバの利活用事例 ーKINTOテクノロジーズの取り組み
kintotechdev
1
320
oracle-to-databricks-migration-with-llm-and-dbt
casek
0
140
TSKaigi 2026 - Auth.jsからBetter Authへの 移行に見る「型とランタイム」の 設計思想の変化
teamlab
PRO
1
260
TypeScriptはどのようにどこまで推論できるのか ─ とにかく as は禁止で
ypresto
3
420
Node.js+TypeScriptにおけるCJS/ESM相互運用の最新ポイント
grainrigi
2
120
Featured
See All Featured
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
360
30k
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
180
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
Tell your own story through comics
letsgokoyo
1
930
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
sarafernandez
2
1.4k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
560
How to make the Groovebox
asonas
2
2.2k
AI Search: Where Are We & What Can We Do About It?
aleyda
0
7.5k
How to train your dragon (web standard)
notwaldorf
97
6.6k
Technical Leadership for Architectural Decision Making
baasie
3
380
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
ryanjones
0
140
Transcript
LabBase Nowと AWS Amplify 株式会社POL 高田健太郎 PWA Night 2020/11/18
自己紹介 高田 健太郎 ENGINEER あだ名:ゲバラ 1989年生まれ/京都出身 中小ソフトハウスSE(5年)→POLのエンジニア(2019/6〜)
None
None
None
LabBase Nowについて
LabBase Nowについて
LabBase Nowについて
AWS Amplifyを使うことになった背景 「LabBase Nowの急速展開による運用改善のため、スピード感のあるリリース必要に なったため」 • 別ツールを使いイベント応募受け付け • イベント数の増加や運用面を改善する必要性 •
コロナの状況もありスピード感のある対応が必要 • 私がAWSを詳しいわけではなく、時間かかりそう • LabBaseはAWSで構築しているため将来的に連携しやすい
AWS Amplifyって何? 「AWSを利用して安全でスケーラブルなフルスタックアプリケーションを構築できるにす るツールとサービスのセット」
AWS Amplifyって何? 「AWSを利用して安全でスケーラブルなフルスタックアプリケーションを構築できるにす るツールとサービスのセット」 1.CLIを使って対話形式でバックエンド環境を構築できる 2.フロントエンドもバックエンドも一元管理できる 3.フロントエンド向けのコンポーネントもある
AWS Amplifyって何? 1.CLIを使って対話形式でバックエンド環境を構築できる • 対話形式で直感的に環境を構築 • 一つ一つAWSサービスを準備しなくていいので非常に楽 • AWSサービスに関する知識が多少あれば使えちゃう •
EC2は使わないのでサーバレスなバックエンド環境
AWS Amplifyって何? 2.フロントエンドもバックエンドも一元管理できる • バックエンドはCloud Formationで管理 • フロントエンドのコードと一緒にGithubやBitbucketで管理可能 • 連携してデプロイすることができます。
• ブランチごとに開発環境を用意することも簡単にできます。
AWS Amplifyって何?
AWS Amplifyって何? 3.フロントエンド向けのコンポーネントもある • フロントエンド向けにログイン画面といったUI ComponentやAPIモジュールとったラ イブラリも用意されている。
使えるバックエンド機能 • Authentications ◦ AWS Cognitoを使った認証処理 ◦ Googleアカウント連携にも対応 ◦ 今回は管理者向けの画面に使用。
APIで権限設定にも使える • API ◦ AppSync (GraphQL)を使ったAPIとスキーマ定義した DynamoDB ◦ GraphQLのqueryやmutationも自動生成 • Functions ◦ Lambda ◦ APIで作成したDynamoDBのイベントをtriggerに設定したり ◦ API呼び出しすることがCLI上で設定できます。
実際構築したアーキテクチャ
結局 AWSAmplifyは 使えるのか? サーバーレスっていいの?
結構 ツラミ あり • 推奨されたPythonのバージョンが使えない ◦ そのままだとデプロイ時に LambdaでPythonが使えない ◦ デプロイ時に毎回Python3.8をインストールする暴挙
◦ そしてCLIのバージョンアップのせいなのか、今はデプロイす らできない • 環境差分起きる ◦ 本番とDEV・STGでクエリのデフォルト limitの数が違う ◦ 同じバックエンドのソースを使っているのに • CLIがバグってる ◦ 自動生成されるスキーマが意図しないものになってる。 ◦ CLIバージョンアップで無事に修正はされた
使ってみてよかったこと • とにかく環境構築が早いのでとりあえず作りたいならうってつけ ◦ 簡単に環境構築できるのである程度動くモックアップも作りやすい ◦ 作りたいプロダクトに注力できる • サーバ落ちてるとか気にしなくなった ◦
休みの日サーバが落ちたと電話かかってくる恐怖から解放される ◦ デプロイも失敗しても前バージョンで動く • プロダクトとしてスケールしやすい ◦ AWSサービスは基本的にスケールを前提にしたものとなっている ◦ サービスが大きくなってからリプレースするといった心配もない ◦ 始めやすいので捨てやすい
結論 Amplifyはいいぞ
ありがとうございました よかったらTwitterフォローお願いします @POL53297840