Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

loftkun
May 24, 2019
Technology
1
330

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

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

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

loftkun

May 24, 2019
Tweet

More Decks by loftkun

See All by loftkun
OpenShiftのリリースノートを整理してみた
loftkun
2
2.2k
OpenShiftのサポートを始めるぞ！高頻度で更新されるOSSを効果的にキャッチアップする仕組みを考えました！
loftkun
1
2.1k
Demo of write slides and books with VSCode + Markdown
loftkun
1
640
Write slides and books in VSCode + Markdown
loftkun
4
2k
OpenShift from Easy way to Hard ? Way
loftkun
1
1.5k
Kubernetes The Hard Way をやってみた
loftkun
2
500
Operator reading and writing with Operator SDK
loftkun
1
230
HPA with custom metrics
loftkun
1
1.8k
Getting Started with Graph Database with Python
loftkun
1
580

Other Decks in Technology

See All in Technology
リンクアンドモチベーション ソフトウェアエンジニア向け紹介資料 / Introduction to Link and Motivation for Software Engineers
lmi
4
300k
AWS Media Services 最新サービスアップデート 2024
eijikominami
0
200
【Startup CTO of the Year 2024 / Audience Award】アセンド取締役CTO 丹羽健
niwatakeru
0
990
Why App Signing Matters for Your Android Apps - Android Bangkok Conference 2024
akexorcist
0
130
透過型SMTPプロキシによる送信メールの可観測性向上: Update Edition / Improved observability of outgoing emails with transparent smtp proxy: Update edition
linyows
2
210
Engineer Career Talk
lycorp_recruit_jp
0
170
The Role of Developer Relations in AI Product Success.
giftojabu1
0
120
Oracle Cloud Infrastructure データベース・クラウド：各バージョンのサポート期間
oracle4engineer
PRO
28
12k
強いチームと開発生産性
onk
PRO
34
11k
Incident Response Practices: Waroom's Features and Future Challenges
rrreeeyyy
0
160
BLADE: An Attempt to Automate Penetration Testing Using Autonomous AI Agents
bbrbbq
0
300
安心してください、日本語使えますよ―Ubuntu日本語Remix提供休止に寄せて― 2024-11-17
nobutomurata
1
990

Featured

See All Featured
Mobile First: as difficult as doing things right
swwweet
222
8.9k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
131
33k
5 minutes of I Can Smell Your CMS
philhawksworth
202
19k
The Power of CSS Pseudo Elements
geoffreycrofte
73
5.3k
Why Our Code Smells
bkeepers
PRO
334
57k
For a Future-Friendly Web
brad_frost
175
9.4k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
Producing Creativity
orderedlist
PRO
341
39k
How GitHub (no longer) Works
holman
310
140k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
31
2.7k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
26
2.1k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
27
840

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