Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

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

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for loftkun loftkun
May 24, 2019
Technology
530
1

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

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

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

Avatar for loftkun

loftkun

May 24, 2019

More Decks by loftkun

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

Other Decks in Technology

See All in Technology
2拠点SRE活動始めてみた | sogaoh's LT @ ホンマでっかSRE勉強会 #3
Avatar for Hisashi SOGA sogaoh
PRO
0
210
クラウドエージェントの先駆け Devin。今も最先端を走る、他との違い
Avatar for kinopee kinopeee
1
520
Lint の層を組み直した話
Avatar for 弁護士ドットコム bengo4com
2
250
1週間、Opus封印でお願いします
Avatar for KintoTech_Dev kintotechdev
0
400
スマートロックを支えるFlutter × ネイティブ連携の実践 / Flutter and Native Integration in Practice: Powering Smart Locks
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
0
110
AI時代、つくる力を自分たちの手に。 ──電通×KAG、アジャイルとAI駆動開発で挑む開発の変革
Avatar for yuukiyo yuukiyo
3
440
Flutter Webを「SDK」として配る — 50以上のゲームを支える埋め込みアーキテクチャ
Avatar for Masayuki Suda masayukisuda
0
160
cdk deployとcdkd deploy、実際にデプロイして5倍速近くの差を実測した
Avatar for Yuuki Yamashita yama3133
1
130
[re:Invent2026事前勉強会(有志開催)]続きは、ラスベガスの廊下で / continue-in-the-vegas-hallway
Avatar for sh_fk2 sh_fk2
0
430
視野はAIに、視座は人に / ai-for-breadth-humans-for-perspective
Avatar for Yukiya Nakagawa nkzn
5
2.5k
AI Search (Foundry IQ) におけるRAGデータの準備と配置
Avatar for Ryoma Nagata ryomaru0825
1
100
Oracle Database Security 詳細解説
Avatar for oracle4engineer oracle4engineer
PRO
1
170

Featured

See All Featured
Avoiding the “Bad Training, Faster” Trap in the Age of AI
Avatar for Mike Taylor tmiket
0
290
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
640
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
410
How GitHub (no longer) Works
Avatar for Zach Holman holman
316
150k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
6
1.3k
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
2
550
State of Search Keynote: SEO is Dead Long Live SEO
Avatar for Ryan Jones ryanjones
0
340
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
1.1k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
31
6.3k
Google's AI Overviews - The New Search
Avatar for Barry Adams badams
0
1.6k
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
3
1.5k

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