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
970
サーバレスアーキテクチャでのAMIMOTOユーザダッシュボード開発/hackers-champuru-2016
堀家隆宏
June 25, 2016
Tweet
Share
More Decks by 堀家隆宏
See All by 堀家隆宏
オープンソースコミュニティで加速するサーバーレスの未来/serverless will be
horike37
4
710
auth0-meetup.pdf
horike37
1
260
What’s happening with Serverless Framework, and it lives with AWS SAM.
horike37
0
94
What is Serverless. Why is Serverless.
horike37
1
70
aws-with-functional-saas
horike37
2
170
serverless-with-oss
horike37
0
120
slsconftokyo
horike37
0
5.4k
slsconfworkshop
horike37
3
2.7k
Test Driven Development For Lambda
horike37
2
320
Other Decks in Programming
See All in Programming
Go1.24 go vetとtestsアナライザ
kuro_kurorrr
2
760
リアクティブシステムの変遷から理解するalien-signals / Learning alien-signals from the evolution of reactive systems
yamanoku
2
1.2k
Building a macOS screen saver with Kotlin (Android Makers 2025)
zsmb
1
100
データベースエンジニアの仕事を楽にする。PgAssistantの紹介
nnaka2992
9
4.4k
Devinのメモリ活用の学びを自社サービスにどう組み込むか?
itarutomy
0
1.9k
新卒から4年間、20年もののWebサービスと 向き合って学んだソフトウェア考古学
oguri
8
7.1k
Kubernetesで実現できるPlatform Engineering の現在地
nwiizo
3
1.8k
CTFのWebにおける⾼難易度問題について
hamayanhamayan
2
1.1k
DomainException と Result 型で作る型安全なエラーハンドリング
karszawa
0
850
AWSで雰囲気でつくる! VRChatの写真変換ピタゴラスイッチ
anatofuz
0
120
Do Dumb Things
mitsuhiko
0
390
リアルタイムレイトレーシング + ニューラルレンダリング簡単紹介 / Real-Time Ray Tracing & Neural Rendering: A Quick Introduction (2025)
shocker_0x15
1
270
Featured
See All Featured
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
30
1.1k
Become a Pro
speakerdeck
PRO
27
5.2k
The Cult of Friendly URLs
andyhume
78
6.3k
Making Projects Easy
brettharned
116
6.1k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
29
2k
Why Our Code Smells
bkeepers
PRO
336
57k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
46
2.4k
Product Roadmaps are Hard
iamctodd
PRO
52
11k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
How STYLIGHT went responsive
nonsquared
99
5.4k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
12
630
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
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ϢʔβμογϡϘʔυ։ൃ