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
Kaneko Takeshi
January 28, 2022
Programming
0
88
Eye Tracking on the Browser
Pizza_JP#49
Kaneko Takeshi
January 28, 2022
Tweet
Share
More Decks by Kaneko Takeshi
See All by Kaneko Takeshi
オープンソースライセンスについて勉強する定期
tkckaneko
0
31
IEEE754を完全に理解した
tkckaneko
1
76
CSSのトレンドをみんなで見よう -2021年-
tkckaneko
0
93
多分これが一番早いと思います
tkckaneko
0
27
暗黒面の話
tkckaneko
0
26
CSR / SSR / SSG / JAMstack
tkckaneko
0
73
BOLT
tkckaneko
0
31
CSS Logical Properties and Values
tkckaneko
0
36
Visual Effect Graphをさわってみた
tkckaneko
0
35
Other Decks in Programming
See All in Programming
責任感のあるCloudWatchアラームを設計しよう
akihisaikeda
3
180
CSC307 Lecture 06
javiergs
PRO
0
690
Lambda のコードストレージ容量に気をつけましょう
tattwan718
0
130
CSC307 Lecture 05
javiergs
PRO
0
500
LLM Observabilityによる 対話型音声AIアプリケーションの安定運用
gekko0114
2
430
[KNOTS 2026登壇資料]AIで拡張‧交差する プロダクト開発のプロセス および携わるメンバーの役割
hisatake
0
280
Architectural Extensions
denyspoltorak
0
290
AI巻き込み型コードレビューのススメ
nealle
2
300
dchart: charts from deck markup
ajstarks
3
990
なるべく楽してバックエンドに型をつけたい!(楽とは言ってない)
hibiki_cube
0
140
Fluid Templating in TYPO3 14
s2b
0
130
AIエージェントのキホンから学ぶ「エージェンティックコーディング」実践入門
masahiro_nishimi
5
460
Featured
See All Featured
The AI Search Optimization Roadmap by Aleyda Solis
aleyda
1
5.2k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
62
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
1
440
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.3k
Color Theory Basics | Prateek | Gurzu
gurzu
0
200
Designing for humans not robots
tammielis
254
26k
GitHub's CSS Performance
jonrohan
1032
470k
More Than Pixels: Becoming A User Experience Designer
marktimemedia
3
320
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.7k
How STYLIGHT went responsive
nonsquared
100
6k
Become a Pro
speakerdeck
PRO
31
5.8k
WCS-LA-2024
lcolladotor
0
450
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のデモ
まとめ - アイトラッキングの歴史は長くておもしろい - 久しぶりに読む論文もおもしろい - なにか使う機会があったらおもしろそう