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
72
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
10
IEEE754を完全に理解した
tkckaneko
1
50
CSSのトレンドをみんなで見よう -2021年-
tkckaneko
0
70
多分これが一番早いと思います
tkckaneko
0
23
暗黒面の話
tkckaneko
0
14
CSR / SSR / SSG / JAMstack
tkckaneko
0
50
BOLT
tkckaneko
0
10
CSS Logical Properties and Values
tkckaneko
0
24
Visual Effect Graphをさわってみた
tkckaneko
0
21
Other Decks in Programming
See All in Programming
Goのエラースタックトレースの歴史と今後
sonatard
10
1.8k
FigmaとPHPで作る1ミリたりとも表示崩れしない最強の帳票印刷ソリューション
ttskch
43
19k
#phpcon_odawara オープン・クローズドなテストフィクスチャを求めて / open closed test fixtures
77web
3
240
2 週間で Twitter Bot を作ってみた
contour_gara
0
770
サイコロで理解する統計的仮説検定の考え方
tatamiya
4
1k
Git Rebase
bkuhlmann
11
1.6k
見た目から始める生産性向上
ikumatadokoro
10
1.3k
障害対応を起点としたもっといい開発と運用のサイクル作りのためにできること / Hatena Enginner Seminar #29
polamjag
0
380
Build Apps for iOS, Android & Desktop in 100% Kotlin With Compose Multiplatform (mDevCamp 2024)
zsmb
0
430
Micro Frontends for Java Microservices - Utah JUG 2024
mraible
PRO
1
110
Sheets API使ってみた
toshi0383
2
160
SIMD Parallel Programming with the Vector API
josepaumard
0
230
Featured
See All Featured
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
13
8.3k
RailsConf 2023
tenderlove
8
550
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
34
8.9k
A designer walks into a library…
pauljervisheath
201
23k
Why You Should Never Use an ORM
jnunemaker
PRO
51
8.7k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
51k
In The Pink: A Labor of Love
frogandcode
138
21k
[RailsConf 2023] Rails as a piece of cake
palkan
28
4k
Build your cross-platform service in a week with App Engine
jlugia
226
17k
Faster Mobile Websites
deanohume
300
30k
Imperfection Machines: The Place of Print at Facebook
scottboms
261
12k
What's in a price? How to price your products and services
michaelherold
238
11k
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のデモ
まとめ - アイトラッキングの歴史は長くておもしろい - 久しぶりに読む論文もおもしろい - なにか使う機会があったらおもしろそう