Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
AbemaTVのコメントビューアを作る話
Search
loftkun
May 24, 2019
Technology
1
390
AbemaTVのコメントビューアを作る話
俺の話を聞け!!LT大会 #14
https://cdg.connpass.com/event/129574/
loftkun
May 24, 2019
Tweet
Share
More Decks by loftkun
See All by loftkun
OpenShiftのリリースノートを整理してみた
loftkun
2
2.5k
OpenShiftのサポートを始めるぞ!高頻度で更新されるOSSを効果的にキャッチアップする仕組みを考えました!
loftkun
1
2.4k
Demo of write slides and books with VSCode + Markdown
loftkun
1
700
Write slides and books in VSCode + Markdown
loftkun
5
2.4k
OpenShift from Easy way to Hard ? Way
loftkun
1
1.7k
Kubernetes The Hard Way をやってみた
loftkun
2
530
Operator reading and writing with Operator SDK
loftkun
1
330
HPA with custom metrics
loftkun
1
2.1k
Getting Started with Graph Database with Python
loftkun
1
660
Other Decks in Technology
See All in Technology
公開初日に Gemini CLI を試した話や FFmpeg と組み合わせてみた話など / Gemini CLI 初学者勉強会(#AI道場)
you
PRO
0
1.3k
マルチプロダクト環境におけるSREの役割 / SRE NEXT 2025 lunch session
sugamasao
1
730
サービスを止めるな! DDoS攻撃へのスマートな備えと最前線の事例
coconala_engineer
1
180
PHPからはじめるコンピュータアーキテクチャ / From Scripts to Silicon: A Journey Through the Layers of Computing
tomzoh
2
130
組織内、組織間の資産保護に必要なアイデンティティ基盤と関連技術の最新動向
fujie
0
280
Amazon SNSサブスクリプションの誤解除を防ぐ
y_sakata
3
190
Deep Security Conference 2025:生成AI時代のセキュリティ監視 /dsc2025-genai-secmon
mizutani
4
2.9k
Autify Company Deck
autifyhq
2
44k
データ駆動経営の道しるべ:プロダクト開発指標の戦略的活用法
ham0215
1
100
Four Keysから始める信頼性の改善 - SRE NEXT 2025
ozakikota
0
420
cdk initで生成されるあのファイル達は何なのか/cdk-init-generated-files
tomoki10
1
670
VS CodeとGitHub Copilotで爆速開発!アップデートの波に乗るおさらい会 / Rapid Development with VS Code and GitHub Copilot: Catch the Latest Wave
yamachu
3
460
Featured
See All Featured
GitHub's CSS Performance
jonrohan
1031
460k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Six Lessons from altMBA
skipperchong
28
3.9k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
50
5.5k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.9k
The Invisible Side of Design
smashingmag
301
51k
Visualization
eitanlees
146
16k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
Documentation Writing (for coders)
carmenintech
72
4.9k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
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