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
サーバレスアーキテクチャでのAMIMOTOユーザダッシュボード開発/hackers-champ...
Search
堀家隆宏
June 25, 2016
Programming
2
950
サーバレスアーキテクチャでのAMIMOTOユーザダッシュボード開発/hackers-champuru-2016
堀家隆宏
June 25, 2016
Tweet
Share
More Decks by 堀家隆宏
See All by 堀家隆宏
オープンソースコミュニティで加速するサーバーレスの未来/serverless will be
horike37
4
690
auth0-meetup.pdf
horike37
1
240
What’s happening with Serverless Framework, and it lives with AWS SAM.
horike37
0
77
What is Serverless. Why is Serverless.
horike37
1
59
aws-with-functional-saas
horike37
2
160
serverless-with-oss
horike37
0
100
slsconftokyo
horike37
0
5.3k
slsconfworkshop
horike37
3
2.5k
Test Driven Development For Lambda
horike37
2
280
Other Decks in Programming
See All in Programming
Architecture Decision Record (ADR)
nearme_tech
PRO
1
680
Understand the mechanism! Let's do screenshots tests of Compose Previews with various variations / 仕組みから理解する!Composeプレビューを様々なバリエーションでスクリーンショットテストしよう
sumio
3
620
How to Break into Reading Open Source
kaspth
2
210
Android開発以外のAndroid開発経験の活かしどころ
konifar
2
970
GraphQL あるいは React における自律的なデータ取得について
quramy
11
2.9k
Scala アプリケーションのビルドを改善してデプロイ時間を 1/4 にした話 | How I improved the build of my Scala application and reduced deployment time by 4x
nomadblacky
1
180
XStateでReactに秩序を与えたい
gizm000
0
730
2024 컴포즈 정원사
jisungbin
0
150
LangChainでWebサイトの内容取得やGitHubソースコード取得
shukob
0
160
私のEbitengineの第一歩
qt_luigi
0
450
Kotlin 2.0 and Beyond
antonarhipov
2
150
令和トラベルにおけるLLM活用事例:社内ツール開発から得た学びと実践
ippo012
0
150
Featured
See All Featured
Creatively Recalculating Your Daily Design Routine
revolveconf
215
12k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
227
52k
Designing on Purpose - Digital PM Summit 2013
jponch
114
6.8k
Principles of Awesome APIs and How to Build Them.
keavy
125
16k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
354
29k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
363
22k
BBQ
matthewcrist
83
9.2k
Building Applications with DynamoDB
mza
90
6k
The Cult of Friendly URLs
andyhume
76
6k
Raft: Consensus for Rubyists
vanstee
135
6.5k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
246
1.3M
Building Your Own Lightsaber
phodgson
101
6k
Transcript
߹॓Ռൃද @Amimoto_Ami amimoto-ami.com αʔόϨεΞʔΩςΫνϟͰͷAMIMOTOϢʔβμογϡϘʔυ։ൃ
ࣗݾհ • ໊લɿງՈོ • ॴଐɿAMIMOTO TEAM • Githubɿhttps://github.com/horike37 • Qiitaɿhttp://qiita.com/horike37
• ಘҙͳ͜ͱɿAWS, WordPress
߹॓Ͱͬͨ͜ͱ
https://ja.amimoto-ami.com/
ࣄྫ
AMIMOTOϗεςΟϯάαʔϏεͷμογϡϘʔυUI։ൃ
߹॓ͷΰʔϧͰ͋ΔUI
αʔόϨεΞʔΩ ςΫνϟͱʁ
αʔόϨεΞʔΩςΫνϟͱ • ΫϥυͰఏڙ͞ΕΔαʔϏεར༻Λલఏʹߏங͢ΔαʔϏε ٴͼΞϓϦέʔγϣϯ • ԾϚγϯΛΘͣʹΞʔΩςΫνϟΛߏ
αʔόϨεΞʔΩςΫνϟͷϝϦοτ • Πϯϑϥϝϯςφϯε͔Βͷ։์ • ίετ࠷దԽ
Πϯϑϥϝϯςφϯε͔Βͷ։์ ཧ 04 ϛυϧΣΞ ΞϓϦέʔγϣϯ ཧ 04 ϛυϧΣΞ ΞϓϦέʔγϣϯ ڥք
ڥք EC2ͷ߹ Lambdaͷ߹
ίετͷ࠷దԽ ࣌ؒ ίετ ࣌ؒ ίετ EC2ͷ߹ Lambdaͷ߹
αʔόϨεΞʔΩςΫνϟͷ • ࠓ·Ͱαʔό͋Γ͖Ͱൃల͖ͯͨ͠։ൃख๏͕͑ͳ͍ • webΞϓϦʹ͓͚ΔϨϯμϦϯά͕αʔόαΠυ͔ΒΫϥΠΞϯταΠυ
ඞཁͳ ٕज़ཁૉ
ߏਤ
Cognito User Pools ੌ͍Ϣʔβೝূج൫
ձһσʔλͷҰݩཧ
Amazon Cognito Identity SDK for JavaScript
ϩάΠϯ༻ͷϝιου
ձһొ༻ͷϝιου
ύεϫʔυ࠶ൃߦ༻ͷϝιου
Serverless Framework αʔόϨεͳ ϑϨʔϜϫʔΫ
• API Gateway, LambdaͷϓϩδΣΫτཧ • ϩʔΧϧڥͰͷLambda࣮ߦ • API GatewayͷҰݩతͳઃఆ •
։ൃɺεςʔδϯάɺຊ൪ڥͷΓସ͑ • AWSڥͷσϓϩΠ • ࣗ࡞ͷΞϓϦέʔγϣϯͷGithubͷެ։ Serverless Framework
ϩʔΧϧڥͰͷLambdaϑΝϯΫγϣϯ࣮ߦ
API Gateway, LambdaͷAWSͷσϓϩΠ
αʔόϨεߏͷϢχοτςετ Serverless Unittest Boilerplate
Lambda, DynamoDBߏͷTravis্ͰͷCI http://qiita.com/horike37/items/ed5c79ef1cbd4d17136a
Riot.js ௐྑ͍ UIϥΠϒϥϦ
• ViewʹಛԽͨ͠UIϥΠϒϥϦ • ϓϦίϯύΠϧʹΑΔϨϯμϦϯά • ܰྔͰίʔυ͕ॻ͖͍͢ • API Gateway LambdaͷΞϓϦέʔγϣϯͷ
Viewͱͯ͠࡞Γ͍͢ Riot.js
ΫϥΠΞϯταΠυϨϯμϦϯάͷΓͮΒ͞ AjaxʹΑΔσʔλͷԆ
ϓϦίϯύΠϧʹΑΔΫϥΠΞϯταΠυϨϯμϦϯά API Gateway͔Βͷσʔλऔಘ ίϯύΠϧͯ͠HTMLͷੜ ϒϥβͰͷඳը
·ͱΊ • αʔόϨεߏͷΞϓϦέʔγϣϯͷ։ൃ Λαϙʔτ͢Δπʔϧඞਢ • ͔͠͠·ͩ·ͩલྫ͕ͳ͍ͷͰυοάϑʔςΟϯάΛ ͭͭ͠։ൃख๏Λఆٛ͢Δඞཁ͕͋Δ • ຊͰ·ͩ·ͩࣄྫ͕ͳ͍ͷͰࠓ͕νϟϯεʂ
·ͱΊ http://qiita.com/horike37 ࠓհͨ͠ΞʔΩςΫνϟͷৄࡉQiitaͷํʹιʔείʔυؚΊͯॻ͍͍ͯ·͢ ڵຯ͋Δํੋඇͷ͍ͧͯΈ͍ͯͩ͘͞
@Amimoto_Ami amimoto-ami.com THANK YOU! αʔόϨεΞʔΩςΫνϟͰͷAMIMOTOϢʔβμογϡϘʔυ։ൃ