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
840
AWSサーバーレスアーキテクチャでWebサイトを構築してみた
JAWS-UG 群馬 #2のLT資料です。
thori
December 18, 2018
Tweet
Share
More Decks by thori
See All by thori
AIとプロダクトエンジニア
t_pori418
0
110
WebAPIのPATCHについて
t_pori418
0
210
AIの言う通りにやったら Webアプリが作れるのか試してみた (ChatGPT)
t_pori418
0
1.1k
AWSにおけるアカウント/ユーザーとは何かをなんとなく理解する
t_pori418
0
370
Markdownで登壇資料を作りたい
t_pori418
0
470
GitHub Projectsのみでプロダクト開発を管理する
t_pori418
0
350
Nuxt.jsから始めるPWA生活
t_pori418
0
1.2k
10分でAmazon API GatewayにOpen API 3.0のAPI仕様をインポートする
t_pori418
1
1.2k
Vue.jsによるSPAのDDDについて考える(導入編)
t_pori418
0
3.5k
Other Decks in Technology
See All in Technology
DevIO2025_継続的なサービス開発のための技術的意思決定のポイント / how-to-tech-decision-makaing-devio2025
nologyance
1
370
CDK CLIで使ってたあの機能、CDK Toolkit Libraryではどうやるの?
smt7174
4
110
Codeful Serverless / 一人運用でもやり抜く力
_kensh
7
370
ハードウェアとソフトウェアをつなぐ全てを内製している企業の E2E テストの作り方 / How to create E2E tests for a company that builds everything connecting hardware and software in-house
bitkey
PRO
1
120
Skrub: machine-learning with dataframes
gaelvaroquaux
0
120
生成AIでセキュリティ運用を効率化する話
sakaitakeshi
0
520
MCPで変わる Amebaデザインシステム「Spindle」の開発
spindle
PRO
3
3.2k
AI開発ツールCreateがAnythingになったよ
tendasato
0
120
サラリーマンの小遣いで作るtoCサービス - Cloudflare Workersでスケールする開発戦略
shinaps
2
400
なぜスクラムはこうなったのか?歴史が教えてくれたこと/Shall we explore the roots of Scrum
sanogemaru
5
1.6k
ChatGPTとPlantUML/Mermaidによるソフトウェア設計
gowhich501
1
130
職種の壁を溶かして開発サイクルを高速に回す~情報透明性と職種越境から考えるAIフレンドリーな職種間連携~
daitasu
0
140
Featured
See All Featured
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.9k
Visualization
eitanlees
148
16k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
How STYLIGHT went responsive
nonsquared
100
5.8k
Writing Fast Ruby
sferik
628
62k
Intergalactic Javascript Robots from Outer Space
tanoku
272
27k
KATA
mclloyd
32
14k
A better future with KSS
kneath
239
17k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
30
9.6k
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