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

May 24, 2019

510

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

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

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

loftkun

May 24, 2019

More Decks by loftkun

See All by loftkun

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

2

3.1k

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

1

2.8k

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

750

Other Decks in Technology

See All in Technology

映像変換サーバーなしで端末内でHLSを生成してライブ配信

0

120

おい、エージェントを使って終わらせろ

0

440

AI に書かせたその API、 “信頼” できますか？

0

110

HRC_Frontend_Conference_Fukuoka_2026.pdf

0

730

aws-iot-platform-architecture-use-cases.pdf

0

200

ADKで始める業務改善 - AIエージェント開発時の考えと設計

2

150

What the customer really needed

PRO

3

190

Deployment の先にある AI Agent 基盤 - kagent vNext、Agent Substrate、Hermes から読み解く Agent Runtime の現在地 / k8s-matsuri-2-ai-agent-platform-amsy810

3

600

え、こんなに早く改修できるの？──新人エンジニアとスクラムマスターの2人が語る、AI×アジャイル開発の現場

0

140

Genieを崇めよ

0

150

株式会社シーエーシー　エンジニア向け会社紹介資料

0

57k

2026-09-18 gotanda.sre Terraformで複数環境作ったり、複数Stateに分割したりそれとTerragrunt / Terraform multi envs and multi states

1

400

Featured

See All Featured

4 Signs Your Business is Dying

187

23k

The Art of Programming - Codeland 2020

57

14k

Faster Mobile Websites

310

32k

Save Time (by Creating Custom Rails Generators)

PRO

32

4.8k

Learning to Love Humans: Emotional Interface Design

275

41k

How to Create Impact in a Changing Tech Landscape [PerfNow 2023]

56

3.5k

Ruling the World: When Life Gets Gamed

0

330

Creating an realtime collaboration tool: Agile Flush - .NET Oxford

35

2.6k

Code Reviewing Like a Champion

528

40k

PRO

31

6.3k

A designer walks into a library…

pauljervisheath

211

25k

Building a Modern Day  E-commerce SEO Strategy

45

9.2k

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