Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for loftkun loftkun
May 24, 2019
Technology
490
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
3k
OpenShiftのサポートを始めるぞ！高頻度で更新されるOSSを効果的にキャッチアップする仕組みを考えました！
Avatar for loftkun loftkun
1
2.7k
Demo of write slides and books with VSCode + Markdown
Avatar for loftkun loftkun
1
770
Write slides and books in VSCode + Markdown
Avatar for loftkun loftkun
5
2.8k
OpenShift from Easy way to Hard ? Way
Avatar for loftkun loftkun
1
2.1k
Kubernetes The Hard Way をやってみた
Avatar for loftkun loftkun
2
580
Operator reading and writing with Operator SDK
Avatar for loftkun loftkun
1
390
HPA with custom metrics
Avatar for loftkun loftkun
1
2.5k
Getting Started with Graph Database with Python
Avatar for loftkun loftkun
1
730

Other Decks in Technology

See All in Technology
「ビジネスがわかるエンジニア」とは何か？
Avatar for ryooob ryooob
0
310
AIチャットの改善から見えた、良いAI体験とは / What Constitutes a Good AI Experience: Insights from Improving AI Chat
Avatar for Masatoshi Kubode kubode
0
120
Deep Data Security 機能解説
Avatar for oracle4engineer oracle4engineer
PRO
2
120
AWS Security Hub CSPMの成功・失敗体験
Avatar for cm-usuda-keisuke cmusudakeisuke
0
550
自宅LLMの話
Avatar for Kazuto Kusama jacopen
1
720
ロボティクスの技術 / Robotics Technology
Avatar for Kenji Saito ks91
PRO
0
130
AIはどのように 組織のアジリティを変えるのか？
Avatar for J.K junki
4
1.4k
MUSUBI 田中裕一『AIと共に行う「しごとのリデザイン」- スモールバックオフィス編』AI Ops Lab #4
Avatar for MUSUBI musubi
0
310
AI 不只幫你寫 Code： 當專案從 300 暴增到 1500， 我們如何撐住 DevOps
Avatar for Bo-Yi Wu appleboy
0
230
2026年6月23日 Syncable Tech + Start Python Club にて
Avatar for Kimikazu Kato hamukazu
0
150
GitHub Copilot 最新アップデート – 「一歩先」の実践活用術
Avatar for zhang.william moulongzhang
5
1.7k
LayerX コーポレートエンジニアリング室におけるサプライチェーンセキュリティへの取り組み / Supply Chain Security at LayerX Corporate Engineering
Avatar for Yuya Takeyama yuyatakeyama
3
840

Featured

See All Featured
Google's AI Overviews - The New Search
Avatar for Barry Adams badams
0
1k
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
350
The SEO Collaboration Effect
Avatar for Kristina Bergwall kristinabergwall1
1
490
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
58k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.5k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1.2k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.4k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
55
12k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
378
71k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
38
2.9k
The Curious Case for Waylosing
Avatar for Cassini Nazir cassininazir
1
400

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