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
980
サーバレスアーキテクチャでのAMIMOTOユーザダッシュボード開発/hackers-champuru-2016
堀家隆宏
June 25, 2016
Tweet
Share
More Decks by 堀家隆宏
See All by 堀家隆宏
オープンソースコミュニティで加速するサーバーレスの未来/serverless will be
horike37
4
720
auth0-meetup.pdf
horike37
1
260
What’s happening with Serverless Framework, and it lives with AWS SAM.
horike37
0
100
What is Serverless. Why is Serverless.
horike37
1
78
aws-with-functional-saas
horike37
2
180
serverless-with-oss
horike37
0
130
slsconftokyo
horike37
0
5.5k
slsconfworkshop
horike37
3
2.7k
Test Driven Development For Lambda
horike37
2
340
Other Decks in Programming
See All in Programming
20250613-SSKMvol.15
diostray
0
100
関数型まつりレポート for JuliaTokai #22
antimon2
0
160
Bytecode Manipulation 으로 생산성 높이기
bigstark
2
390
なんとなくわかった気になるブロックテーマ入門/contents.nagoya 2025 6.28
chiilog
1
240
第9回 情シス転職ミートアップ 株式会社IVRy(アイブリー)の紹介
ivry_presentationmaterials
1
250
データの民主化を支える、透明性のあるデータ利活用への挑戦 2025-06-25 Database Engineering Meetup#7
y_ken
0
330
PicoRuby on Rails
makicamel
2
110
技術同人誌をMCP Serverにしてみた
74th
1
450
WindowInsetsだってテストしたい
ryunen344
1
200
AIエージェントはこう育てる - GitHub Copilot Agentとチームの共進化サイクル
koboriakira
0
470
Select API from Kotlin Coroutine
jmatsu
1
190
明示と暗黙 ー PHPとGoの インターフェイスの違いを知る
shimabox
2
380
Featured
See All Featured
Into the Great Unknown - MozCon
thekraken
39
1.9k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
Speed Design
sergeychernyshev
32
1k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
Why Our Code Smells
bkeepers
PRO
337
57k
Code Reviewing Like a Champion
maltzj
524
40k
What's in a price? How to price your products and services
michaelherold
246
12k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
710
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
60k
Practical Orchestrator
shlominoach
188
11k
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ϢʔβμογϡϘʔυ։ൃ