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
810
AWSサーバーレスアーキテクチャでWebサイトを構築してみた
JAWS-UG 群馬 #2のLT資料です。
thori
December 18, 2018
Tweet
Share
More Decks by thori
See All by thori
AIとプロダクトエンジニア
t_pori418
0
94
WebAPIのPATCHについて
t_pori418
0
210
AIの言う通りにやったら Webアプリが作れるのか試してみた (ChatGPT)
t_pori418
0
1.1k
AWSにおけるアカウント/ユーザーとは何かをなんとなく理解する
t_pori418
0
370
Markdownで登壇資料を作りたい
t_pori418
0
460
GitHub Projectsのみでプロダクト開発を管理する
t_pori418
0
340
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.5k
Other Decks in Technology
See All in Technology
LangSmith×Webhook連携で実現するプロンプトドリブンCI/CD
sergicalsix
1
240
AWS認定を取る中で感じたこと
siromi
1
190
KubeCon + CloudNativeCon Japan 2025 Recap
ren510dev
1
390
american aa airlines®️ USA Contact Numbers: Complete 2025 Support Guide
aaguide
0
230
開発生産性を組織全体の「生産性」へ! 部門間連携の壁を越える実践的ステップ
sudo5in5k
3
7.3k
「クラウドコスト絶対削減」を支える技術—FinOpsを超えた徹底的なクラウドコスト削減の実践論
delta_tech
4
170
Operating Operator
shhnjk
1
590
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
27k
Should Our Project Join the CNCF? (Japanese Recap)
whywaita
PRO
0
340
生成AI開発案件におけるClineの業務活用事例とTips
shinya337
0
260
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
50
20k
関数型プログラミングで 「脳がバグる」を乗り越える
manabeai
1
190
Featured
See All Featured
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.5k
The World Runs on Bad Software
bkeepers
PRO
69
11k
Making Projects Easy
brettharned
116
6.3k
Code Reviewing Like a Champion
maltzj
524
40k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.6k
Done Done
chrislema
184
16k
Unsuck your backbone
ammeep
671
58k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
Producing Creativity
orderedlist
PRO
346
40k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
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