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
Project Houdini 将来実装される素敵なAPIたち(Webの話)
Search
Kotaro Okuya
August 23, 2018
Technology
0
440
Project Houdini 将来実装される素敵なAPIたち(Webの話)
LTしたときの資料です。
Project Houdini(アニメーション中心)について。
Kotaro Okuya
August 23, 2018
Tweet
Share
More Decks by Kotaro Okuya
See All by Kotaro Okuya
そんな機能あったのかChrome DevTool -Web制作に役立ってほしい-
kotar0
3
500
Angular + Firebase アプリを作ってみた(途中)
kotar0
0
290
Angular Animation#1
kotar0
0
300
Other Decks in Technology
See All in Technology
後進育成のしくじり〜任せるスキルとリーダーシップの両立〜
matsu0228
6
2.1k
From Prompt to Product @ How to Web 2025, Bucharest, Romania
janwerner
0
110
Trust as Infrastructure
bcantrill
0
310
自作LLM Native GORM Pluginで実現する AI Agentバックテスト基盤構築
po3rin
2
240
SoccerNet GSRの紹介と技術応用:選手視点映像を提供するサッカー作戦盤ツール
mixi_engineers
PRO
1
160
生成AIとM5Stack / M5 Japan Tour 2025 Autumn 東京
you
PRO
0
180
Flaky Testへの現実解をGoのプロポーザルから考える | Go Conference 2025
upamune
1
400
Access-what? why and how, A11Y for All - Nordic.js 2025
gdomiciano
1
110
AI ReadyなData PlatformとしてのAutonomous Databaseアップデート
oracle4engineer
PRO
0
150
AWSにおけるTrend Vision Oneの効果について
shimak
0
120
GA technologiesでのAI-Readyの取り組み@DataOps Night
yuto16
0
260
職種別ミートアップで社内から盛り上げる アウトプット文化の醸成と関係強化/ #DevRelKaigi
nishiuma
2
130
Featured
See All Featured
Making the Leap to Tech Lead
cromwellryan
135
9.5k
Designing for humans not robots
tammielis
254
25k
A Tale of Four Properties
chriscoyier
160
23k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
53k
Large-scale JavaScript Application Architecture
addyosmani
514
110k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
114
20k
Faster Mobile Websites
deanohume
310
31k
GitHub's CSS Performance
jonrohan
1032
460k
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
It's Worth the Effort
3n
187
28k
How to Think Like a Performance Engineer
csswizardry
27
2k
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.7k
Transcript
1SPKFDU)PVEJOJ কདྷ࣮͞ΕΔ ૉఢͳ"1*ͨͪ 8FCͷ
Hobby |> Family |> Organizations |> ਫӭ ཱྀߦ ࠺ ଉࢠ
ࡀ Ԟଠ ίʔλϩʔ
Կͷ-5ʁ 8FCϒϥβʹ͓͚Δ Ξχϝʔγϣϯͷະདྷ૾ কདྷ࣮͞ΕΔػೳɾ"1*ͷ͜ͱ
Կͷ-5ʁ 8FCϒϥβͷΞχϝʔγϣϯͬͯ ωΠςΟϒΞϓϦʹൺͯɺ ͳʙΜ͔ψϧψϧײ͕ແ͍͕࣌͋ͬͨΓɺ ΨλΨλͳͬͪΌ͏͕࣌͋Γ·ͤΜ͔ʁ
Կͷ-5ʁ ͦΕ͕কདྷղফ͞ΕΔػೳ͕࣮தͰ͢ɻ %JTDSBJNFSશʹωΠςΟϒͱಉ͡ʹͳΔͬͯΘ͚Ͱͳ͍ͱࢥ͏͠ɺ 8FC͕ωΠςΟϒʹۙͮ͘ͷ͕ਖ਼ղͬͯΘ͚Ͱͳ͍ͱࢥ͏ɻ
কདྷ࣮͞ΕΔ։ൃதͷػೳɾ"1*ͨ͘͞Μ͋Γ·͢
Animation Worklet Parser API Metrics API Layout API Propaties and
Values API Worklets Painting API Typed OM 1 Typed OM 2 ϒϥβͷ৽ػೳʢࠓઈࢍ࣮தʣ
Project Houdini ϒϥβͷ৽ػೳʢࠓઈࢍ࣮தʣ
1SPKFDU)PVEJOJ l$44ͷϨϕϧ"1*Λఏڙͯ͠ɺ $44Ͱग़དྷΔࣄΛͬͱ֦ு͍ͯ͜͠͏ʂz
͜Μͳࣄ͕Ͱ͖Δ w ࣗ࡞ϨΠΞτϧʔϧʢ'MFY(SJEΈ͍ͨͳͷ͕࡞ΕΔΑ͏ʹͳΔ w ॏ͍ͨॲཧதͰαΫαΫಈ͘Ξχϝʔγϣϯ w $44ΛΦϒδΣΫτͱͯ͠ѻ͑Δ ͳͲͳͲ
1SPKFDU)PVEJOJ Animation Worklet Painting API Layout API Parser API Properties
and Values API Typed OM 1 Metrics API Worklets Typed OM 2
1SPKFDU)PVEJOJ Animation Worklet Painting API Layout API Parser API Properties
and Values API Typed OM 1 Metrics API Worklets Typed OM 2
Animation Worklet
Animation Worklet w ΞχϝʔγϣϯͷॲཧΛϝΠϯεϨουͱผͷ"OJNBUJPO 8PSLMFU্Ͱ࣮ߦ͢ΔͨΊͷػೳɻ w ϝΠϯεϨουͷॲཧ͕ΞχϝʔγϣϯʹӨڹ͠ͳ͘ͳΔʂ w ωΠςΟϒΞϓϦͷΑ͏ͳ͵Δͬͱͨ͠Ξχϝʔγϣϯ ʹۙ͘ͳΔʂ
w (PPHMF$BOBSZʹҰ෦࣮͞Ε͍ͯΔ
αϯϓϧ IUUQTHPPHMFDISPNFMBCTHJUIVCJPIPVEJOJ TBNQMFTBOJNBUJPOXPSLMFUQBSBMMBYTDSPMMJOH Animation Worklet
ϝΠϯεϨου +BWBTDSJQUجຊγϯάϧεϨου
ϝΠϯεϨου "OJNBUJPO8PSLMFU +BWBTDSJQUجຊγϯάϧεϨου
8PSLMFUͱݺΕΔ৽͍͠Έʹʂ w +BWBTDSJQUγϯάϧεϨουɻͳͷͰɺϝΠϯεϨου͕͠ ͘ͳΔͱΞχϝʔγϣϯͳͲΧΫΧΫͪ͠Ό͍·͢ɻ w 8PSLMFUͱϝΠϯεϨουͱผʹɺಠཱͯ͠ॲཧΛ͠·͢ɻ
w ͢Ͱʹ$ISPNFʹࡌ͞Ε͍ͯΔɻ˞$ISPNFͷΈ w CBDLHSPVOEJNBHF MJTUTUZMFJNBHF DVSTPSͳͲVSM ͕औΕΔϓ ϩύςΟʹ͑Δɻ w $BOWBTͷΑ͏ʹهड़ͨ͠ίʔυΛˢʹࢦఆͰ͖Δʂ
1BJOU"1*
1BJOU"1* αϯϓϧ IUUQTDTTIPVEJOJSPDLTTWHQBUIMBZPVU ࢀߟهࣄ IUUQTJDTNFEJBFOUSZ
·ͱΊ ϒϥβؾʹͤͣ༻Ͱ͖ΔΑ͏ʹͳΔͷɺઌɻ +BWBTDSJQUγϯάϧεϨου͔ΒϚϧνεϨουԽͲΜ ͲΜਐΜͰ͍Δɻ
ࢀߟจݙ·ͱΊ TBNQMFT IUUQTHJUIVCDPN(PPHMF$ISPNF-BCTIPVEJOJTBNQMFT pMFT IUUQTHPPHMFDISPNFMBCTHJUIVCJPIPVEJOJTBNQMFT 1BJOU"1*ͷφΠεͳαϯϓϧ IUUQTDTTIPVEJOJSPDLTTWHQBUIMBZPVU )PVEJOJؔ࿈ͷϓϨθϯ IUUQTOVHVHHJUIVCJPNBHJDUSJDLTXJUIIPVEJOJ IUUQTXXXTMJEFTIBSFOFU"SVO.JDIBFM%TPV[BIPVEJOJXIBUMJFTBIFBE
هࣄ IUUQTXXXTNBTIJOHNBHB[JOFDPNIPVEJOJNBZCFUIFNPTUFYDJUJOHEFWFMPQNFOUJODTTZPVWFOFWFSIFBSEPG ༷ॻ IUUQTESBGUTDTTIPVEJOJPSHXPSLMFUT