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
270
Angular Animation#1
kotar0
0
270
Other Decks in Technology
See All in Technology
Fargateを使った研修の話
takesection
0
130
MAMを軸とした動画ハンドリングにおけるAI活用前提の整備と次世代ビジョン / abema-ai-mam
cyberagentdevelopers
PRO
1
120
AWSコンテナ本出版から3年経った今、もし改めて執筆し直すなら / If I revise our container book
iselegant
15
4k
リンクアンドモチベーション ソフトウェアエンジニア向け紹介資料 / Introduction to Link and Motivation for Software Engineers
lmi
4
290k
2024-10-30-reInventStandby_StudyGroup_Intro
shinichirokawano
1
640
いまさらのStorybook
ikumatadokoro
0
150
君は隠しイベントを見つけれるか?
mujyun
0
300
コンテナのトラブルシューティング目線から AWS SAW についてしゃべってみる
kazzpapa3
1
100
10分でわかるfreeeのQA
freee
1
3.4k
【若手エンジニア応援LT会】AWS Security Hubの活用に苦労した話
kazushi_ohata
0
170
使えそうで使われないCloudHSM
maikamibayashi
0
170
日経電子版におけるリアルタイムレコメンドシステム開発の事例紹介/nikkei-realtime-recommender-system
yng87
1
520
Featured
See All Featured
It's Worth the Effort
3n
183
27k
Designing on Purpose - Digital PM Summit 2013
jponch
115
6.9k
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
A designer walks into a library…
pauljervisheath
202
24k
Rails Girls Zürich Keynote
gr2m
93
13k
The Invisible Side of Design
smashingmag
297
50k
GraphQLとの向き合い方2022年版
quramy
43
13k
Making Projects Easy
brettharned
115
5.9k
We Have a Design System, Now What?
morganepeng
50
7.2k
Building Better People: How to give real-time feedback that sticks.
wjessup
363
19k
[RailsConf 2023] Rails as a piece of cake
palkan
51
4.9k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
504
140k
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