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
PythonとLLMで挑む、 4コマ漫画の構造化データ化
esuji5
1
130
extension 現場で使えるXcodeショートカット一覧
ktombow
0
200
研究開発部メンバーの働き⽅ / Sansan R&D Profile
sansan33
PRO
3
20k
BirdCLEF+2025 Noir 5位解法紹介
myso
0
190
ZOZOのAI活用実践〜社内基盤からサービス応用まで〜
zozotech
PRO
0
160
Sidekiq その前に:Webアプリケーションにおける非同期ジョブ設計原則
morihirok
17
7.2k
コンテキストエンジニアリングとは? 考え方と応用方法
findy_eventslides
4
880
許しとアジャイル
jnuank
1
110
非エンジニアのあなたもできる&もうやってる!コンテキストエンジニアリング
findy_eventslides
3
900
Oracle Cloud Infrastructure:2025年9月度サービス・アップデート
oracle4engineer
PRO
0
370
GopherCon Tour 概略
logica0419
2
170
Flaky Testへの現実解をGoのプロポーザルから考える | Go Conference 2025
upamune
1
400
Featured
See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.2k
The Invisible Side of Design
smashingmag
301
51k
Testing 201, or: Great Expectations
jmmastey
45
7.7k
For a Future-Friendly Web
brad_frost
180
9.9k
The Power of CSS Pseudo Elements
geoffreycrofte
79
6k
A Tale of Four Properties
chriscoyier
160
23k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
61k
Fireside Chat
paigeccino
40
3.7k
Unsuck your backbone
ammeep
671
58k
Making the Leap to Tech Lead
cromwellryan
135
9.5k
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