Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

AbemaTVのコメントビューアを作る話

Avatar for loftkun loftkun
May 24, 2019
Technology
530
1

 AbemaTVのコメントビューアを作る話

俺の話を聞け！！LT大会 #14

https://cdg.connpass.com/event/129574/

Avatar for loftkun

loftkun

May 24, 2019

More Decks by loftkun

See All by loftkun
OpenShiftのリリースノートを整理してみた
Avatar for loftkun loftkun
2
3.2k
OpenShiftのサポートを始めるぞ！高頻度で更新されるOSSを効果的にキャッチアップする仕組みを考えました！
Avatar for loftkun loftkun
1
2.9k
Demo of write slides and books with VSCode + Markdown
Avatar for loftkun loftkun
1
790
Write slides and books in VSCode + Markdown
Avatar for loftkun loftkun
5
2.9k
OpenShift from Easy way to Hard ? Way
Avatar for loftkun loftkun
1
2.2k
Kubernetes The Hard Way をやってみた
Avatar for loftkun loftkun
2
590
Operator reading and writing with Operator SDK
Avatar for loftkun loftkun
1
420
HPA with custom metrics
Avatar for loftkun loftkun
1
2.5k
Getting Started with Graph Database with Python
Avatar for loftkun loftkun
1
760

Other Decks in Technology

See All in Technology
Deep Data Security 機能解説
Avatar for oracle4engineer oracle4engineer
PRO
3
970
Claude for Google Workspaces ポン出し/claude-for-google-workspace-slide-conversion
Avatar for emi emiki
0
13k
Snowflake でできることが増えたら、 ABAC が必要になった
Avatar for Tatsuya Hanyu kaeton
0
120
Technical Project Manager の役割とやりがい、少しだけ AI
Avatar for Ryo Yoshii yoshiiryo1
0
380
バイブコーディングの特徴と「コケて直す」ループ
Avatar for コロッケそば happysamurai294
0
130
Agent × Maestro で始める モバイル E2E　端末準備からテスト実行・結果確認まで
Avatar for SansanTech sansantech
PRO
0
240
Jev の中身は50行で再現できる。でも本物との差はどこにあるのか
Avatar for hisuzuya hisuzuya
0
220
Flutter Webを「SDK」として配る — 50以上のゲームを支える埋め込みアーキテクチャ
Avatar for Masayuki Suda masayukisuda
0
160
基本から分かる！AWSセキュリティ運用の考え方と任せ方
Avatar for cm-usuda-keisuke cmusudakeisuke
1
260
Microsoft のサポート ライフサイクルを理解する
Avatar for Murachi Akira murachiakira
PRO
0
240
これだけは抑えておきたい！後悔しない re:Invent の過ごし方 / AWS re:Invent 2026 prestudy
Avatar for Masanori Yamaguchi kinunori
2
590
新米を「売り越さない」、Aurora DSQLで作る在庫ゼロ死守の限定ドロップEC
Avatar for Yuuki Yamashita yama3133
0
110

Featured

See All Featured
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
7.2k
Digital Ethics as a Driver of Design Innovation
Avatar for Per Axbom axbom
PRO
1
470
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.7k
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
500
The SEO Collaboration Effect
Avatar for Kristina Bergwall kristinabergwall1
1
610
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
143
7.8k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
331
25k
Public Speaking Without Barfing On Your Shoes - THAT 2023
Avatar for David Neal reverentgeek
1
650
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
230
23k
Evolving SEO for Evolving Search Engines
Avatar for Ryan Jones ryanjones
0
340
Information Architects: The Missing Link in Design Systems
Avatar for Michelle Chin soysaucechin
1
1.2k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
52k

Transcript

  1. AbemaTVのコメントビューアを作る話 2019/05/24 俺の話を聞け！！LT大会 #14 @loftkun

  2. @loftkun • 将棋 • ピアノ speakerdeck.com/loftkun

  3. None

  4. Agenda API analysis Visualization 4 patterns Chrome DevTools GUI CUI

    TUI

  5. API analysis

  6. 1 Browser

  7. 1 DevTools Browser

  8. 2 Browser or Other Application

  9. •packet capture 2 Browser or Other Application

  10. 3 WiFi access point

  11. 3 WiFi access point •packet capture

  12. 4 Emu e.g.

  13. 4 •packet capture Emu e.g.

  14. None
  15. None
  16. None
  17. None
  18. None
  19. None
  20. None
  21. None
  22. None
  23. None

  24. Visualization

  25. TUI （ Text User Interface ）

  26. Design info comments post wrote in Go TUI library :

    nsf/termbox-go

  27. GUI : コメントスクローラー

  28. Design Web Browser Transparent Window Enable Mouse Pointer Operation Comments

    flow like niconico API GET comment wrote in C#, .NET Framework. ( for Windows only )

  29. まとめ • API analysis • 4パターン事例紹介 • WebアプリならChrome Dev Toolsが優秀

    • スマホアプリなら実機もしくはEmuの通信をPCで見れるぞ • 他にもあると思うので良い手法があれば教えてください • Visualization • CUIツールはTUI化するとインタラクティブな機能を持たせられるぞ • GUIは透明ウィンドウを使用したコメントビューアの事例を紹介したぞ

  30. Thank you for listening ! @ITEventFukuoka