AbemaTVのコメントビューアを作る話

 AbemaTVのコメントビューアを作る話

俺の話を聞け!!LT大会 #14

https://cdg.connpass.com/event/129574/

4cb5b950cfd0eabf5d6b828c951d4549?s=128

loftkun

May 24, 2019
Tweet

Transcript

  1. AbemaTVのコメントビューアを作る話 2019/05/24 俺の話を聞け!!LT大会 #14 @loftkun

  2. @loftkun • 将棋 • ピアノ speakerdeck.com/loftkun

  3. None
  4. Agenda API analysis Visualization 4 patterns Chrome DevTools GUI CUI

    TUI
  5. API analysis

  6. 1 Browser

  7. 1 DevTools Browser

  8. 2 Browser or Other Application

  9. •packet capture 2 Browser or Other Application

  10. 3 WiFi access point

  11. 3 WiFi access point •packet capture

  12. 4 Emu e.g.

  13. 4 •packet capture Emu e.g.

  14. None
  15. None
  16. None
  17. None
  18. None
  19. None
  20. None
  21. None
  22. None
  23. None
  24. Visualization

  25. TUI ( Text User Interface )

  26. Design info comments post wrote in Go TUI library :

    nsf/termbox-go
  27. GUI : コメントスクローラー

  28. Design Web Browser Transparent Window Enable Mouse Pointer Operation Comments

    flow like niconico API GET comment wrote in C#, .NET Framework. ( for Windows only )
  29. まとめ • API analysis • 4パターン事例紹介 • WebアプリならChrome Dev Toolsが優秀

    • スマホアプリなら実機もしくはEmuの通信をPCで見れるぞ • 他にもあると思うので良い手法があれば教えてください • Visualization • CUIツールはTUI化するとインタラクティブな機能を持たせられるぞ • GUIは透明ウィンドウを使用したコメントビューアの事例を紹介したぞ
  30. Thank you for listening ! @ITEventFukuoka