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

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

loftkun
May 24, 2019
Technology
1
350

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

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

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

loftkun

May 24, 2019
Tweet

More Decks by loftkun

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

Other Decks in Technology

See All in Technology
Road to SRE NEXT＠仙台 IVRyの組織の形とSLO運用の現状
abnoumaru
0
390
スケールアップ企業のQA組織のバリューを最大限に引き出すための取り組み
tarappo
4
930
年末調整プロダクトの内部品質改善活動について
kaomi_wombat
0
210
OPENLOGI Company Profile for engineer
hr01
1
22k
大規模アジャイル開発のリアル！コミュニケーション×進捗管理×高品質
findy_eventslides
0
520
移行できそうでやりきれなかった 10年超えのシステムを葬るための戦略 / phper-kaigi-2025-ryu
carta_engineering
0
690
SpannerとAurora DSQLの同時実行制御の違いに想いを馳せる
masakikato5
0
570
Javaの新しめの機能を知ったかぶれるようになる話 #kanjava
irof
3
4.9k
ひまプロプレゼンツ　「エンジニア格付けチェック　〜春の公開収録スペシャル〜」
kaaaichi
0
130
OPENLOGI Company Profile
hr01
0
61k
React Server Componentは 何を解決し何を解決しないのか / What do React Server Components solve, and what do they not solve?
kaminashi
6
1.2k
LINE API Deep Dive Q1 2025: Unlocking New Possibilities
linedevth
1
160

Featured

See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
30
2.3k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.8k
Building Adaptive Systems
keathley
41
2.5k
Bash Introduction
62gerente
611
210k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
16
1.1k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
135
33k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
7
620
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.5k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
Optimizing for Happiness
mojombo
377
70k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k

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