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

なぜThrottleではなくDebounceだったのか？ 700並列リクエストと戦うサーバーサイド実装のすべて

13

4.6k

AIと自動化がもたらす業務効率化の実例：反社チェック等の調査・業務プロセス自動化

0

620

“それなりに”安全なWebアプリケーションの作り方

0

380

Quarkusで作るInteractive Stream Application

0

150

LINEヤフーバックエンド組織・体制の紹介

PRO

0

770

『HOWはWHY WHATで判断せよ』〜『ドメイン駆動設計をはじめよう』の読了報告と、本質への探求〜

PRO

5

2k

Spring Boot利用を前提としたJavaライブラリ開発方法の提案

PRO

2

230

Rubyist入門: The Way to The Timeless Way of Programming

PRO

7

510

プログラミング言語を書く前に日本語を書く── AI 時代に求められる「言葉で考える」力/登壇資料（井田献一朗）

PRO

0

170

Post-AIコーディング時代のエンジニア生存戦略

0

290

「データ無い！腹立つ！推論する！」から「データ無い！腹立つ！データを作る」へチームでデータを作り、育てられるようにするまで / How can we create, use, and maintain data ourselves?

8

4.4k

AIでテストプロセスを自動化しよう251113.pdf

0

160

Featured

See All Featured

10 Git Anti Patterns You Should be Aware of

PRO

658

61k

41

3.7k

VelocityConf: Rendering Performance Case Studies

333

24k

Designing for Performance

610

69k

4 Signs Your Business is Dying

186

22k

Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End

253

22k

PRO

29

5.6k

Building an army of robots

306

46k

30

1.3k

Typedesign – Prime Four

42

2.9k

463

140k

GitHub's CSS Performance

1032

470k

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