俺の話を聞け!!LT大会 #14
https://cdg.connpass.com/event/129574/
AbemaTVのコメントビューアを作る話2019/05/24 俺の話を聞け!!LT大会 #14 @loftkun
View Slide
@loftkun• 将棋• ピアノspeakerdeck.com/loftkun
AgendaAPIanalysisVisualization4patternsChromeDevToolsGUICUITUI
API analysis
1Browser
1DevTools Browser
2BrowserorOther Application
●packet capture2BrowserorOther Application
3WiFi access point
3WiFi access point●packet capture
4Emue.g.
4●packet captureEmue.g.
Visualization
TUI ( Text User Interface )
Designinfocommentspostwrote in GoTUI library :nsf/termbox-go
GUI : コメントスクローラー
DesignWeb BrowserTransparent WindowEnable Mouse PointerOperationComments flow like niconicoAPIGET commentwrote in C#, .NET Framework.( for Windows only )
まとめ• API analysis• 4パターン事例紹介• WebアプリならChrome Dev Toolsが優秀• スマホアプリなら実機もしくはEmuの通信をPCで見れるぞ• 他にもあると思うので良い手法があれば教えてください• Visualization• CUIツールはTUI化するとインタラクティブな機能を持たせられるぞ• GUIは透明ウィンドウを使用したコメントビューアの事例を紹介したぞ
Thank you for listening !@ITEventFukuoka