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

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

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

Transcript

1. AbemaTVのコメントビューアを作る話 2019/05/24 俺の話を聞け！！LT大会 #14 @loftkun
2. @loftkun • 将棋 • ピアノ speakerdeck.com/loftkun
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.
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