Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
サーバレスアーキテクチャでのAMIMOTOユーザダッシュボード開発/hackers-champ...
Search
堀家隆宏
June 25, 2016
Programming
2
990
サーバレスアーキテクチャでのAMIMOTOユーザダッシュボード開発/hackers-champuru-2016
堀家隆宏
June 25, 2016
Tweet
Share
More Decks by 堀家隆宏
See All by 堀家隆宏
オープンソースコミュニティで加速するサーバーレスの未来/serverless will be
horike37
4
740
auth0-meetup.pdf
horike37
1
270
What’s happening with Serverless Framework, and it lives with AWS SAM.
horike37
0
120
What is Serverless. Why is Serverless.
horike37
1
97
aws-with-functional-saas
horike37
2
190
serverless-with-oss
horike37
0
140
slsconftokyo
horike37
0
5.6k
slsconfworkshop
horike37
3
2.8k
Test Driven Development For Lambda
horike37
2
370
Other Decks in Programming
See All in Programming
社内オペレーション改善のためのTypeScript / TSKaigi Hokuriku 2025
dachi023
1
470
TVerのWeb内製化 - 開発スピードと品質を両立させるまでの道のり
techtver
PRO
3
1.4k
Evolving NEWT’s TypeScript Backend for the AI-Driven Era
xpromx
0
260
Why Kotlin? 電子カルテを Kotlin で開発する理由 / Why Kotlin? at Henry
agatan
2
6.2k
251126 TestState APIってなんだっけ?Step Functionsテストどう変わる?
east_takumi
0
300
無秩序からの脱却 / Emergence from chaos
nrslib
2
12k
俺流レスポンシブコーディング 2025
tak_dcxi
13
7.7k
スタートアップを支える技術戦略と組織づくり
pospome
8
15k
Module Harmony
petamoriken
2
610
非同期処理の迷宮を抜ける: 初学者がつまづく構造的な原因
pd1xx
1
570
手が足りない!兼業データエンジニアに必要だったアーキテクチャと立ち回り
zinkosuke
0
370
TUIライブラリつくってみた / i-just-make-TUI-library
kazto
1
310
Featured
See All Featured
Leading Effective Engineering Teams in the AI Era
addyosmani
8
1.2k
Practical Orchestrator
shlominoach
190
11k
Code Reviewing Like a Champion
maltzj
527
40k
jQuery: Nuts, Bolts and Bling
dougneiner
65
8.1k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
tammyeverts
1
78
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
For a Future-Friendly Web
brad_frost
180
10k
It's Worth the Effort
3n
187
29k
Why You Should Never Use an ORM
jnunemaker
PRO
60
9.6k
Balancing Empowerment & Direction
lara
5
780
How to train your dragon (web standard)
notwaldorf
97
6.4k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
359
30k
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ϢʔβμογϡϘʔυ։ൃ