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

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

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

loftkun

May 24, 2019

More Decks by loftkun

See All by loftkun

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

2

3k

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

2.1k

Kubernetes The Hard Way をやってみた

2

580

Operator reading and writing with Operator SDK

1

390

HPA with custom metrics

1

2.5k

Getting Started with Graph Database with Python

1

730

Other Decks in Technology

See All in Technology

クラウドファンディング版StackChan 3体（4体）をインタラクティブな体験型作品にして展示もした話 / ｽﾀｯｸﾁｬﾝお誕生日会2026

PRO

0

180

コミットの「なぜ」を読む

0

120

技術・能力を向上する原理原則 #きのこセッションa #きのこ2026

0

120

2026-06-24_人とAIの責務分離に基づく開発プロセスの提案.pdf

0

120

本当の”仕事”を手放せる未来が見えた

0

130

WebGIS AI Agentの紹介

0

560

「軸足」は固定しなくていい - 熱量と強みで描く、しなやかなキャリアの形

PRO

1

270

新しいUbuntu/GNOMEが使いたいからXからWaylandへ移行頑張ってるの巻 2026-06-20

0

160

Claude Codeをどのようにキャッチアップしているか

13

8.8k

入門！AWS Blocks

1

190

自宅LLMの話

1

720

AI時代のコスト管理を考えよう〜明日から使える実践AWSノウハウ～

0

860

Featured

See All Featured

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

PRO

0

200

Let's Do A Bunch of Simple Stuff to Make Websites Faster

508

140k

The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)

PRO

0

370

Everyday Curiosity

0

240

We Analyzed 250 Million AI Search Results: Here's What I Found

1

1.4k

Code Reviewing Like a Champion

528

40k

Bash Introduction

615

220k

How to Ace a Technical Interview

281

24k

Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure

49

10k

A Modern Web Designer's Workflow

698

190k

Fashionably flexible responsive web design (full day workshop)

408

66k

Java REST API Framework Comparison - PWX 2021

34

9.4k

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