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

May 24, 2019

410

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

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

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

loftkun

May 24, 2019

Tweet

More Decks by loftkun

See All by loftkun

OpenShiftのリリースノートを整理してみた

2

2.7k

OpenShiftのサポートを始めるぞ！高頻度で更新されるOSSを効果的にキャッチアップする仕組みを考えました！

1

2.4k

Demo of write slides and books with VSCode + Markdown

1

710

Write slides and books in VSCode + Markdown

5

2.5k

OpenShift from Easy way to Hard ? Way

1

1.8k

Kubernetes The Hard Way をやってみた

2

540

Operator reading and writing with Operator SDK

1

340

HPA with custom metrics

1

2.2k

Getting Started with Graph Database with Python

1

670

Other Decks in Technology

See All in Technology

abema-trace-sampling-observability-cost-optimization

0

220

ゼロコード計装導入後のカスタム計装でさらに可観測性を高めよう

PRO

1

500

OSSで50の競合と戦うためにやったこと

3

1k

ViteとTypeScriptのProject Referencesで大規模モノレポのUIカタログのリリースサイクルを高速化する

3

220

ソースを読む時の思考プロセスの例-MkDocs

PRO

1

300

だいたい分かった気になる『SREの知識地図』 / introduction-to-sre-knowledge-map-book

PRO

3

1.5k

【SORACOM UG Explorer 2025】さらなる10年へ～ SORACOM MVC 発表

PRO

0

160

入院医療費算定業務をAIで支援する：包括医療費支払い制度とDPCコーディング (公開版)

0

110

オブザーバビリティと育てた ID管理・認証認可基盤の歩み / The Journey of an ID Management, Authentication, and Authorization Platform Nurtured with Observability

1

1k

AIの個性を理解し、指揮する

1

230

東京大学「Agile-X」のFPGA AIデザインハッカソンを制したソニーのAI最適化

0

140

AI機能プロジェクト炎上の 3つのしくじりと学び

0

130

Featured

See All Featured

4 Signs Your Business is Dying

185

22k

Embracing the Ebb and Flow

88

4.9k

Put a Button on it: Removing Barriers to Going Fast.

60

4k

Faster Mobile Websites

310

31k

Practical Orchestrator

190

11k

Being A Developer After 40

91

590k

10 Git Anti Patterns You Should be Aware of

PRO

658

61k

A designer walks into a library…

pauljervisheath

209

24k

Code Review Best Practice

72

19k

Fashionably flexible responsive web design (full day workshop)

407

66k

Fantastic passwords and where to find them - at NoRuKo

52

3.5k

Why Our Code Smells

PRO

340

57k

Transcript

AbemaTVのコメントビューアを作る話 2019/05/24 俺の話を聞け！！LT大会 #14 @loftkun
@loftkun • 将棋 • ピアノ speakerdeck.com/loftkun
None
Agenda API analysis Visualization 4 patterns Chrome DevTools GUI CUI
TUI
API analysis
1 Browser
1 DevTools Browser
2 Browser or Other Application
•packet capture 2 Browser or Other Application
3 WiFi access point
3 WiFi access point •packet capture
4 Emu e.g.
4 •packet capture Emu e.g.
None
None
None
None
None
None
None
None
None
None
Visualization
TUI （ Text User Interface ）
Design info comments post wrote in Go TUI library :
nsf/termbox-go
GUI : コメントスクローラー
Design Web Browser Transparent Window Enable Mouse Pointer Operation Comments
flow like niconico API GET comment wrote in C#, .NET Framework. ( for Windows only )
まとめ • API analysis • 4パターン事例紹介 • WebアプリならChrome Dev Toolsが優秀
• スマホアプリなら実機もしくはEmuの通信をPCで見れるぞ • 他にもあると思うので良い手法があれば教えてください • Visualization • CUIツールはTUI化するとインタラクティブな機能を持たせられるぞ • GUIは透明ウィンドウを使用したコメントビューアの事例を紹介したぞ
Thank you for listening ! @ITEventFukuoka