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
AWSサーバーレスアーキテクチャでWebサイトを構築してみた
Search
thori
December 18, 2018
Technology
0
780
AWSサーバーレスアーキテクチャでWebサイトを構築してみた
JAWS-UG 群馬 #2のLT資料です。
thori
December 18, 2018
Tweet
Share
More Decks by thori
See All by thori
WebAPIのPATCHについて
t_pori418
0
180
AIの言う通りにやったら Webアプリが作れるのか試してみた (ChatGPT)
t_pori418
0
1k
AWSにおけるアカウント/ユーザーとは何かをなんとなく理解する
t_pori418
0
350
Markdownで登壇資料を作りたい
t_pori418
0
420
GitHub Projectsのみでプロダクト開発を管理する
t_pori418
0
330
Nuxt.jsから始めるPWA生活
t_pori418
0
1.1k
10分でAmazon API GatewayにOpen API 3.0のAPI仕様をインポートする
t_pori418
1
1.1k
Vue.jsによるSPAのDDDについて考える(導入編)
t_pori418
0
3.4k
Other Decks in Technology
See All in Technology
目の前の仕事と向き合うことで成長できる - 仕事とスキルを広げる / Every little bit counts
soudai
23
5.9k
SCSAから学ぶセキュリティ管理
masakamayama
0
140
スタートアップ1人目QAエンジニアが QAチームを立ち上げ、“個”からチーム、 そして“組織”に成長するまで / How to set up QA team at reiwatravel
mii3king
1
1.2k
個人開発から公式機能へ: PlaywrightとRailsをつなげた3年の軌跡
yusukeiwaki
11
2.7k
The 5 Obstacles to High-Performing Teams
mdalmijn
0
270
モノレポ開発のエラー、誰が見る?Datadog で実現する適切なトリアージとエスカレーション
biwashi
6
770
データ基盤の成長を加速させる:アイスタイルにおける挑戦と教訓
tsuda7
3
660
Ask! NIKKEIの運用基盤と改善に向けた取り組み / NIKKEI TECH TALK #30
kaitomajima
1
450
Moved to https://speakerdeck.com/toshihue/presales-engineer-career-bridging-tech-biz-ja
toshihue
2
570
CZII - CryoET Object Identification 参加振り返り・解法共有
tattaka
0
250
RSNA2024振り返り
nanachi
0
510
生成AIの利活用を加速させるための取り組み「prAIrie-dog」/ Shibuya_AI_1
visional_engineering_and_design
1
140
Featured
See All Featured
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
29
4.6k
Optimising Largest Contentful Paint
csswizardry
34
3.1k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.3k
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.2k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
540
Large-scale JavaScript Application Architecture
addyosmani
510
110k
GraphQLとの向き合い方2022年版
quramy
44
13k
Raft: Consensus for Rubyists
vanstee
137
6.8k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Producing Creativity
orderedlist
PRO
343
39k
Embracing the Ebb and Flow
colly
84
4.6k
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.4k
Transcript
AWSαʔόʔϨεΞʔΩςΫνϟͰ WebαΠτΛߏஙͯ͠Έͨ 2018/12/18 JAWS-UG Gunma #2 Hori Takashi
ɾງ وࢺɹɹ@t_pori418 ɾ܈അݝؗྛࢢࡏॅ ɾWebΤϯδχΞ ɾ͘ઙ͘ͳΜͰΓ·͢ ɾϑϦʔϥϯεͱWebγεςϜ։ൃձࣾͷWϫʔΫ ࣗݾհ
ʮاۀαΠτΛ৽͍ͨ͘͠͠ʯ ʮαΠτཧΛͰ͖ʹ͍͡ΕΔΑ͏ʹ ͍ͨ͠ʢࠓ࣮ཧ֎ʣʯ ʮޙʑCMSԽ֎෦ͷ࿈ܞΓ͘͢ʯ ʮ҆ͭ͘͘ͳΒ͍҆ํ͕͍͍ʯ ܦҢ
AWSΛϝΠϯϓϩμΫτʹͬͯΔͷͰ αʔόʔϨεͲ͏͔ʁ ɾ੩తαΠτS3ͰϗεςΟϯά ɾಈతίϯςϯπLambda ɾσʔλอ࣋DynamoDB/S3 ɾଞͷAWSαʔϏεͱ࿈ܞ͍҆͘͢͠(ଟ) ఏҊ
ߏਤ(؆қ)
ɾS3Λ༻ ɾNuxt.js(Vue.jsͷϢχόʔαʔϧFW)ʹΑΔ ɹ੩తϑΝΠϧgenerate ɾCloudFrontʢCDNʣ ɾ໊͓લ.comͰ͍࣋ͬͯΔυϝΠϯΛ route53Ͱࢀর ੩తϑΝΠϧϗεςΟϯά
ɾAPIʹΑΔಈతॲཧͷ࣮ߦ ɹ1. ͓͍߹Θͤػೳ ɹ2. ࠾༻Ԡืػೳ ɹ3. ࢿྉμϯϩʔυػೳ ॲཧͷྲྀΕɿAPIͰPOST͞ΕͨσʔλΛLambdaͰDaynamoDBʹ อ/SESͰؔऀʹϝʔϧૹ৴/Slack࿈ܞ
LambdaͰͷ࣮ํ๏Blogʹॻ͖·ͨ͠ɻ ( https://poriweb.hatenablog.com/entry/2018/12/14/073000 ) ಈతॲཧ
ͬͯΈͨॴײ
ɾόοΫΤϯυͷαʔόʔཧ͕ͳ͘ͳָͬͯ ɾૄ݁߹ͰػೳΛΓ͚͍͢ ɾDynamoDB͕ྑ͍ ɹ(ෳࡶͳ͜ͱΛΓͩ͢ͱͭΒͦ͏)
ࠓޙ࣮͍ͨ͜͠ͱ
ɾཧػೳʢ؆୯ͳCMSʣ ɾσϓϩΠͷࣗಈԽ ɾΞΫηεղੳʹΑΔͳΜΒ͔ͷΞϓϩʔν
͓·͚ɿAWS Amplifyͷεεϝ
Amplifyͱʁ ˠΣϒ/ϞόΠϧϓϥοτϑΥʔϜ͚ͷ JavaScriptϥΠϒϥϦ AWSͰΞϓϦέʔγϣϯΛߏங͢Δͷʹศར ͳػೳΛඋ͍͑ͯΔ
re:InventͰAWS Amplify Consle͕ొ Webίϯιʔϧը໘ϙνϙνͰAWS AmplifyΛΈࠐΜ ͩWebΞϓϦΛߏஙɺϏϧυɺϦϦʔε͕Ͱ͖Δʂʂ (ͳ͓౦ژϦʔδϣϯ·ͩͷ༷)
͓·͚2ɿDaynamoDB On-Demand
re:InventͰDynamoDB On-Demandൃද ɾϦΫΤετʹԠͨ͡ैྔ՝ۚϓϥϯ ɾϚωʔδυʹΩϟύγςΟΛཧͯ͘͠ΕΔ ɾΩϟύγςΟλϒͰϦΫΤετຖͷࢧ͍ΛબOK