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

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

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
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
740
Write slides and books in VSCode + Markdown
Avatar for loftkun loftkun
5
2.6k
OpenShift from Easy way to Hard ? Way
Avatar for loftkun loftkun
1
1.9k
Kubernetes The Hard Way をやってみた
Avatar for loftkun loftkun
2
560
Operator reading and writing with Operator SDK
Avatar for loftkun loftkun
1
360
HPA with custom metrics
Avatar for loftkun loftkun
1
2.3k
Getting Started with Graph Database with Python
Avatar for loftkun loftkun
1
690

Other Decks in Technology

See All in Technology
【Ubie】AIを活用した広告アセット「爆速」生成事例 | AI_Ops_Community_Vol.2
Avatar for Yoshiki yoshiki_0316
1
120
CDK対応したAWS DevOps Agentを試そう_20260201
Avatar for モブエンジニア（Masaki Okuda） masakiokuda
1
430
Greatest Disaster Hits in Web Performance
Avatar for Estela Franco guaca
0
290
登壇駆動学習のすすめ — CfPのネタの見つけ方と書くときに意識していること
Avatar for おおいし bicstone
3
130
今日から始める Amazon Bedrock AgentCore
Avatar for Har1101 har1101
4
420
AWS DevOps Agent x ECS on Fargate検証 / AWS DevOps Agent x ECS on Fargate
Avatar for Masanori Yamaguchi kinunori
2
220
pool.ntp.orgに ⾃宅サーバーで 参加してみたら...
Avatar for Fuminori -Tany- Tanizaki(谷崎文義) tanyorg
0
1.3k
ブロックテーマ、WordPress でウェブサイトをつくるということ / 2026.02.07 Gifu WordPress Meetup
Avatar for Toro_Unit (Hiroshi Urabe) torounit
0
200
usermode linux without MMU - fosdem2026 kernel devroom
Avatar for Hajime Tazaki thehajime
0
240
会社紹介資料 / Sansan Company Profile
Avatar for Sansan, Inc. sansan33
PRO
15
400k
AI駆動開発を事業のコアに置く
Avatar for 鬼澤輔 tasukuonizawa
1
400
OCI Database Management サービス詳細
Avatar for oracle4engineer oracle4engineer
PRO
1
7.4k

Featured

See All Featured
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
46
8.1k
Test your architecture with Archunit
Avatar for Yoan thirion
1
2.2k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
408
66k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k
Paper Plane (Part 1)
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
4.3k
End of SEO as We Know It (SMX Advanced Version)
Avatar for Michael King ipullrank
3
3.9k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
1.7k
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
Avatar for Tech SEO Connect techseoconnect
PRO
0
110
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
9.5k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
333
24k

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