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

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

Transcript

1. 大量 コメントを捌く技術 @sota1235 2018/1/23 API Talk about メルカリチャンネル
2. 自己紹介 ▪ @sota1235 ▪ Sota Sugiura ▪ 入社1年経ちました ▪ 将来 夢 JavaScriptです
3. 最初に ▪ これだけ 覚えて帰ってほしいことがあります
4. メルカリチャンネル
5. メルカリチャンネル？
6. ˈ メルカリチャンネル
7. ˉ メルチャン
8. あと おまけです
9. アジェンダ ▪ お客さまにとって コメント ▪ 開発者にとって コメント ▪ コメント機能 未来
10. お客さまにとって コメント
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