Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
AWSサーバーレスアーキテクチャでWebサイトを構築してみた
thori
December 18, 2018
Technology
0
440
AWSサーバーレスアーキテクチャでWebサイトを構築してみた
JAWS-UG 群馬 #2のLT資料です。
thori
December 18, 2018
Tweet
Share
More Decks by thori
See All by thori
AWSにおけるアカウント/ユーザーとは何かをなんとなく理解する
t_pori418
0
41
Markdownで登壇資料を作りたい
t_pori418
0
73
GitHub Projectsのみでプロダクト開発を管理する
t_pori418
0
160
Nuxt.jsから始めるPWA生活
t_pori418
0
610
10分でAmazon API GatewayにOpen API 3.0のAPI仕様をインポートする
t_pori418
1
630
Vue.jsによるSPAのDDDについて考える(導入編)
t_pori418
0
2.5k
Other Decks in Technology
See All in Technology
AWS Control TowerとAWS Organizationsを活用した組織におけるセキュリティ設定
fu3ak1
2
630
失敗しない条件付きアクセス Season 3
sophiakunii
0
1.4k
プロダクション環境の信頼性を損ねず観測する技術
egmc
4
360
ISUCON で使えるツールを作った
shotakitazawa
0
350
1,000万人以上が利用する「家族アルバム みてね」のSRE組織は4年間でどのように作られてきたのか/SRE NEXT 2022
isaoshimizu
4
2.7k
AWSの基礎を学ぼうで学んだ9種類のDBを勝手にふりかえる
98lerr
2
720
runn is a package/tool for running operations following a scenario. / golang.tokyo #32
k1low
1
130
jaws-ug-asa-datasync-20220510
hiashisan
0
470
スタートアップ入社4日目までに考えたAWSのセキュリティ向上/ Startup AWS Security
shonansurvivors
3
2.9k
toilを解消した話
asumaywy
0
140
Nutanix_Meetup_20220511
keigotomomatsu
0
150
SRENEXT2022 組織にSREを実装していくまでの道のり
marnie0301
1
260
Featured
See All Featured
10 Git Anti Patterns You Should be Aware of
lemiorhan
638
52k
4 Signs Your Business is Dying
shpigford
169
20k
Rebuilding a faster, lazier Slack
samanthasiow
62
7.2k
Become a Pro
speakerdeck
PRO
3
780
KATA
mclloyd
7
8.6k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
237
19k
Principles of Awesome APIs and How to Build Them.
keavy
113
15k
Unsuck your backbone
ammeep
659
55k
Designing for Performance
lara
596
63k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
38
12k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
224
49k
Writing Fast Ruby
sferik
612
57k
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