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

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

loftkun
May 24, 2019
Technology
1
360

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

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

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

loftkun

May 24, 2019
Tweet

More Decks by loftkun

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

Other Decks in Technology

See All in Technology
AIコーディングの最前線 〜活用のコツと課題〜
pharma_x_tech
3
1.1k
低レイヤを知りたいPHPerのためのCコンパイラ作成入門 / Building a C Compiler for PHPers Who Want to Dive into Low-Level Programming
tomzoh
1
230
AWSLambdaMCPServerを使ってツールとMCPサーバを分離する
tkikuchi
1
3k
開発視点でAWS Signerを考えてみよう！！ ～コード署名のその先へ～
masakiokuda
3
160
AIで進化するソフトウェアテスト：mablの最新生成AI機能でQAを加速！
mfunaki
0
140
SmartHR プロダクトエンジニア求人ガイド_2025 / PdE job guide 2025
smarthr
0
110
ElixirがHW化され、最新CPU／GPU／NWを過去のものとする数万倍、高速＋超省電力化されたWeb／動画配信／AIが動く日
piacerex
0
140
プロダクト開発におけるAI時代の開発生産性
shnjtk
2
240
【2025年度新卒技術研修】100分で学ぶ サイバーエージェントのデータベース 活用事例とMySQLパフォーマンス調査
cyberagentdevelopers
PRO
5
7.3k
JPOUG Tech Talk #12 UNDO Tablespace Reintroduction
nori_shinoda
2
140
システムとの会話から生まれる先手のDevOps
kakehashi
PRO
0
280
20250413_湘南kaggler会_音声認識で使うのってメルス・・・なんだっけ？
sugupoko
1
480

Featured

See All Featured
Automating Front-end Workflow
addyosmani
1369
200k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
178
53k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
34
2.2k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
660
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
52
2.4k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.1k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.4k
StorybookのUI Testing Handbookを読んだ
zakiyama
29
5.6k
Gamification - CAS2011
davidbonilla
81
5.2k
How to Think Like a Performance Engineer
csswizardry
23
1.5k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
30k
Why Our Code Smells
bkeepers
PRO
336
57k

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