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
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
loftkun
May 24, 2019
Technology
1
460
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.9k
OpenShiftのサポートを始めるぞ!高頻度で更新されるOSSを効果的にキャッチアップする仕組みを考えました!
loftkun
1
2.6k
Demo of write slides and books with VSCode + Markdown
loftkun
1
750
Write slides and books in VSCode + Markdown
loftkun
5
2.7k
OpenShift from Easy way to Hard ? Way
loftkun
1
2k
Kubernetes The Hard Way をやってみた
loftkun
2
560
Operator reading and writing with Operator SDK
loftkun
1
370
HPA with custom metrics
loftkun
1
2.4k
Getting Started with Graph Database with Python
loftkun
1
700
Other Decks in Technology
See All in Technology
WebアクセシビリティをCI/CDで担保する ― axe DevTools × Playwright C#実践ガイド
tomokusaba
2
180
Agent ServerはWeb Serverではない。ADKで考えるAgentOps
akiratameto
0
120
コンテキスト・ハーネスエンジニアリングの現在
hirosatogamo
PRO
4
500
NewSQL_ ストレージ分離と分散合意を用いたスケーラブルアーキテクチャ
hacomono
PRO
4
400
Zero Data Loss Autonomous Recovery Service サービス概要
oracle4engineer
PRO
2
13k
Claude Code Skills 勉強会 (DevelersIO向けに調整済み) / claude code skills for devio
masahirokawahara
1
22k
最強のAIエージェントを諦めたら品質が上がった話 / how quality improved after giving up on the strongest AI agent
kt2mikan
0
200
Google系サービスで文字起こしから勝手にカレンダーを埋めるエージェントを作った話
risatube
0
190
組織全体で実現する標準監視設計
yuobayashi
3
500
AIエージェント、 社内展開の前に知っておきたいこと
oracle4engineer
PRO
2
160
TypeScript 7.0の現在地と備え方
uhyo
7
1.8k
形式手法特論:SMT ソルバで解く認可ポリシの静的解析 #kernelvm / Kernel VM Study Tsukuba No3
ytaka23
1
570
Featured
See All Featured
Why You Should Never Use an ORM
jnunemaker
PRO
61
9.8k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
38
2.8k
Reflections from 52 weeks, 52 projects
jeffersonlam
356
21k
How GitHub (no longer) Works
holman
316
150k
The Impact of AI in SEO - AI Overviews June 2024 Edition
aleyda
5
770
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
133
19k
Rails Girls Zürich Keynote
gr2m
96
14k
We Analyzed 250 Million AI Search Results: Here's What I Found
joshbly
1
980
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
aleyda
1
1.2k
How to Ace a Technical Interview
jacobian
281
24k
The untapped power of vector embeddings
frankvandijk
2
1.6k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
67
37k
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