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
280
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
2k
OpenShiftのサポートを始めるぞ!高頻度で更新されるOSSを効果的にキャッチアップする仕組みを考えました!
loftkun
1
1.9k
Demo of write slides and books with VSCode + Markdown
loftkun
1
620
Write slides and books in VSCode + Markdown
loftkun
4
1.9k
OpenShift from Easy way to Hard ? Way
loftkun
1
1.4k
Kubernetes The Hard Way をやってみた
loftkun
2
480
Operator reading and writing with Operator SDK
loftkun
1
200
HPA with custom metrics
loftkun
1
1.7k
Getting Started with Graph Database with Python
loftkun
1
540
Other Decks in Technology
See All in Technology
サービスの持続的な成長と技術負債について
siva_official
PRO
10
4.4k
AWS IAMのアンチパターン/AWSが考える最低権限実現へのアプローチ概略(JAWS-UG朝会#59資料改修20分版)
htan
0
330
ソフトウェアエンジニアリングの知見を活かして データ基盤をいい感じにする on Snowflake [MIERUNE BBQ #10]
mtpooh
2
150
プレイドにおけるDatadog APMの活用方法
plaidtech
PRO
2
120
[2024最新版]AWS Control Towerを使ったセキュアなマルチアカウント環境の作り方
hiashisan
0
270
E2Eテスト自動化プラットフォームにおけるAIの活用
shift_evolve
0
180
簡単に始めるSnowflakeの機械学習
nayuts
1
190
テスト・設計研修【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
170
Scaling Technical Excellence at 104: Evolution in AWS and Developer Empowerment
scotthsieh825
1
150
Docker互換のセキュアなコンテナ実行環境「Podman」超入門
devops_vtj
6
3.2k
AWSで”最小権限の原則”を実現するための考え方 /20240722-ssmjp-aws-least-privilege
opelab
10
4.3k
Matterport を使ってクラスメソッド各拠点のバーチャルオフィスツアーを作成してみた
wakatsuki
0
160
Featured
See All Featured
5 minutes of I Can Smell Your CMS
philhawksworth
200
19k
Designing Experiences People Love
moore
136
23k
What's new in Ruby 2.0
geeforr
338
31k
Code Review Best Practice
trishagee
58
16k
Building a Scalable Design System with Sketch
lauravandoore
458
32k
Fantastic passwords and where to find them - at NoRuKo
philnash
42
2.7k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3.3k
How STYLIGHT went responsive
nonsquared
93
5k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
90
47k
Rails Girls Zürich Keynote
gr2m
93
13k
Reflections from 52 weeks, 52 projects
jeffersonlam
346
19k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
23
1.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