Save 37% off PRO during our Black Friday Sale! »

大量のコメントを捌く技術 / API Talk about mercari channel

046baac588d91fd78a85b189847a151d?s=47 Sota Sugiura
January 31, 2018

大量のコメントを捌く技術 / API Talk about mercari channel

API TALK about メルカリチャンネルでの登壇資料です
https://mercari.connpass.com/event/73609/

046baac588d91fd78a85b189847a151d?s=128

Sota Sugiura

January 31, 2018
Tweet

Transcript

  1. 大量 コメントを捌く技術 @sota1235 2018/1/23 API Talk about メルカリチャンネル

  2. 自己紹介 ▪ @sota1235 ▪ Sota Sugiura ▪ 入社1年経ちました ▪ 将来

    夢 JavaScriptです
  3. 最初に ▪ これだけ 覚えて帰ってほしいことがあります

  4. メルカリチャンネル

  5. メルカリチャンネル?

  6. ˈ メルカリチャンネル

  7. ˉ メルチャン

  8. あと おまけです

  9. アジェンダ ▪ お客さまにとって コメント ▪ 開発者にとって コメント ▪ コメント機能 未来

  10. お客さまにとって コメント

  11. None
  12. 視聴者数 入室メッセージ 視聴者コメント 各種通知メッセージ いい

  13. 視聴者数 入室メッセージ 視聴者コメント 各種通知メッセージ いい

  14. コメント機能 ▪ ログインしていれ 誰でも可能 ▪ 配信者、視聴者全員が見られる

  15. なぜコメント機能?

  16. なぜ◯◯でなくメルチャン?

  17. なぜメルチャン? ▪ なぜECサイトで ない? ▪ なぜテレビショッピングで ない? ▪ なぜメルカリで ない?

  18. なぜか Seller Buyer Broadcast Comment ▪ そ 場でコミュニケーションが取れるから

  19. コミュニケーション ▪ 「そ 野菜 おすすめ 食べ方 ?」 ▪ 「そ アクセサリ、アレンジできない?」

    ▪ 「あと500円安かったら買います」 ▪ 「送料込みにできませんか?」
  20. 買い物に限らない ▪ 挨拶したり ▪ 雑談したり ▪ ゲームしたり

  21. 例えるなら、八百屋?

  22. 例えるなら、八百屋? へいらっしゃい

  23. 数字で見るコメント機能 ▪ 配信によって 毎秒1個以上 コメントが投稿され ている ▪ 運用しているFirebase Realtime Database

    インス タンス数 世界最大級
  24. コメント メルチャン 肝 ▪ 「映像が見られる」に次いで大事な機能 ▪ もしもコメントが無かったら… ▪ ライブである必要が無い

  25. 開発者にとって コメント

  26. 要件定義 ▪ 細かい要件 一杯ある ▪ ログインユーザしかコメントできない ▪ ユーザ名にいい感じに色を付ける ▪ NGワード

    フィルタリング ▪ etc...
  27. 一番必要な要件 ▪ コミュニケーション機能として確立すること

  28. Face to face

  29. face to face感を出すために ▪ 遅延がない ▪ コメントが埋もれていかない ▪ 配信者がきちんと拾える

  30. 遅延がない ▪ コメントを投稿したらすぐに反映される ▪ Firebase Realtime Databaseを用いて実現

  31. ちなみに ▪ 多く 機能でFirebase Realtime Databaseを利用し ています

  32. 視聴者数 入室メッセージ 視聴者コメント 各種通知メッセージ いい

  33. コメントが埋もれていかない ▪ 生放送な で放送途中に視聴することがある ▪ 途中から直近N件 コメントを表示するよう改善

  34. コメントが埋もれていかない ▪ 生放送な で放送途中に視聴することがある ▪ 途中から直近N件 コメントを表示するよう改善 ▪ 結果、コメント率が改善

  35. 配信者が読める ▪ 視聴者以上にコメントを読めることが重要 ▪ 唯一無二 コミュニケーション手段

  36. より読みやすく ▪ 視聴者よりも文字を大きく ▪ 同じユーザ 同じ色で表示

  37. 視聴者画面 配信者画面

  38. 配信画面 文字を大きく 視聴者画面 配信者画面

  39. ユーザ名 色を固定 視聴者画面 配信者画面

  40. コメント機能 未来

  41. 大きく2つ ▪ 今あるコメント機能 改善 ▪ 新しいコミュニケーション 創造

  42. コメント機能 改善

  43. 今 問題点 ▪ スケールアップ問題 ▪ モニタリング問題 ▪ コメント 表現力

  44. スケールアップ問題 ▪ Firebase Realtime Database スケールアップしな い ▪ 現在 複数インスタンスを運用中

  45. スケールアップ問題

  46. シャーディング

  47. スケールアップ問題 ▪ 今 ところ 回ってる ▪ が、手動で インスタンス追加がツライ ▪ 急成長する(現在進行系)サービスで

    限界がある
  48. New Architecture ▪ Cloud Firestore 検証、移行したい ▪ 自社実装もありうる ▪ いずれも難易度が高いながら、技術的にやりがい

    あるチャレンジ
  49. モニタリング問題 ▪ コメント機能が快適に動いてるか 監視 ▪ “快適に” 定義が非常に難しい ▪ モニタリング→自動切り替え等 Karakuriが求め

    られる
  50. コメント 表現力 ▪ 文字がコメントできるだけでいい か? ▪ 今 UIってベスト? ▪ コメントが右から左に流れていっても面白いかもし

    れない
  51. 新しいコミュニケーション 創造

  52. 再掲 コミュニケーション 構図 Seller Buyer Broadcast Comment

  53. これから…? Seller Buyer Broadcast ???

  54. 半年後 メルカリチャンネル きっと… ▪ スタンプ機能 ▪ コメント自動読み上げ ▪ 自動返信 ▪

    模索 余地がまだまだある
  55. [WIP]半年後 メルチャン Seller Buyer Broadcast 自動読み上げ AI ライブ参加 仮想通貨 機械学習

    etc...
  56. Thank you