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

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