Upgrade to Pro — share decks privately, control downloads, hide ads and more …

「どうでしょうエアキャラバン」における ライブコマースシステムの開発

Kazuki Miura
November 18, 2022

「どうでしょうエアキャラバン」における ライブコマースシステムの開発

#interBEE2022 のAWSさんブース内でお話した資料です
システム的な話を半分、社内でのプロジェクトの進め方についてもお話しております

Kazuki Miura

November 18, 2022
Tweet

More Decks by Kazuki Miura

Other Decks in Technology

Transcript

  1. 2022年11月18日
    「どうでしょうエアキャラバン」における
    ライブコマースシステムの開発
    2020年から3度にわたって実施したライブコマースイベント「どうでしょうエアキャラバン」。 必要なシステムは全て内
    製開発でAWS上に構築しました。イベントを重ねる中で徐々に改善を重ねて いくことで、技術スタックも大きく変化し、
    事業へ貢献することができました。また、民放連賞2022 の技術部門で奨励賞も受賞しました。
    Inter BEE 2022
    HTB 北海道テレビ放送株式会社
    コンテンツビジネス局 ネットデジタル事業部
    三浦一樹

    View Slide

  2. 自 己 紹 介


    マ ス タ ー
      ↓
    デ ー タ 放 送
      ↓
    W e b サ ー ビ ス 開 発
    AWS Amplify AWS AppSync AWS Step Functions
    三 浦 一 樹 ( 3 6 )

    View Slide

  3. 3 度 の 「 エ ア キ ャ ラ バ ン 」
    コロナ禍の中、予定していたイベントが中止。。。
    しっかり収益を上げるために、ライブ配信 ✖︎ グッズ販売 = ライブコマース を事業化
    2020 2021 2022

    View Slide

  4. 今 日 お 話 し す る こ と
    ライブコマースシステムの
    簡単な内容
    1 2
    開発を初めて3年くらいで
    どんな感じだったのかの経緯

    View Slide

  5. ライブコマース
    システムの開発

    View Slide

  6. 2 0 2 0
    AWS Elemental
    Link

    View Slide

  7. 2 0 2 1
    AWS Elemental
    Link

    View Slide

  8. 完 全 に シ ス テ ム 化
    2度は単発サービスとしての実装だったが
    今年からEC系システムと完全にくっつけての運用を可能に
    2021 2022
    管 理 画 面
    倉 庫 管 理
    機 能 改 善

    View Slide

  9. View Slide

  10. View Slide

  11. View Slide

  12. View Slide

  13. View Slide

  14. View Slide

  15. 社 内 メ ン バ
    だ け で 開 発
    w i t h

    View Slide

  16. ど う や っ て
    こ こ ま で

    View Slide

  17. 自分で開発したい!
    と思ったキッカケ

    View Slide

  18. View Slide

  19. フルスタック
    メディア技術へ
    オープンイノベーション
    放送技術から

    View Slide

  20. 感 銘

    View Slide

  21. 勉 強 し よ う !

    View Slide

  22. 未経験からの
    開発スタート

    View Slide

  23. 最 初 は 2 0 1 9 年 2 月 の 実 証 実 験 で
    5 G 使 っ て
    ラ イ ブ 配 信
    MediaLive MediaPackage CloudFtont

    View Slide

  24. 止 め 忘 れ て
    高 額 請 求 …

    View Slide

  25. 半 年 後

    View Slide

  26. 2 0 1 9 年 1 0 月

    View Slide

  27. 3 人 で 開 発
    w i t h

    View Slide

  28. 「 a w s h t b 」 で 検 索 !

    View Slide

  29. 単 独 黒 字 !

    View Slide

  30. View Slide

  31. 一番最初の
    予算の取り方

    View Slide

  32. お 金 で 失 敗 し た
    ば か り だ っ た の で …

    View Slide

  33. 有 料 サ ー ビ ス

    サ ー バ レ ス

    View Slide

  34. 損 益 分 岐 点 を 説 明 し
    プ ロ デ ュ ー サ ー に
    直 談 判

    View Slide

  35. 1 人 あ た り の コ ス ト
    の 算 出

    チ ケ ッ ト の 価 格 設 定

    View Slide

  36. この3年で
    開発したサービス

    View Slide

  37. V i E W S - o n
    プ ロ ジ ェ ク ト 発 足

    View Slide

  38. 2020.10〜
    有料ライブ配信
    ライブコマース
    ライブコマース
    イベント
    2019.10〜 2020.05〜 2020.07〜 2020.10〜
    有料ライブ配信 Lift & Shift VODオフロード
    JavaScript

    View Slide

  39. 2020.10〜
    有料ライブ配信
    ライブコマース
    ライブコマース
    イベント
    2019.10〜 2020.05〜 2020.07〜 2020.10〜
    有料ライブ配信 Lift & Shift VODオフロード
    完全リニューアル
    2021.04〜 2021.08.29 〜
    2021.10〜
    リニューアル
    ちょっとだけ
    サーバーレス化
    2022.04.28 〜
    2022.03.01 〜
    JavaScript
    開発 完全リニューアル 完全リニューアル
    共通基盤の開発と運用

    View Slide

  40. 2022.04.28 〜
    2022.03.01 〜

    View Slide

  41. ビ ジ ネ ス 上 の
    改 善 を
    高 速 に 回 し た い

    View Slide

  42. ア イ デ ィ ア

    打 合 せ ・ 見 積 り ・ 稟 議
    発 注 ・ 実 装 ・ 納 品

    View Slide

  43. ア イ デ ィ ア

    自 分 た ち で
    す ぐ 開 発 修 正
    結 果 、 外 注 し て シ ス テ ム を
    ひ と つ ひ と つ 内 製 へ

    View Slide

  44. 2022.04.28 〜
    2022.03.01 〜
    リ リ ー ス 後 の 半 年 で
    1 0 0 以 上 の 機 能 改 善

    View Slide

  45. 引 き 続 き
    「 技 術 で 儲 け る 」
    を 実 現 す る

    View Slide

  46. ユーザー主催の
    コミュニティ勉強会

    View Slide

  47. ユ ー ザ ー コ ミ ュ ニ テ ィ
    で 勉 強 し ま し た

    View Slide

  48. JAWS-UGとは、AWS
    (Amazon Web Services) が
    提供するクラウドコンピューテ
    ィングを利用する人々の集まり
    (コミュニティ)です。

    View Slide

  49. View Slide

  50. View Slide

  51. " 1 0 0 回 の 参 加 よ り
    1 回 の 登 壇 "

    View Slide

  52. View Slide

  53. 運 営 も や っ て み た い

    View Slide

  54. View Slide

  55. 2 0 0+

    View Slide

  56. 2 0 1 9 年 は
    勉 強 会 参 加   5 2 回
    登 壇   1 7 回

    View Slide

  57. 登 壇 し た ら
    い ろ ん な オ ス ス メ を
    教 え て も ら え た

    View Slide

  58. J A W S だ け じ ゃ な く
    様 々 な コ ミ ュ ニ テ ィ で 学 ぶ
    サ ー バ レ ス 全 般
    S a a S
    ス ク ラ ム
    マ ネ ジ メ ン ト
    デ ー タ 分 析 e t c . . .

    View Slide

  59. 毎 年 J A W S D A Y S で 前 年 の
    J A W S - U G の 活 動 状 況 か ら 、
    J A W S - U G の コ ミ ュ ニ テ ィ の
    成 長 や 支 部 運 営 、 さ ら に は
    A W S ク ラ ウ ド の 普 及 に 大 き
    く 貢 献 ま た は 影 響 を 与 え た
    方 々 を 「 A W S S a m u r a i 」
    と し て 表 彰
    A W S J さ ん か ら
    表 彰 し て も ら い ま し た !

    View Slide

  60. 昨 日 久 々 に 復 活 !

    View Slide

  61. View Slide

  62. 小 南 さ ん

    View Slide

  63. 西 崎 さ ん

    View Slide

  64. 加 賀 さ ん

    View Slide

  65. ま い と う さ ん

    View Slide

  66. 亀 田 さ ん

    View Slide

  67. 岩 室 さ ん

    View Slide

  68. 参 加 者 の み な さ ま

    View Slide

  69. # m e d i a j a w s
    次 回 は 来 年 1 月 1 8 日 !

    View Slide

  70. J A W S - U G の い ろ ん
    な 支 部 に 遊 び に 来 て ね


    そ し て 、 ぜ ひ 登 壇 を !

    View Slide

  71. ありがとうございました!!
    質問がありましたら、ぜひ!

    View Slide