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
380
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
2
470
Angular + Firebase アプリを作ってみた(途中)
kotar0
0
260
Angular Animation#1
kotar0
0
270
Other Decks in Technology
See All in Technology
OSTという文化を組織に根付かせてみた
sansantech
PRO
2
420
事前準備が肝!AI活用のための業務改革
layerx
PRO
1
400
Privacy Sandbox on Android / DroidKaigi 2024
7pairs
1
280
サーバー管理しないサーバーサービスManaged DevOps Pool
kkamegawa
0
140
プロダクトエンジニアを支えるための開発生産性向上施策
tsukakei
0
150
Discovering AI Models
picardparis
4
3.9k
DroidKaigi 2024 たすけて!ViewModel
mhidaka
5
1.1k
技術的負債解消の取り組みと専門チームのお話
bengo4com
0
340
不動産 x AIことはじめ~データの真価を拓くために
estie
0
130
不動産売買取引におけるAIの可能性とプロダクトでのAI活用
zabio3
0
270
リアルお遍路+SORACOM IoT
ozk009
1
140
不動産tech Product Night#2_AIことはじめ_GA橋本
takehikohashimoto
0
190
Featured
See All Featured
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
36
1.7k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.2k
Done Done
chrislema
180
16k
The Invisible Customer
myddelton
119
13k
Designing the Hi-DPI Web
ddemaree
278
34k
Practical Orchestrator
shlominoach
185
10k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
36
2.1k
Bash Introduction
62gerente
608
210k
Agile that works and the tools we love
rasmusluckow
327
20k
Building Flexible Design Systems
yeseniaperezcruz
325
38k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
326
21k
4 Signs Your Business is Dying
shpigford
179
21k
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