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

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

Avatar for loftkun loftkun
May 24, 2019
Technology
1
450

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

Other Decks in Technology

See All in Technology
AWS Bedrock Guardrails / 機密情報の入力・出力をブロックする — Blocking Sensitive Information Input/Output
Avatar for Kazuhito Nakayama kazuhitonakayama
2
180
AI が Approve する開発フロー / How AI Reviewers Accelerate Our Development
Avatar for Hiroka Zaitsu zaimy
1
230
Introduction to Sansan, inc / Sansan Global Development Center, Inc.
Avatar for Sansan, Inc. sansan33
PRO
0
3k
技術キャッチアップ効率化を実現する記事推薦システムの構築
Avatar for Yudai Hayashi yudai00
2
160
APMの世界から見るOpenTelemetryのTraceの世界 / OpenTelemetry in the Java
Avatar for soudai sone soudai
PRO
0
200
AIエージェントで変わる開発プロセス ― レビューボトルネックからの脱却
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
2
790
サンタコンペ2025完全攻略 ～お前らの焼きなましは遅すぎる～
Avatar for terry-u16 terryu16
1
540
AI Coding Agentの地殻変動 ～ ai-coding.info の定点観測 ～
Avatar for kotauchisunsun kotauchisunsun
1
480
WBCの解説は生成AIにやらせよう - 生成AIで野球解説者AI Agentを実現する / Baseball Commentator AI Agent for Gemini
Avatar for Shinichi Nakagawa shinyorke
PRO
0
300
名刺メーカーDevグループ 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
1.1k
失敗できる意思決定とソフトウェアとの正しい歩き方_-_変化と向き合う選択肢/ Designing for Reversible Decisions
Avatar for soudai sone soudai
PRO
8
1.3k
パネルディスカッション資料 (at Tableau Now! - 2026-02-26)
Avatar for Yoshitaka Arakawa yoshitakaarakawa
0
750

Featured

See All Featured
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
エンジニアに許された特別な時間の終わり
Avatar for watany watany
106
240k
HDC tutorial
Avatar for Michiel Stock michielstock
1
470
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
Avatar for Helen Beal helenjbeal
1
130
How to build an LLM SEO readiness audit: a practical framework
Avatar for Nick Samuel nmsamuel
1
660
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k
Un-Boring Meetings
Avatar for Sebastian Deterding codingconduct
0
220
The SEO Collaboration Effect
Avatar for Kristina Bergwall kristinabergwall1
0
380
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
120k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
9
720
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
34
2.6k
Everyday Curiosity
Avatar for Cassini Nazir cassininazir
0
150

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