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.5k

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

550

Operator reading and writing with Operator SDK

1

350

HPA with custom metrics

1

2.2k

Getting Started with Graph Database with Python

1

670

Other Decks in Technology

See All in Technology

大規模プロダクトで実践するAI活用の仕組みづくり

4

1.3k

技術広報のOKRで生み出す開発組織への価値〜カンファレンス協賛を通して育む学びの文化〜 / Creating Value for Development Organisations Through Technical Communications OKRs — Nurturing a Culture of Learning Through Conference Sponsorship —

5

370

AIと共に開発する時代の組織、プロセス設計 freeeでの実践から見えてきたこと

4

730

それでは聞いてください「Impeller導入に失敗しました」 #FlutterKaigi #skia

PRO

0

130

第65回コンピュータビジョン勉強会

0

150

Moto: Latent Motion Token as the Bridging Language for Learning Robot Manipulation from Videos

0

150

身近なCSVを活用する！AWSのデータ分析基盤アーキテクチャ

0

1.5k

今、MySQLのバックアップを作り直すとしたら何がどう良いのかを考える旅

2

400

【M3】攻めのセキュリティの実践！プロアクティブなセキュリティ対策の実践事例

0

170

[CV勉強会@関東 ICCV2025] WoTE: End-to-End Driving with Online Trajectory Evaluation via BEV World Model

0

270

ある編集者のこれまでとこれから —— 開発者コミュニティと歩んだ四半世紀

5

3.3k

What's the recommended Flutter architecture

3

1.9k

Featured

See All Featured

Fantastic passwords and where to find them - at NoRuKo

52

3.5k

Bash Introduction

615

210k

Site-Speed That Sticks

13

960

89

9.9k

How Fast Is Fast Enough? [PerfNow 2025]

3

320

Learning to Love Humans: Emotional Interface Design

274

41k

Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]

10

670

Building a Scalable Design System with Sketch

463

33k

The Power of CSS Pseudo Elements

80

6.1k

Unsuck your backbone

671

58k

A designer walks into a library…

pauljervisheath

210

24k

A Tale of Four Properties

162

23k

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