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
420
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
490
Angular + Firebase アプリを作ってみた(途中)
kotar0
0
280
Angular Animation#1
kotar0
0
290
Other Decks in Technology
See All in Technology
Creative UIs with Compose: Kotlinconf 2025
chrishorner
0
130
インラインRBSコメントに鯛pe checkersもニッコリ
sansantech
PRO
2
210
名単体テスト 禁断の傀儡(モック)
iwamot
PRO
1
330
ゆるくはじめるSLI・SLO
yatoum
1
140
経済メディア編集部の実務に小さく刺さるAI / small-ai-with-editorial
nkzn
2
520
WindowsでGenesisに挑戦した話
natsutan
0
130
Amplifyとゼロからはじめた AIコーディング。失敗と気づき
mkdev10
1
190
技術選定を突き詰める 懇親会LT
okaru
2
1.3k
Streamlit in Snowflakeで加速する不動産テック企業のデータ活用 @Snowflake WESTユーザー会
yuto16
1
150
非同期処理でも分散トレーシングしたい!- OpenTelemetry × Pub/Sub -
phaya72
1
110
GPU 클라우드 환경에서의 회복탄력적 AI 운영 : 훈련 및 추론을 위한 견고한 아키텍처와 전략
inureyes
PRO
0
140
AWS LambdaをTypeScriptで動かして分かった、Node.jsのTypeScriptサポートの利点と課題
smt7174
1
130
Featured
See All Featured
Git: the NoSQL Database
bkeepers
PRO
430
65k
Building Adaptive Systems
keathley
41
2.5k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
430
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
180
53k
How STYLIGHT went responsive
nonsquared
100
5.5k
Being A Developer After 40
akosma
91
590k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
810
The Straight Up "How To Draw Better" Workshop
denniskardys
233
140k
Docker and Python
trallard
44
3.4k
Writing Fast Ruby
sferik
628
61k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
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