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

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

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

loftkun

May 24, 2019

More Decks by loftkun

See All by loftkun

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

2

3.2k

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

1

2.9k

Demo of write slides and books with VSCode + Markdown

1

780

Write slides and books in VSCode + Markdown

5

2.9k

OpenShift from Easy way to Hard ? Way

1

2.1k

Kubernetes The Hard Way をやってみた

2

590

Operator reading and writing with Operator SDK

1

410

HPA with custom metrics

1

2.5k

Getting Started with Graph Database with Python

1

760

Other Decks in Technology

See All in Technology

Kernel testing frameworks

PRO

0

110

MCPゲートウェイを作って運用してわかったこと — Agent時代の権限管理の現在地

10

3.1k

ファミコンでPHPを動かす / PHP on the Famicom side b

0

140

Google Cloud Next Tokyo 26登壇時のスクリプト

recruitengineers

PRO

0

200

ミイダス株式会社テックチームのご紹介 / MIIDAS Tech Team

0

160

購入ドメインでの課題と取り組み

0

140

ログラスのマルチプロダクトを支える認証基盤〜テナントごとに異なる統制とどう向き合うか〜

3

400

オンラインゲームのシステム全体像 - コロプラ 2026年度新卒研修

0

660

The seven pitfalls of AI (revised version)

0

260

自律型 AI をセキュアに実装！Gemini と MIG で作る動的コード実行環境

recruitengineers

PRO

1

210

私の推しは「聞いてから進む」AIです -AI-DLCに一人でアプリを作らせた話

1

180

20260930_Gemma4_Hands-on

0

230

Featured

See All Featured

Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI

0

250

Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline

PRO

0

450

Raft: Consensus for Rubyists

142

7.7k

Darren the Foodie - Storyboard

PRO

4

4k

Exploring the Power of Turbo Streams & Action Cable | RailsConf2023

37

6.6k

Discover your Explorer Soul

2

1.3k

Into the Great Unknown - MozCon

41

2.8k

The Psychology of Web Performance [Beyond Tellerrand 2023]

49

3.6k

ラッコキーワードサービス紹介資料

1

5.2M

エンジニアに許された特別な時間の終わり

109

250k

Skip the Path - Find Your Career Trail

1

240

Documentation Writing (for coders)

77

5.6k

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