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
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
堀家隆宏
June 25, 2016
Programming
1k
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
サーバレスアーキテクチャでのAMIMOTOユーザダッシュボード開発/hackers-champuru-2016
堀家隆宏
June 25, 2016
More Decks by 堀家隆宏
See All by 堀家隆宏
オープンソースコミュニティで加速するサーバーレスの未来/serverless will be
horike37
4
780
auth0-meetup.pdf
horike37
1
290
What’s happening with Serverless Framework, and it lives with AWS SAM.
horike37
0
140
What is Serverless. Why is Serverless.
horike37
1
120
aws-with-functional-saas
horike37
2
220
serverless-with-oss
horike37
0
170
slsconftokyo
horike37
0
5.9k
slsconfworkshop
horike37
3
3k
Test Driven Development For Lambda
horike37
2
400
Other Decks in Programming
See All in Programming
LLM Plugin for Node-REDの利用方法と開発について
404background
0
160
代数的データ型って何が嬉しいの? #frontend_phpcon_do
kajitack
8
3.2k
Make SRE Operations Easier with Azure SRE Agent
kkamegawa
0
4.2k
ADKを使って簡単にAIエージェントを作ってみよう
k1mu21
0
230
Lessons from Spec-Driven Development
simas
PRO
0
140
[2026年度第1回ORセミナー] 計画最適化ベンチャーと競技プログラミング人材
terryu16
0
250
今さら聞けないCancellationToken
htkym
0
220
AIエージェントの隔離技術の徹底比較
kawayu
0
460
tsserverとは何だったのか、これからどうなるのか
nowaki28
1
450
AIエージェントと協働するCLI開発 — BunとOpenClawで学んだこと
yoshikouki
1
240
Modding RubyKaigi for Myself
yui_knk
0
890
Semantic Version 単位で戦略を柔軟に変えて、パッケージアップデートを自動化する
daitasu
0
160
Featured
See All Featured
The Curse of the Amulet
leimatthew05
1
13k
Leveraging Curiosity to Care for An Aging Population
cassininazir
1
260
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
sarafernandez
2
1.5k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
signer
PRO
0
3.6k
GitHub's CSS Performance
jonrohan
1033
470k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
10k
Discover your Explorer Soul
emna__ayadi
2
1.1k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.7k
Paper Plane (Part 1)
katiecoart
PRO
0
8.5k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
katarinadahlin
PRO
1
3.6k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
580
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ϢʔβμογϡϘʔυ։ൃ