サーバレスで繋がるHTBの内製化ストーリー

by Kazuki Miura

Slide 1

Slide 1 text

サーバレスで繋がる HTBの内製化ストーリー三浦一樹北海道テレビ放送株式会社 2023.6.13

Slide 2

Slide 2 text

担当事業内容 01 会社概要 02 内製化　〜勢い編〜 03 04 05 目次 06 まとめ内製化　〜単発編〜内製化　〜運用編〜

Slide 3

Slide 3 text

01 会社概要 ABOUT US

Slide 4

Slide 4 text

放送システム担当　　↓ データ放送担当　　↓ （いろいろあって）　　↓ 開発運用担当三浦一樹 - ABOUT ME - コンテンツビジネス局ネットデジタル事業部社内 37歳秋田→東京→札幌サウナ大好き

Slide 5

Slide 5 text

BtoB事業 BtoC事業テレビのCMや番組提供番組関連のイベント事業放送収入番組の配信や関連グッズの販売などファンの方に直接お届けする放送外収入北海道を対象とした特定地上基幹放送事業者 01 02 - ABOUT US -

Slide 6

Slide 6 text

02 担当事業内容 O UR BUSINE SS

Slide 7

Slide 7 text

動画配信事業 EC事業

Slide 8

Slide 8 text

動画配信事業 EC事業 8人のチームエンジニア5名 (内SES 2名) ネットデジタル事業部

Slide 9

Slide 9 text

マーケティング 8人のチームエンジニア5名 (内SES 2名) ネットデジタル事業部他にも、いろいろやってます SNS動画支援応募データ抽選 CMS管理イベント用システム

Slide 10

Slide 10 text

いろいろありました

Slide 11

Slide 11 text

AWS勉強開始 2017年初めてのアプリケーション開発 2019年単発使用のアプリケーション開発 2020年定常サービスアプリケーション開発 2022年明るい未来〜2030年これまでの歩み〜勢い編〜〜単発編〜〜運用編〜

Slide 12

Slide 12 text

03 内製化〜勢い編〜 DEVEL O PMENT WITH MOM E N TUM

Slide 13

Slide 13 text

勉強しようとおもったきっかけ放送・通信連携時代のメディア技術開発フルスタックエンジニアオープンイノベーションクラウド＃AWSSummit2017

Slide 14

Slide 14 text

最初は動画配信から AWS Elemental MediaLive AWS Elemental MediaPackage

Slide 15

Slide 15 text

もちろん最初は失敗も配信サービス停止忘れて、40万円の請求、、

Slide 16

Slide 16 text

やってみた気づき

Slide 17

Slide 17 text

どうやってお客さんに届ける？ AWS Elemental MediaLive AWS Elemental MediaPackage Amazon CloudFront フロントエンドが無いとサービス提供できない！！

Slide 18

Slide 18 text

ゼロからの勉強が必要なもの Linux / RDBMS / SQL / Network ... 普通はどうやるの？ Amazon EC2 Amazon RDS Amazon VPC

Slide 19

Slide 19 text

ゼロからの勉強が必要なもの Linux / RDBMS / SQL / Network ... 普通はどうやるの？ Amazon EC2 Amazon RDS Amazon VPC フロントエンドの前に、これも？？

Slide 20

Slide 20 text

いや、待てよ、、

Slide 21

Slide 21 text

No content

Slide 22

Slide 22 text

No content

Slide 23

Slide 23 text

VPC LESS VPC LESS VPC LESS OS 　LESS OS 　LESS OS 　LESS

Slide 24

Slide 24 text

バックエンドのコードフロントエンドのコードあとは、AWSがあればアプリケーションが開発できる！

Slide 25

Slide 25 text

臆せず書いてみよう！まずは、動くものを作ってみるフロントの全てはこの一冊から

Slide 26

Slide 26 text

最初のアプリケーション開発

Slide 27

Slide 27 text

単独黒字！社内表彰！

Slide 28

Slide 28 text

FUKUOKA TOKYO 2019年後半 Serverless Operations さんと初めて出会ったのが福岡

Slide 29

Slide 29 text

04 内製化　〜単発編〜 SINGL E DEVELOP M ENT

Slide 30

Slide 30 text

そっからいろいろ開発しました 2020.10〜有料ライブ配信ライブコマースライブコマースイベント 2019.09〜 2019.10 2019.12〜 2020.05 2020.06〜 2020.07 2020.08〜 2020.10 有料ライブ配信 Lift & Shift VODオフロード

Slide 31

Slide 31 text

Slide 32

Slide 32 text

ライブコマースシステムコロナで中止になったイベントの代替

Slide 33

Slide 33 text

ライブコマースシステム

Slide 34

Slide 34 text

ライブコマースシステムの課題動画が途切れちゃうのでリロードさせるのはNG 商品は予め用意するけど、ほんとにそれを使うかはわからない好きなタイミングで商品を動画の下に出したい

Slide 35

Slide 35 text

GraphQL で Subscription！

Slide 36

Slide 36 text

AppSync AppSync Amplify Hosting { 　 timeSaleFlg: 0 } { 　 timeSaleFlg: 1 } shopify GraphQL GraphQLでの操作非表示表示

Slide 37

Slide 37 text

ライブコマースシステムの課題好きなタイミングで商品を動画の下に出したい動画が途切れちゃうのでリロードさせるのはNG 商品は予め用意するけど、ほんとにそれを使うかはわからない Subscription で簡単に解決！ AppSync amplify-cli で schema 定義してデプロイするだけ！

Slide 38

Slide 38 text

内製化　〜運用編〜 05 DEVOPS

Slide 39

Slide 39 text

数ヶ月ごとのリリースを重ねて 2020.10〜有料ライブ配信ライブコマースライブコマースイベント 2019.09〜 2019.10 2019.12〜 2020.05 2020.06〜 2020.07 2020.08〜 2020.10 有料ライブ配信 Lift & Shift VODオフロード

Slide 40

Slide 40 text

既存の事業について考えてみた

Slide 41

Slide 41 text

データがバラバラ

Slide 42

Slide 42 text

オンラインのサービス動画配信サービス EC それぞれ別のベンダーに運用ごと依頼データはバラバラ表示変えるのもCMS非対応部分は要改修

Slide 43

Slide 43 text

社内でプロジェクト始動 Project VIEWS-ON VIEWS-ON VIEWS-ON Video Event Web Shop ON-Air

Slide 44

Slide 44 text

社内でプロジェクト始動動画イベントウェブ買い物

Slide 45

Slide 45 text

社内でプロジェクト始動決済認証認可データ分析管理画面

Slide 46

Slide 46 text

社内でプロジェクト始動決済認証認可データ分析管理画面動画イベントウェブ買い物共通基盤を作らないとこの先やっていけない

Slide 47

Slide 47 text

いままでの反省も踏まえて 2020.10〜有料ライブ配信ライブコマースライブコマースイベント 2019.09〜 2019.10 2019.12〜 2020.05 2020.06〜 2020.07 2020.08〜 2020.10 有料ライブ配信 Lift & Shift VODオフロード完全リニューアル 2021.04〜 2021.08.29 〜 2021.10〜リニューアルちょっとだけサーバーレス化 2022.02.01 〜 2022.04.28 〜

Slide 48

Slide 48 text

ライブコマースシステムリベンジ 2021.08.29 〜

Slide 49

Slide 49 text

昨年の問題点注文がスパイクマイナス在庫が発生していた

Slide 50

Slide 50 text

昨年の問題点回避したい RDSはイヤ！絶対にムリ！注文がスパイクマイナス在庫が発生していた

Slide 51

Slide 51 text

Serverless Operationsさんに相談だ！

Slide 52

Slide 52 text

昨年の問題点 DynamoDB の条件付き書き込みを教えてもらう

Slide 53

Slide 53 text

とっても黒字！

Slide 54

Slide 54 text

動画配信事業 EC事業ベンダーとお別れサーバレスとSaaSで内製開発は出来る！

Slide 55

Slide 55 text

いい感じにまとまった S3 MediaConvert S3 DynamoDB DynamoDB DynamoDB AppSync Lambda API-GW Step Functions API-GW Amplify Amplify 担当者向け CMS 倉庫システム BFF Frontend Backend OIDC OIDC OIDC

Slide 56

Slide 56 text

コストが半分以下システムダウンなし（Design for Failure）アプリケーション側から逆算して最低限のものを作れる事業上の試行錯誤がたくさん出来る 1. 2. 3. 4. よかった点それなりのコードが書けるようになるまでは時間かかる AWSのアップデートを追いかけるのは大変リファクタリングと一生付き合う覚悟答え合わせする先が無いと不安で眠れないここはAWSさんと、パートナーさんを頼るしかない大変だった点内製開発してみて

Slide 57

Slide 57 text

なにかご質問がありましたら！ Thanks! 勉強会コミュニティで会いましょう！