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
370
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.3k
Demo of write slides and books with VSCode + Markdown
loftkun
1
690
Write slides and books in VSCode + Markdown
loftkun
5
2.3k
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
320
HPA with custom metrics
loftkun
1
2k
Getting Started with Graph Database with Python
loftkun
1
650
Other Decks in Technology
See All in Technology
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
24k
人とAIとの共創を夢見た2か月 #共創AIミートアップ / Co-Creation with Keito-chan
kondoyuko
1
670
技術書典18結果報告
mutsumix
2
180
Contract One Dev Group 紹介資料
sansan33
PRO
0
6k
“⾞が通れるほど⼤きな”セキュリティーホールを抑えながらログインしたい
taiseiue
0
140
エンジニア幼年期の終わり
rebase_engineering
1
100
名刺メーカーDevグループ 紹介資料
sansan33
PRO
0
740
OSMnx Galleryの紹介
mopinfish
0
150
Scale Security Programs with Scorecarding
ramimac
0
420
やさしいClaude Code入門
minorun365
PRO
23
18k
OTel meets Wasm: プラグイン機構としてのWebAssemblyから見る次世代のObservability
lycorptech_jp
PRO
1
290
他チームへ越境したら、生データ提供ソリューションのクエリ費用95%削減へ繋がった話 / Cross-Team Impact: 95% Off Raw Data Query Costs
yamamotoyuta
0
200
Featured
See All Featured
Documentation Writing (for coders)
carmenintech
71
4.8k
Fireside Chat
paigeccino
37
3.5k
Scaling GitHub
holman
459
140k
Product Roadmaps are Hard
iamctodd
PRO
53
11k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Making Projects Easy
brettharned
116
6.2k
Six Lessons from altMBA
skipperchong
28
3.8k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
The Cost Of JavaScript in 2023
addyosmani
49
8k
Stop Working from a Prison Cell
hatefulcrawdad
269
20k
Testing 201, or: Great Expectations
jmmastey
42
7.5k
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