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
サーバレスライブコマースシステムの構築
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
Kazuki Miura
PRO
October 27, 2020
Technology
1.2k
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
サーバレスライブコマースシステムの構築
#jawsug #jawsug_asa
Kazuki Miura
PRO
October 27, 2020
More Decks by Kazuki Miura
See All by Kazuki Miura
地域のCCoEの拡大を目指す 企業間コミュニティ 「re:light local」について
miu_crescent
PRO
0
58
us-east-1 に障害が起きた時に、 ap-northeast-1 にどんな影響があるか 説明できるようになろう!
miu_crescent
PRO
13
5.2k
これだけはやっておいた方がよさそう?awsにおけるランサムウェア対策
miu_crescent
PRO
1
160
生成AIを活用した音声文字起こしシステムの2つの構築パターンについて
miu_crescent
PRO
4
470
なぜ あなたはそんなに re:Invent に行くのか?
miu_crescent
PRO
0
440
エンタメ方向のTを広げよう!Werner先生の クロージングキーノートを 深掘りするための小ネタ10
miu_crescent
PRO
1
210
Amazon Bedrockを活用した 報道向け文字起こしシステムの開発
miu_crescent
PRO
1
200
us-east-1 の障害が 起きると なぜ ソワソワするのか
miu_crescent
PRO
0
96
us-east-1 の障害が 起きると なぜ ソワソワするのか
miu_crescent
PRO
3
1.2k
Other Decks in Technology
See All in Technology
え?フロントエンドエンジニアの ワイがインフラも!?
puku0x
1
450
【CEDEC2026】次世代デジタルカードゲームのサーバー設計と運用 〜『Shadowverse: Worlds Beyond』の舞台裏~
cygames
PRO
1
980
メルカリのグローバルアプリで挑んだ AlloyDB 運用と課題解決の実践記
hatappi
0
240
ホームラボ紹介
y_sera15
0
130
【CEDEC2026】『Relink』を拡張せよ - 『GRANBLUE FANTASY: Relink - Endless Ragnarok』の開発速度と品質を守るCI運用
cygames
PRO
0
140
つくって納得、つかって実感! 大規模言語モデルことはじめ ver2.0
recruitengineers
PRO
4
1.2k
老害フォレンジッカーはAI羊の夢を見るか?
tadmaddad
0
310
AIコーディングの次。コードレビューと理解負荷を解消して組織の開発生産性を高める
moongift
PRO
2
2.3k
組織にどうSREを根付かせるか?〜IVRyの場合〜
abnoumaru
0
330
JavaScript 研修 (2026)
recruitengineers
PRO
2
470
20260804_Q4AzureUpdateBite_FabricDataAgentの精度を高める設計.pdf
matayuuu
1
120
Contract One Engineering Unit 紹介資料
sansan33
PRO
0
19k
Featured
See All Featured
So, you think you're a good person
axbom
PRO
2
2.1k
Redefining SEO in the New Era of Traffic Generation
szymonslowik
1
380
Imperfection Machines: The Place of Print at Facebook
scottboms
270
14k
Agile Leadership in an Agile Organization
kimpetersen
PRO
0
200
エンジニアに許された特別な時間の終わり
watany
108
250k
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
Marketing Yourself as an Engineer | Alaka | Gurzu
gurzu
0
270
Measuring Dark Social's Impact On Conversion and Attribution
stephenakadiri
2
250
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
How to Ace a Technical Interview
jacobian
281
24k
Automating Front-end Workflow
addyosmani
1370
210k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.5k
Transcript
session2 JAWS-UG ASA | 2020.10.27 動画配信 お買い物 サーバレス
⾃⼰紹介 三浦一樹
動画配信 お買い物 サーバレス こんな感じのシステム作りました
アーキテクチャ サーバレス
こんなイベント がありまして
もともとは全国行脚
今年も そのはずでした
None
None
決まったのは8月頭 ※グッズは発注済み
本番は10月頭
2ヶ月しかない
山奥からの 無料動画配信 グッズ販売 当日内容は不明
動画配信部分
動画配信 動画配信部分
動画配信 今までは LiveShellシリーズ OBS
動画配信 今までは LiveShellシリーズ OBS 操作画面が CEREVOサーバ windows...
動画配信 安定性がほしい! 当日は何もしたくない!!
黄色い箱、買っちゃいました
動画配信 aws から買えるハードウェア $995
動画配信 アカウント紐付け 刺すだけでinputとして認識 マネージドコンソールから 死活監視ができる
SINGLE_PIPELINE しか設定できないのでMediaLive が2つ必要です 動画配信
お買い物
お買い物 めっちゃ便利 BuyButton ならコピペするだけ
お買い物 完成したも同然だわ
お買い物 9月頭
お買い物 タイムセール するから 9月頭
お買い物 時間限定商品 がある 9月頭
聞いてねぇぇえ お買い物
お買い物 リロードしたら 動画止まっちゃうし スパイクアクセス怖いし
お買い物
お買い物
お買い物 subscription 使えばリアルタイム更新 出来るって聞いたぞ AppSync
お買い物
お買い物 timeSaleFlg 0 or 1
お買い物 ・query ・mutation ・subscription
query お買い物 { id : 'aircaravan' } type Query {
singlePost(id: ID!): Post } { "data": { "singlePost": { "id": "aircaravan", "timeSaleFlg": 1 } } } { "id": "aircaravan", "timeSaleFlg": 1 } AppSync Amplify DynamoDB
mutation お買い物 { timeSaleFlg: 1 } type Mutation {
putPost(id: ID, timeSaleFlg: Int!): Post } { id: "aircaravan", timeSaleFlg: event.arguments.timeSaleFlg } Item: { id: "aircaravan", timeSaleFlg: event.arguments.timeSaleFlg } { "data": { "singlePost": { "id": "aircaravan", "timeSaleFlg": 1 } } } なんも返してない console AppSync Lambda DynamoDB query用にDynamoDBに保存
subscriptin お買い物 console AppSync Amplify { timeSaleFlg: 1 }
type Subscription { onPutPost: Post @aws_subscribe(mutations: ["putPost"]) } { "data": { "onPutPost": { "id": "aircaravan", "timeSaleFlg": 1 } } } WebSocket type Mutation { putPost(id: ID, timeSaleFlg: Int!): Post }
AppSync AppSync お買い物 { timeSaleFlg: 0 } {
timeSaleFlg: 1 } shopify GraphQL 非表示 商品入れ替え 表示 イベント会場でインカム聞きながら コンソールで直操作
AppSync AppSync Amplify お買い物 { timeSaleFlg: 0 } {
timeSaleFlg: 1 } shopify GraphQL イベント会場でインカム聞きながら コンソールで直操作 <v-if="timeSaleFlg"> 非表示 表示
お買い物 リロードなし イベント進行に合わせた リアルタイム更新ができた!! AppSync で $4くらい
他のはまたの機会に VPCの内側 わからない
ツッコミなどは twitter で! @miu_crescent 動画配信 お買い物 サーバレス