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

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

Avatar for loftkun loftkun
May 24, 2019
Technology
1
380

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

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

https://cdg.connpass.com/event/129574/
Avatar for loftkun

loftkun

May 24, 2019
Tweet

More Decks by loftkun

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

Other Decks in Technology

See All in Technology
Delta airlines Customer®️ USA Contact Numbers: Complete 2025 Support Guide
Avatar for michal deltahelp
0
710
Sansanのデータプロダクトマネジメントのアプローチ
Avatar for SansanTech sansantech
PRO
0
160
Delegating the chores of authenticating users to Keycloak
Avatar for Alexander Schwartz ahus1
0
140
高速なプロダクト開発を実現、創業期から掲げるエンタープライズアーキテクチャ
Avatar for かわうそ kawauso
2
9.4k
事業成長の裏側：エンジニア組織と開発生産性の進化 / 20250703 Rinto Ikenoue
Avatar for SHIFT EVOLVE shift_evolve
PRO
3
22k
IPA&AWSダブル全冠が明かす、人生を変えた勉強法のすべて
Avatar for iwamot iwamot
PRO
2
150
生まれ変わった AWS Security Hub (Preview) を紹介 #reInforce_osaka / reInforce New Security Hub
Avatar for MasahiroKawahara masahirokawahara
0
480
LLM時代の検索
Avatar for shibuiwilliam shibuiwilliam
2
180
SEQUENCE object comparison - db tech showcase 2025 LT2
Avatar for Noriyoshi Shinoda nori_shinoda
0
150
開発生産性を組織全体の「生産性」へ！ 部門間連携の壁を越える実践的ステップ
Avatar for ussy / @sudo5in5k sudo5in5k
2
7.2k
B2C＆B2B＆社内向けサービスを抱える開発組織におけるサービス価値を最大化するイニシアチブ管理
Avatar for Belong inc. belongadmin
1
7.1k
2025-07-06 QGIS初級ハンズオン「はじめてのQGIS」
Avatar for kou_kita kou_kita
0
170

Featured

See All Featured
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
10
690
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
7
510
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
31
8.7k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
29
2.7k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
49
14k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
29
5.4k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
351
20k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
54
11k
Designing for humans not robots
Avatar for Tammie Lister tammielis
253
25k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
331
22k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
90
590k

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