Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Riveで公式犬をインタラクションする
Search
yokomii
April 04, 2025
450
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Riveで公式犬をインタラクションする
動画は動きません!
yokomii
April 04, 2025
More Decks by yokomii
See All by yokomii
日経電子版 for Androidにおける ドメインレイヤ(ユースケース)の実装方針について
yokomii
0
32
Navigation 2 を 3 に移行する(予定)ためにやったこと
yokomii
0
2.1k
Rich UI implementation examples using Jetpack Compose (Jetpack Composeを活用した強力なUI表現の実装実例)
yokomii
0
18
Featured
See All Featured
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
3.1k
The browser strikes back
jonoalderson
0
1.9k
Design in an AI World
tapps
1
380
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
11
1.1k
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
baasie
1
600
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.6k
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
1
650
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
620
Marketing to machines
jonoalderson
1
6k
Building a A Zero-Code AI SEO Workflow
portentint
PRO
0
810
4 Signs Your Business is Dying
shpigford
187
23k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
1.4k
Transcript
3JWFͰެࣜݘΛΠϯλϥΫγϣϯ͢Δ
ࣗݾհ
4NBSU#BOL *OD "OESPJE&OHJOFFS ZPLPNJJ !JJNPLPZ !ZPLPNJJ
"*ΤʔδΣϯτ׆༻ͯ͠·͔͢ʁ
"*ΤʔδΣϯτ׆༻ͯ͠·͔͢ʁ %FWJO "*
͜ͷ··ͩͱࣦ৬͢͏😭
ʮʹ·͔ͤͯɾɾʂʂʯ
୭ͩɾɾʂʁ
୭ͩɾɾʂʁ
ϫϯόϯΫެࣜΩϟϥΫλʔʮϫϯόϯ͘Μʯͩʂʂʂ
ϫϯόϯΫެࣜΩϟϥΫλʔʮϫϯόϯ͘Μʯͩʂʂʂ ΅͘Λ͔Θ͍͘Ξχϝʔγϣϯͤ͞ΒΕΔͷ ܅ͨͪਓྨ͚ͩͳΜͩΑ ʢ˞ϫϯόϯ͘ΜΛαʔϏε֎ͰΒͤΔͷ ϨΪϡϨʔγϣϯҧ😤ʣ
ͬͯΜΑ😤
3JWFͬͧ͢💪
ಈըҾ༻ɿhttps://rive.app/ 3JWFͬͧ͢💪 3JWFͱ ΠϯλϥΫςΟϒͳΞχϝʔγϣϯΛ࡞ ՄೳͳσβΠϯπʔϧ
3JWFͬͧ͢💪 3JWF -PUUJF ద͍ͯ͠Δ༻్ ΠϯλϥΫςΟϒͳ6*ɺϨεϙϯγϒͳϨΠ ΞτɺήʔϜ6*ɺϦΞϧλΠϜͷঢ়ଶʹԠ ͨ͡άϥϑΟοΫ ܰྔͰઢతͳΞχϝʔγϣϯʢϚʔέ ςΟϯάɾ8FCɾΞϓϦԋग़ͳͲʣ
ग़ྗܗࣜ ঢ়ଶʹԠͨ͡ΠϯλϥΫγϣϯϥΠϒೖྗ Λඋ͑ͨάϥϑΟοΫ +40/ܗࣜͷઢతͳΞχϝʔγϣϯ ʢΠϯλϥΫςΟϒੑݶఆతʣ Ҿ༻ɿhttps://rive.app/blog/rive-as-a-lottie-alternative
͍࣮͟ફ🔥
͍࣮͟ફ🔥 ΤσΟλʹ47(ϑΝΠϧΛऔΓࠐΉ ΩʔϑϨʔϜΛ͝ʹΐ͝ʹΐͯ͠ϙϤϙϤಈ͘Ξχ ϝʔγϣϯΛ࡞ &YQPSU͢ΔʢSJWϑΝΠϧʣ ͱΓ͋͑ͣಈ͘ͷΛ࡞Δ
͍࣮͟ફ🔥 ϥΠϒϥϦͷґଘؔΛՃ͢Δʢॳظઃఆ ৭ʑΔʣ IUUQTHJUIVCDPNSJWFBQQSJWFBOESPJE $PNQPTFίϯϙʔωϯτ͕ແ͍ͷͰɺ "OESPJE7JFXͰ৭ʑΔ ΤΫεϙʔτͨ͠SJWϑΝΠϧΛSBXʹஔ Ϗϧυ🔥 ΞϓϦʹΈࠐΉ
͍ͭ͜ʜಈͧ͘
ΠϯλϥΫςΟϒʹ͢Δ🫨
ΠϯλϥΫςΟϒʹ͢Δ🫨 ΫϦοΫ࣌ͷΞχϝʔγϣϯʢදࠩʣΛ࡞ $MJDLʹԠͨ͡Ξχϝʔγϣϯᶃ
ΠϯλϥΫςΟϒʹ͢Δ🫨 *OQVUͱ-JTUFOFSͷઃఆ ৽ن*OQVUʢΞχϝʔγϣϯͷঢ়ଶʣΛ࡞͠ɺ ʮ5SJHHFSʯλΠϓΛࢦఆ ৽ن-JTUFOFSʢΞχϝʔγϣϯঢ়ଶݕثʣΛ࡞ ͠ɺ5BSHFUʢରൣғʣʹશ໘Λࢦఆ -JTUFOFSͷ"DUJPOʹʮ$MJDLʯΛઃఆ -JTUFOFSBDUJPOʹʮ*OQVU$IBOHFʯΛઃఆ͠ɺઌ ΄Ͳ࡞ͨ͠*OQVUΛࢦఆ
$MJDLʹԠͨ͡Ξχϝʔγϣϯᶄ
ΠϯλϥΫςΟϒʹ͢Δ🫨 5SBOTJUJPOͷઃఆ ௨ৗද⁶সإͱભҠ͢ΔΑ͏ઃఆ ϑΝΠϧΛ&YQPSUͯ͠࠶ஔ $MJDLʹԠͨ͡Ξχϝʔγϣϯᶅ
͍ͭ͜ʜ৮ΕΔͧ
ΫϦοΫʢλονʣΠϕϯτΛϋϯυϦϯά͢Δ 3JWF"OJNBUJPO7JFXλονΠϕϯτΛফඅͯ͠͠ ·͏ͷͰɺΞϓϦͰϋϯυϦϯάͰ͖ΔΑ͏ʹ PO5PVDI&WFOUΛΦʔόʔϥΠυ͢Δ SFGIUUQTHJUIVCDPNSJWFBQQSJWFBOESPJE JTTVFTJTTVFDPNNFOU
͍ͭ͜ʜΔͧ
ͬͱΠϯλϥΫςΟϒʹ🤯
ͬͱΠϯλϥΫςΟϒʹ🤯 දࠩͷΞχϝʔγϣϯΛύλʔϯ࡞ ӈ͖ ࠨ͖ ਖ਼໘ ͷ͖ʹԠͨ͡Ξχϝʔγϣϯᶃ
ͬͱΠϯλϥΫςΟϒʹ🤯 ͖ͷͱͳΔ/VNCFS*OQVUΛ࡞ ʙͷൣғͰ%#MFOETUBUFΛઃఆ *OQVU͕ͷͱ͖ʹ࠷ࠨΛ͘ *OQVU͕ͷͱ͖ʹ࠷ӈΛ͘ *OQVU͕ͳΒਖ਼໘Λ͘ ͷ͖ʹԠͨ͡Ξχϝʔγϣϯᶄ
ͬͱΠϯλϥΫςΟϒʹ🤯 ճసϕΫτϧηϯαʔΛ༻͍ͯɺ˃ʙ ˃ͷ ͖Λऔಘ͠ɺʙͷʹม ͷ͖ʹԠͨ͡Ξχϝʔγϣϯᶅ
ͬͱΠϯλϥΫςΟϒʹ🤯 ͖ͷΛ3JWF"OJNBUJPO7JFXʹద༻ ͷ͖ʹԠͨ͡Ξχϝʔγϣϯᶆ
͍ͭ͜ʜै͢Δͧ
ࣾͷԠ😭 😭
࠷ޙʹॴײ
࠷ޙʹॴײ 3BJWΛ͏ͱΠϯλϥΫςΟϒͳΞχϝʔγϣϯ͕ൺֱత༰қʹ࣮ݱͰ͖Δ ΞϓϦͷঢ়ଶͱ࿈ಈͤ͞Δ͜ͱͰɺΞϓϦૢ࡞ঢ়ଶʹԠͨ͡μΠφϛοΫͳԋग़Մೳ Ұํɺ5SJHHFS*OQVUΛۦͨ͠ෳࡶͳڍಈΛઃܭ͢Δ߹ɺΞχϝʔγϣϯઃܭͱΞϓϦଆͷϩδοΫ࿈ ܞͷͨΊͷࣝͱܦݧ͕ඞཁ σβΠφʔ୯ಠͰͷઃܭқ͕ߴ͘ɺΤϯδχΞͱͷີͳ࿈ܞɺ͋Δ͍ΤϯδχΞىͰͷઃܭ͕ݱ࣮ త
ͬͱ͔Θ͍͘ಈ͔ͤΔΑ͏ʹͳͬͨΒ ·ͨใࠂ͠·͢🐶