動画配信サービズの内製開発

https://jaws-tohoku.doorkeeper.jp/events/157194
#jawsug #mediajaws #jawsugtohoku #jawsugiwate

Transcript

1. JAWS-UG
   いわて
   〜ライブもアーカイブも〜
   動画配信サービズ
   の内製開発
   三浦一樹
   2023.08.18
   Media-JAWS
   

   View Slide

2. WHO AM I ?
   Kazuki Miura
   みうみう
   Serverless
   37歳
   秋田→東京→札幌
   サウナ大好き
   JAWS-UG
   札幌 Media-JAWS JP_Stripes
   札幌
   Cloudflare Meetup
   AWS Samurai 2019
   

   View Slide

3. ヘルシンキで
   セキュリティのカンファレンスに
   参加してきました！
   CUSTOMER AMBASSADOR
   

   View Slide

4. MENU
   こんな体制で開発やってます
   というのを簡単にご紹介
   開発体制
   ライブコマースサービスと
   VOD
   サービス
   この2
   つの構成をご紹介
   配信サービスについて
   未経験からどうやって勉強して
   サービスの開発運用ができるま
   でに至ったのか
   コミュニティでの勉強
   

   View Slide

5. DEVELOPMENT
   開発体制
   

   View Slide

6. DEVELOPMENT
   

   View Slide

7. DEVELOPMENT
   8人のチーム
   エンジニア5名
   (内SES 2名)
   ネットデジタル事業部
   週1でQA
   

   View Slide

8. DEVELOPMENT
   バックエンドメイン
   Step Functions
   Lambda
   DynamoDB
   フロントエンドメイン
   React + TypeScript
   バックエンドメイン
   動画配信
   CMSやデータ連携
   全体統括
   アーキテクト
   マーケティング
   PjM / SM / SRE etc...
   全員API作れるし、全員フロントも書ける
   設計から開発、運用、お問合せ対応まで
   

   View Slide

9. DEVELOPMENT
   リソースが全然足りません！！
   

   View Slide

10. WE ARE HIRING
    

    View Slide

11. DEVELOPMENT
    リソースが全然足りません！！
    

    View Slide

12. DEVELOPMENT
    Linux? Network? SQL?
    ﾑﾂｶｼｲ...
    

    View Slide

13. DEVELOPMENT
    できるだけ
    やらなくていいことを
    増やしていく
    

    View Slide

14. View Slide

15. VPC LESS
    VPC LESS
    VPC LESS
    OS
    　LESS
    OS
    　LESS
    OS
    　LESS
    

    View Slide

16. DEVELOPMENT
    
    
    https://speakerdeck.com/_kensh/what-is-serverless
    

    View Slide

17. DEVELOPMENT
    AWS
    にお願いできるものは
    全部お願いする
    なんとかやれてます
    

    View Slide

18. OUR SERVICES
    配信サービス
    

    View Slide

19. OUR SERVICES
    ライブコマース
    サービス VOD
    サービス
    

    View Slide

20. LIVE COMMERCE
    動画見ながら
    お買い物
    

    View Slide

21. LIVE COMMERCE
    2020
    年からスタート
    2021
    年、2022
    年と機能改善
    今年は残念ながら実施せず
    コロナ禍の中、予定していたイベントが中止。。。
    しっかり収益を上げるために、ライブ配信
    ✖︎ グッズ販売 = ライブコマース を事業化
    

    View Slide

22. LIVE COMMERCE
    

    View Slide

23. Amazon Simple Storage Service
    YouTube
    YouTubeLive
    コンテンツID
    違法UP
    対策
    そのままオリジンに
    

    View Slide

24. Amazon Simple Storage Service
    YouTube
    YouTubeLive
    コンテンツID
    違法UP
    対策
    そのままオリジンに
    IN
    点OUT
    点で指定して
    吐き出せる
    

    View Slide

25. View Slide

26. Amazon Simple Storage Service AWS Elemental MediaStore AWS Elemental MediaPackage
    動画配信では、どのストレージ？
    

    View Slide

27. Amazon Simple Storage Service AWS Elemental MediaStore AWS Elemental MediaPackage
    #storagejaws
    詳しくは で！
    9/12(
    火)
    19:00-
    

    View Slide

28. Amazon Interactive Video Service
    ほとんどの場合はIVS
    でいいんじゃ？
    

    View Slide

29. JAWS DAYS 2022 - SATELLITES
    の
    配信アーキテクチャ
    松井HERO
    

    View Slide

30. LIVE COMMERCE
    

    View Slide

31. LIVE COMMERCE
    現場の様子
    

    View Slide

32. LIVE COMMERCE
    

    View Slide

33. LIVE COMMERCE
    がっつり黒字！
    

    View Slide

34. LIVE COMMERCE
    日本民間放送連盟賞
    技術奨励賞
    

    View Slide

35. LIVE COMMERCE
    日本民間放送連盟賞
    技術奨励賞
    

    View Slide

36. LIVE COMMERCE
    日本民間放送連盟賞
    技術奨励賞
    放送関係ないの
    弊社だけ、、笑
    

    View Slide

37. VIDEO ONDEMAND
    動画配信
    サービス
    

    View Slide

38. VIDEO ONDEMAND
    2012 2022
    

    View Slide

39. AWS
    Step Functions
    Amazon
    DynamoDB
    AWS Cloud
    Amazon Simple Storage Service
    Glacier Deep Archive
    AWS Elemental
    MediaConvert
    1080/720/360
    AWS
    Amplify
    Amazon
    CloudFront
    AWS
    AppSync
    44
    日
    Amazon
    API Gateway
    Amazon
    API Gateway
    AWS
    Lambda
    動画プレイヤー 決済 認証・認可
    DRM
    Apple: FairPlay Streaming
    Google: widevine
    Microsoft: PlayReady
    HTB
    Git
    リポジトリ
    Amazon
    CloudWatch
    AWS
    X-Ray
    HLS/MPEG-DASH SaaS
    CMS
    

    View Slide

40. AWS Cloud
    Amazon Simple Storage Service
    Glacier Deep Archive
    AWS Elemental
    MediaConvert
    1080/720/360
    Amazon
    CloudFront
    44
    日
    HTB
    HLS/MPEG-DASH
    VTT
    ファイル
    AWS CLI
    Apple: FairPlay Streaming
    Google: widevine
    Microsoft: PlayReady
    

    View Slide

41. AWS Cloud
    Amazon Simple Storage Service
    Glacier Deep Archive
    AWS Elemental
    MediaConvert
    1080/720/360
    Amazon
    CloudFront
    44
    日
    HTB
    HLS/MPEG-DASH
    VTT
    ファイル
    AWS CLI
    シークバーに出てくるサムネ
    VTT
    ファイル
    Apple: FairPlay Streaming
    Google: widevine
    Microsoft: PlayReady
    img1.jpg
    

    View Slide

42. VIDEO ONDEMAND
    ビジネスロジックは
    AWS Step Functions
    で実装
    

    View Slide

43. VIDEO ONDEMAND
    決済処理をしている部分
    API
    を叩くところだけ
    Lambda
    を書いてる
    

    View Slide

44. AWS SDK
    が直接叩ける
    待ち時間無し
    

    View Slide

45. 800 ms
    3 s
    AWS SDK
    が直接叩ける
    待ち時間無し
    SDK
    

    View Slide

46. VIDEO ONDEMAND
    ドラック＆ドロップ
    でAPI
    が作れる
    （コードは書きたくない）
    

    View Slide

47. VIDEO ONDEMAND
    大変そうなのは
    SaaS
    を積極的に採用
    動画プレイヤー 決済 認証・認可
    この辺りは懇親会で、、
    

    View Slide

48. VIDEO ONDEMAND
    8/30
    の準備が、
    5000 RPS
    に耐えられるように準備中
    

    View Slide

49. COMMUNITY
    コミュニティでの勉強
    

    View Slide

50. COMMUNITY
    JAWS-UG
    がなかったら
    エンジニアやってなかった
    

    View Slide

51. COMMUNITY
    詳しくは動画見て
    

    View Slide

52. COMMUNITY
    私のJAWS
    初参加は
    2018/03/10 AWSJ
    のイベントだと思ってた
    

    View Slide

53. COMMUNITY
    私のJAWS
    初参加は
    なんか怖かったので
    すぐ帰りました笑
    

    View Slide

54. COMMUNITY
    私のJAWS 2
    回目の参加は
    

    View Slide

55. COMMUNITY
    懇親会に最後まで参加！
    Facebook/Twitter
    の友達が爆増
    私のJAWS 2
    回目の参加は
    

    View Slide

56. COMMUNITY
    勉強会に100
    回参加するよりも1
    回の
    登壇の方がより成長できます。
    
    
    あなたのチャレンジをお待ちして
    います！
    JAWS
    の人曰く
    

    View Slide

57. COMMUNITY
    JAWS
    の話かと思ったら
    

    View Slide

58. COMMUNITY
    JAWS
    の話かと思ったら
    

    View Slide

59. COMMUNITY
    JAWS
    の話かと思ったら
    

    View Slide

60. COMMUNITY
    登壇してみたい！！
    

    View Slide

61. COMMUNITY
    2019/03/20
    私のJAWS-UG
    支部初参加は
    

    View Slide

62. COMMUNITY
    私のJAWS-UG
    支部初参加は
    

    View Slide

63. COMMUNITY
    みんな慰めてくれた笑
    またオンライン上での友達が増えて
    日常のインプットが増えて
    また、登壇したくなり
    サービスを作ってみたくなった
    登壇してみたら
    

    View Slide

64. COMMUNITY
    初登壇から半年後
    

    View Slide

65. COMMUNITY
    初登壇から半年後
    実際にサービスリリース
    

    View Slide

66. INPUT
    ぜひ、アウトプットを
    OUTPUT
    𝕏
    Facebook
    JAWS-UG
    MEET-UP
    BLOG
    HANDS-ON
    

    View Slide

67. INPUT
    OUTPUT
    𝕏
    Facebook
    JAWS-UG
    MEET-UP
    BLOG
    HANDS-ON
    𝕏
    Facebook
    JAWS-UG
    MEET-UP
    BLOG
    HANDS-ON
    ぜひ、アウトプットを
    

    View Slide

68. 2019
    年は 17/52
    登壇しました
    

    View Slide

69. 勉強会に100
    回参加するよりも
    1
    回の登壇の方がより成長できます。
    サービス抱えるようになってから減ってしまった。。
    

    View Slide

70. 始業前の登壇！
    ランチタイムの
    登壇！
    JAWS-UG
    東京
    

    View Slide

71. 登壇したくなってきましたよね、、？
    

    View Slide

72. 次回！
    Media-JAWS
    の予告！！
    

    View Slide

73. Inter BEE
    に海浜幕張でやります！！
    登壇希望お待ちしております！
    

    View Slide