%FWFMPQNFOUPGBMJWFDPNNFSDF TZTUFNVTJOHTFSWFSMFTTBSDIJUFDUVSF XJUIBGPDVTPO"NQMJGZ"QQ4ZOD POQSPEVDUJPO +"841"/,3"5*0/ FBSMZJOUIFNPSOJOH ,B[VL.JVSB

Hokkaido Television Broadcasting Co., Ltd. Kazuki Miura(35) JAWS-UG Sapporo Media-JAWS JP_Stripes Sapporo Introduction ASA(Morning) • In-house Development • Technology Selection • Architecture Design • Frontend/Backend Development • Product Management • Project Management • Respond to Inquiries

amplify-cli See the documentation for details. https://docs.amplify.aws/

Live Commerce Service Shop with watching Video Requirement 0. NO VPC 1. Stable Video Distribution 2. Don’t use brower reload 3. Don’t open another page 4. 10,000 viewers at the same time

AWS Amplify Frontend Amazon CloudFront AWS Elemental MediaPackage AWS Elemental MediaLive AWS Elemental MediaLink DynamoDB AWS AppSync API Gateway AWS Lambda HLS / MPEG-DASH Video Switcher Auido Mixer Step Functions DynamoDB DynamoDB API Gateway OIDC CloudFront Kinesis Data Streams Kinesis Data Firehose ElasticSearch Service Viewer Count S3 HD-SDI A lot of Cameras Event Site (Physical)

AWS Amplify Frontend Amazon CloudFront AWS Elemental MediaPackage AWS Elemental MediaLive AWS Elemental MediaLink DynamoDB AWS AppSync API Gateway AWS Lambda HLS / MPEG-DASH Video Switcher Auido Mixer Step Functions DynamoDB DynamoDB API Gateway OIDC CloudFront Kinesis Data Streams Kinesis Data Firehose ElasticSearch Service Viewer Count S3 HD-SDI A lot of Cameras Event Site (Physical)

"84 7JEFP 1PXFS

'BO 'BO 'BO

AWS Amplify Frontend Amazon CloudFront AWS Elemental MediaPackage AWS Elemental MediaLive AWS Elemental MediaLink DynamoDB AWS AppSync API Gateway AWS Lambda HLS / MPEG-DASH Video Switcher Auido Mixer Step Functions DynamoDB DynamoDB API Gateway OIDC CloudFront Kinesis Data Streams Kinesis Data Firehose ElasticSearch Service Viewer Count S3 HD-SDI A lot of Cameras Event Site (Physical)

AWS Amplify Frontend Amazon CloudFront AWS Elemental MediaPackage AWS Elemental MediaLive AWS Elemental MediaLink DynamoDB AWS AppSync API Gateway AWS Lambda HLS / MPEG-DASH Video Switcher Auido Mixer Step Functions DynamoDB DynamoDB API Gateway OIDC CloudFront Kinesis Data Streams Kinesis Data Firehose ElasticSearch Service Viewer Count S3 HD-SDI A lot of Cameras Event Site (Physical) *OTJEFUIFEPUUFEMJOF 6TJOHBNQMJGZDMJPOMZTDIFNBEF fi OJUJPO 8IBUBNQMJGZDMJDBOUEP XFDBOUEP

Amplify Frontend DynamoDB AWS AppSync REST API AWS Lambda Step Functions DynamoDB DynamoDB HTTP API + Cache OIDC OIDC 6OBVUIPSJ[FE

Amplify Frontend REST API AWS Lambda DynamoDB + Cache 6OBVUIPSJ[FE 'PSVTFSTCFGPSFMPHHJOHJO (PPETJUFNEBUB

Amplify Frontend DynamoDB AWS AppSync OIDC 0*%$"VUIFOUJDBUJPO 6TFSEBUBBOE(PPETJUFNEBUB

Amplify Frontend Step Functions DynamoDB HTTP API OIDC 0*%$"VUIFOUJDBUJPO 1BZNFOUBOE*OWFOUPSZ%BUB

GraphQL ① Query • Get/List ② Mutation • Create/Update/Delete ③ Subscription • push update to client AWS AppSync

GraphQL ① Query • Get/List ② Mutation • Create/Update/Delete ③ Subscription • push update to client AWS AppSync

When Out of Stock I want to disable button without reloading *OTUPDL 0VUPGTUPDL "EEUP$BSU 0VUPG4UPDL without reloading

Amplify DynamoDB AWS AppSync Step Functions React Lambda

Amplify DynamoDB AWS AppSync ᶃDecrease Inventroy stock

Amplify DynamoDB AWS AppSync ᶃDecrease Inventroy stock ᶄ InventroyStock == 0

Amplify DynamoDB AWS AppSync ᶃDecrease Inventroy stock ᶄ InventroyStock == 0 ᶅɹmutation outOfStockFlg=true

Amplify DynamoDB AWS AppSync ᶃDecrease Inventroy stock ᶄ InventroyStock == 0 ᶅɹmutation outOfStockFlg=true ᶆɹsubscription outOfStockFlg=true

Amplify DynamoDB AWS AppSync ᶃDecrease Inventroy stock ᶄ InventroyStock == 0 ᶅɹmutation outOfStockFlg=true ᶆɹsubscription outOfStockFlg=true ᶇɹquery getInventoryTable Refetch

LIMIT

DynamoDB AWS AppSync Frontend 10,000 Users 10,000 access 10,000 Read AT THE SAME TIME ᶆɹsubscription outOfStockFlg=true ᶇɹquery getInventoryTable Refetch

DynamoDB AWS AppSync Frontend 10,000 Users 10,000 access 10,000 Read Refetch Throttle rate per GraphQL API* 1,000 count/second Soft limit Hot partition 3,000 RCUs/second Hard limit LIMIT * In the case of subscription, it is counted when the session is opened.

DynamoDB AWS AppSync Frontend 10,000 Users 10,000 access Refetch Throttle rate per GraphQL API* 1,000 count/second Soft limit LIMIT * In the case of subscription, it is counted when the session is opened.

DynamoDB AWS AppSync Frontend 3,000 Users 3,000 access 3,000 Read Refetch Throttle rate per GraphQL API 1,000 count/second Soft limit Hot partition 3,000 RCUs/second Hard limit LIMIT 🔥 🔥 🔥

😱 One week before the release

How to fi x

Amplify DynamoDB AWS AppSync ᶃDecrease Inventroy stock ᶄ InventroyStock == 0 ᶅɹmutation outOfStockFlg=true ᶆɹsubscription outOfStockFlg=true ᶇɹquery getInventoryTable Refetch

Amplify DynamoDB AWS AppSync ᶃDecrease Inventroy stock ᶄ All Inventory Data ᶅɹmutation All Inventory Data ᶆɹsubscription All Inventory Data Refetch 1BTTBMMEBUBOFFEFEGPSEJTQMBZUPUIFGSPOUFOEBTTVCTDSJQUJPOEBUB 4UPQ3FGFUDI

Let's do the load test as soon as possible.

Until two years ago we had never developed one.

The reason why… • Development starts for the fi rst time for 2 years ago. • Everyone had no development experiment. • We wanted to Develop!!! • We have to increase what we don’t have to make.

• VPC • IPv4??? Security Group? ACL? • EC2 • Toooo many instance type!! • Toooo many OS type!! • I Can’t choose one… • RDS • SQL??? • Toooo many instance type!! • Linux • Toooo many directories I don’t know. • Toooo many things I didn't prepare myself.

😱 Too dif fi cult.

%PZPVLOPX4FSWFSMFTT 53:

We Can Focus only on the CODE.

JAWS-UG had made us Engineers.

THANK YOU!