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

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

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

loftkun

May 24, 2019

More Decks by loftkun

See All by loftkun

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

2

2.9k

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

1

2.7k

Demo of write slides and books with VSCode + Markdown

1

770

Write slides and books in VSCode + Markdown

5

2.8k

OpenShift from Easy way to Hard ? Way

1

2k

Kubernetes The Hard Way をやってみた

2

570

Operator reading and writing with Operator SDK

1

390

HPA with custom metrics

1

2.4k

Getting Started with Graph Database with Python

1

730

Other Decks in Technology

See All in Technology

Cloud Run のアップデート触ってみる＆紹介

0

300

Claude Codeを組織で使いこなす— サーバサイドAIエージェント運用の実践知

PRO

0

180

探して_入れて_作って_使う_Agent_Skills___LT.pdf

2

150

サプライチェーンセキュリティの空白地帯 - 信頼できる”依存性”の未来を考える

PRO

2

640

Agentic ERPをどう設計するかー受発注エージェントを動かす、現場の知見と設計思想ー

1

680

Sony_KMP_Journey_KotlinConf2026

2

200

Java正規表現エンジン（NFA）の仕組みとパフォーマンスを維持するための最適化手法

takeuchi_132917

0

180

個人最適から全体最適へ　AI情報共有会・AIギルド・AI-DLC で進めるカンリーの組織展開

0

660

個人の発見を、組織の知恵に〜生成AI活用を"探索"から"組織の仕組み"へ〜

2

610

AI活用を推進するためにファインディが下した、一つの小さな決断

0

190

『家族アルバムみてね』におけるインシデント対応との向き合い方 / Approach incident response in Family Album

2

290

AI時代の私の技術インプットとアウトプット術

tonkotsuboy_com

16

8.2k

Featured

See All Featured

Accessibility Awareness

1

130

455

43k

HTML-Aware ERB: The Path to Reactive Rendering @ RubyCon 2026, Rimini, Italy

1

140

Ethics towards AI in product and experience design

2

300

Distributed Sagas: A Protocol for Coordinating Microservices

333

22k

GraphQLの誤解/rethinking-graphql

75

12k

Evolution of real-time – Irina Nazarova, EuRuKo, 2024

9

1.4k

Faster Mobile Websites

310

31k

A better future with KSS

240

18k

Writing Fast Ruby

630

63k

Tips & Tricks on How to Get Your First Job In Tech

1

530

Agile Leadership in an Agile Organization

PRO

0

160

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