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
Eye Tracking on the Browser
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
Kaneko Takeshi
January 28, 2022
Programming
93
0
Share
Eye Tracking on the Browser
Pizza_JP#49
Kaneko Takeshi
January 28, 2022
More Decks by Kaneko Takeshi
See All by Kaneko Takeshi
オープンソースライセンスについて勉強する定期
tkckaneko
0
38
IEEE754を完全に理解した
tkckaneko
1
83
CSSのトレンドをみんなで見よう -2021年-
tkckaneko
0
99
多分これが一番早いと思います
tkckaneko
0
29
暗黒面の話
tkckaneko
0
30
CSR / SSR / SSG / JAMstack
tkckaneko
0
77
BOLT
tkckaneko
0
38
CSS Logical Properties and Values
tkckaneko
0
49
Visual Effect Graphをさわってみた
tkckaneko
0
38
Other Decks in Programming
See All in Programming
TSKaigi2026-静的解析への投資がAI時代のコード品質を支える ── カスタムESLintルールの設計と運用
hayatokudou
7
1.3k
AIとRubyの静的型付け
ukin0k0
0
520
フロントエンドとバックエンドで「1文字」を揃えよう
youkidearitai
PRO
0
170
Java × distroless で 軽量なコンテナイメージを / Java on Distroless
contour_gara
0
460
正しくソフトウェアを作る、前提を疑うための認知の視点 / doubt-premise
minodriven
17
5.5k
AIエージェントと協働するCLI開発 — BunとOpenClawで学んだこと
yoshikouki
1
230
プラグインで拡張される Context をtype-safe にする難しさと設計判断
kazupon
2
550
CLIであることを活かしたGitHub Copilot CLI活用術 / GitHub Copilot CLI Pro Tips & Tricks
nao_mk2
1
1.2k
These Five Tricks Can Make Your Apps Greener, Cheaper, & Nicer
hollycummins
0
270
JavaDoc 再入門
nagise
0
260
The NotImplementedError Problem in Ruby
koic
0
250
ユニットテストの先へ:テスト技法で要求・仕様を整理するJava開発実践 / Beyond_Unit_Testing_Practical_Java_Development_Techniques_for_Organizing_Requirements_and_Specifications
shimashima35
0
340
Featured
See All Featured
How To Speak Unicorn (iThemes Webinar)
marktimemedia
1
480
Speed Design
sergeychernyshev
33
1.8k
B2B Lead Gen: Tactics, Traps & Triumph
marketingsoph
0
130
Neural Spatial Audio Processing for Sound Field Analysis and Control
skoyamalab
0
310
Between Models and Reality
mayunak
4
320
Game over? The fight for quality and originality in the time of robots
wayneb77
1
190
Typedesign – Prime Four
hannesfritz
42
3.1k
Stewardship and Sustainability of Urban and Community Forests
pwiseman
0
220
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
3
600
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
ryanjones
0
150
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
34
2.8k
We Analyzed 250 Million AI Search Results: Here's What I Found
joshbly
1
1.3k
Transcript
Eye Tracking on the Browser
アイトラッキング 視線の場所(どこを見ているか)を計測する技術です。 アイトラッカーって呼ばれる計測器を使うものもありますが、最 近はWEBカメラだけでできるものがあります。
アイトラッキング 医療・福祉で視線入力に使われたり、観光地の景観や避難 経路の評価など多くの分野で使われてます。 アプリやWEBのユーザビリティの評価にも使われたりしてま す。
アイトラッキング 以前にアプリに組み込むアイトラッキン グのライブラリの精度がよかったので 今回はブラウザ上で使えるライブラリを 探してみました。 おもしろそうなので。 https://seeso.io/
WebGazer.js で、見つけたのがこちら。 WebGazerです。 論文がついていて、どうやって視線を 追跡しているのか書かれています。 ※ 英語なので全部読んでない https://webgazer.cs.brown.edu/
WebGazer.js 特徴点から目と瞳孔の位置と画面の 位置をトレーニングさせるみたい。 簡単なモデルを使ってる。 他と違うのはカーソルの位置と目線を 学習させることで精度を上げていく。 ・・・らしいよ?
WebGazer.js 瞳孔の検出手法とか、精度の評価につ いてとか、似ているアイトラッキング のツールとの比較評価とか、いろいろ 書いてあったけど、読み切れなかった。
WebGazer.jsのデモ
まとめ - アイトラッキングの歴史は長くておもしろい - 久しぶりに読む論文もおもしろい - なにか使う機会があったらおもしろそう