Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
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
100
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
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
49
IEEE754を完全に理解した
tkckaneko
1
89
CSSのトレンドをみんなで見よう -2021年-
tkckaneko
0
100
多分これが一番早いと思います
tkckaneko
0
31
暗黒面の話
tkckaneko
0
31
CSR / SSR / SSG / JAMstack
tkckaneko
0
79
BOLT
tkckaneko
0
43
CSS Logical Properties and Values
tkckaneko
0
65
Visual Effect Graphをさわってみた
tkckaneko
0
41
Other Decks in Programming
See All in Programming
Compiling a real-world CLI tool to native with Static Hermes
tmikov2023
0
110
ハーネス設計入門 〜 基礎知識の整理から実務へのステップアップ 〜
kinopeee
22
22k
Domain-Driven Transformation
hschwentner
2
2.3k
Unity6 URPによる海底をテーマにしたVJシステムの解説 | Unity Shader 完全に理解した 勉強会
gam0022
0
360
RAG の “R” を Swift で覗いてみる 〜「意味から探す」検索の仕組み〜
nao_randd
0
160
Jetpack Compose Mechanisms
skydoves
2
720
Apple Intelligence を用いた個人情報誤送信防止、及びユーザーリクエスト体験の改善について
yukiny
0
330
すこし踏み込む CancellationToken
htkym
2
1.7k
速習iPhone Duo対応
yuukiw00w
2
980
Event is what happens
moro
1
120
GemmaをJevのように使ってみる / Use Gemma like Jev
kishida
5
780
HTML-in-Canvasで作る未来のWeb UI表現
clockmaker
4
4.7k
Featured
See All Featured
Music & Morning Musume
bryan
48
7.4k
Embracing the Ebb and Flow
colly
88
5.2k
Git: the NoSQL Database
bkeepers
PRO
433
67k
The Illustrated Children's Guide to Kubernetes
chrisshort
51
53k
The Language of Interfaces
destraynor
162
27k
How GitHub (no longer) Works
holman
316
150k
Exploring the relationship between traditional SERPs and Gen AI search
raygrieselhuber
PRO
4
4.4k
Leadership Guide Workshop - DevTernity 2021
reverentgeek
1
400
A better future with KSS
kneath
240
18k
Stewardship and Sustainability of Urban and Community Forests
pwiseman
0
540
Building the Perfect Custom Keyboard
takai
2
900
Claude Code のすすめ
schroneko
67
230k
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のデモ
まとめ - アイトラッキングの歴史は長くておもしろい - 久しぶりに読む論文もおもしろい - なにか使う機会があったらおもしろそう