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
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
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
AIによるイベントストーミング図からのコード生成 / AI-powered code generation from Event Storming diagrams
nrslib
2
1.9k
AI時代の認知負荷との向き合い方
optfit
0
160
今こそ知るべき耐量子計算機暗号(PQC)入門 / PQC: What You Need to Know Now
mackey0225
3
380
dchart: charts from deck markup
ajstarks
3
990
それ、本当に安全? ファイルアップロードで見落としがちなセキュリティリスクと対策
penpeen
7
3.9k
CSC307 Lecture 06
javiergs
PRO
0
690
Spinner 軸ズレ現象を調べたらレンダリング深淵に飲まれた #レバテックMeetup
bengo4com
1
230
AI Agent の開発と運用を支える Durable Execution #AgentsInProd
izumin5210
7
2.3k
AIエージェント、”どう作るか”で差は出るか? / AI Agents: Does the "How" Make a Difference?
rkaga
4
2k
Grafana:建立系統全知視角的捷徑
blueswen
0
330
20260127_試行錯誤の結晶を1冊に。著者が解説 先輩データサイエンティストからの指南書 / author's_commentary_ds_instructions_guide
nash_efp
1
970
[KNOTS 2026登壇資料]AIで拡張‧交差する プロダクト開発のプロセス および携わるメンバーの役割
hisatake
0
280
Featured
See All Featured
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
1
300
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
The SEO Collaboration Effect
kristinabergwall1
0
350
Being A Developer After 40
akosma
91
590k
Crafting Experiences
bethany
1
49
The #1 spot is gone: here's how to win anyway
tamaranovitovic
2
940
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3.2k
Kristin Tynski - Automating Marketing Tasks With AI
techseoconnect
PRO
0
140
Making Projects Easy
brettharned
120
6.6k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3.1k
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
techseoconnect
PRO
0
110
The Cost Of JavaScript in 2023
addyosmani
55
9.5k
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のデモ
まとめ - アイトラッキングの歴史は長くておもしろい - 久しぶりに読む論文もおもしろい - なにか使う機会があったらおもしろそう