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
250
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
1.7k
OpenShiftのサポートを始めるぞ!高頻度で更新されるOSSを効果的にキャッチアップする仕組みを考えました!
loftkun
1
1.6k
Demo of write slides and books with VSCode + Markdown
loftkun
1
590
Write slides and books in VSCode + Markdown
loftkun
4
1.7k
OpenShift from Easy way to Hard ? Way
loftkun
1
1.4k
Kubernetes The Hard Way をやってみた
loftkun
2
460
Operator reading and writing with Operator SDK
loftkun
1
170
HPA with custom metrics
loftkun
1
1.5k
Getting Started with Graph Database with Python
loftkun
1
480
Other Decks in Technology
See All in Technology
家族アルバム みてねで直面してきた技術的負債 / MIXI KAG 2024
isaoshimizu
17
7.7k
暗黙知を集積するプラットフォーム : 「健常者エミュレータ事例集」の取り組み
sora32127
1
160
Azureコストは水道代/The_47th_Tokyo_Jazug
aeonpeople
3
350
TCA入門したてなので、自分が馴染みのある実装と比較しながらキャッチアップしてみる
fumiyasac0921
1
370
複数の LLM モデルを扱う上で直面した辛みまとめ
kazuyaseki
1
210
サービス成長と共に肥大化するモノレポ、長くなるCI時間 / As services grow, monorepos get bigger and CI time gets longer
kohbis
5
2k
BDD(Cucumber)コミュニティが無料提供しているコンテンツの紹介と現在起きている危機
nihonbuson
4
720
AMLD 2024 - Build Your Own GPT
donlelef
1
260
大規模なアジャイル開発の現場と技術負債 / Technical Debt
yoshiitaka
20
3.9k
実務への応用例から考える 変更に強いオブジェクト指向設計 / 20240324-ooc2024
bengo4com
7
4.5k
技育祭2024春 LT Finatextホールディングス
kevinrobot34
1
160
エバンジェリスト活動を7年やってきて見えてきた、コミュニティとエバンジェリストの関係
soracom
PRO
1
190
Featured
See All Featured
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
153
14k
Web Components: a chance to create the future
zenorocha
304
41k
Why You Should Never Use an ORM
jnunemaker
PRO
50
8.6k
Stop Working from a Prison Cell
hatefulcrawdad
265
19k
Keith and Marios Guide to Fast Websites
keithpitt
407
22k
The Power of CSS Pseudo Elements
geoffreycrofte
58
4.9k
WebSockets: Embracing the real-time Web
robhawkes
59
6.9k
Fashionably flexible responsive web design (full day workshop)
malarkey
397
65k
How to name files
jennybc
62
92k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
272
12k
Rebuilding a faster, lazier Slack
samanthasiow
72
8.2k
Robots, Beer and Maslow
schacon
PRO
154
7.9k
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