$30 off During Our Annual Pro Sale. View Details »

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

Avatar for loftkun loftkun
May 24, 2019
Technology
1
430

 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.7k
OpenShiftのサポートを始めるぞ！高頻度で更新されるOSSを効果的にキャッチアップする仕組みを考えました！
Avatar for loftkun loftkun
1
2.5k
Demo of write slides and books with VSCode + Markdown
Avatar for loftkun loftkun
1
720
Write slides and books in VSCode + Markdown
Avatar for loftkun loftkun
5
2.5k
OpenShift from Easy way to Hard ? Way
Avatar for loftkun loftkun
1
1.9k
Kubernetes The Hard Way をやってみた
Avatar for loftkun loftkun
2
550
Operator reading and writing with Operator SDK
Avatar for loftkun loftkun
1
350
HPA with custom metrics
Avatar for loftkun loftkun
1
2.2k
Getting Started with Graph Database with Python
Avatar for loftkun loftkun
1
680

Other Decks in Technology

See All in Technology
マイクロサービスへの5年間 ぶっちゃけ何をしてどうなったか
Avatar for Tomohiro Hashidate joker1007
17
7.3k
AWS re:Invent 2025 re:Cap LT大会 データベース好きが語る re:Invent 2025 データベースアップデート/セッションの紹介
Avatar for Cold-Airflow coldairflow
0
130
高度サイバー人材育成専科資料（前半）
Avatar for Nomizo Nomizo nomizone
0
250
AlmaLinux + KVM + Cockpit で始めるお手軽仮想化基盤 ～ 開発環境などでの利用を想定して ～
Avatar for koedoyoshida koedoyoshida
0
130
Lookerで実現するセキュアな外部データ提供
Avatar for ZOZO Developers zozotech
PRO
0
190
AI との良い付き合い方を僕らは誰も知らない
Avatar for Asei Sugiyama asei
0
190
子育てで想像してなかった「見えないダメージ」 / Unforeseen "hidden burdens" of raising children.
Avatar for Pauli pauli
2
310
CARTAのAI CoE が挑む「事業を進化させる AI エンジニアリング」 / carta ai coe evolution business ai engineering
Avatar for CARTA Engineering carta_engineering
0
2.1k
たまに起きる外部サービスの障害に備えたり備えなかったりする話
Avatar for Sohei Iwahori egmc
0
350
20251222_サンフランシスコサバイバル術
Avatar for ponponmikan ponponmikankan
2
120
MySQLとPostgreSQLのコレーション / Collation of MySQL and PostgreSQL
Avatar for とみたまさひろ tmtms
1
1.1k
Connection-based OAuthから学ぶOAuth for AI Agents
Avatar for GMO Flatt Security flatt_security
0
200

Featured

See All Featured
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
Avatar for Tech SEO Connect techseoconnect
PRO
0
72
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
140
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
65
8.3k
We Analyzed 250 Million AI Search Results: Here's What I Found
Avatar for Josh Blyskal joshbly
0
220
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.3k
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
0
4.6k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
Avatar for Liv Day livdayseo
0
28
Claude Code のすすめ
Avatar for schroneko schroneko
65
200k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
141
34k

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