$30 off During Our Annual Pro Sale. View Details »

Riveで公式犬をインタラクションする

Avatar for yokomii yokomii
April 04, 2025
0
360

 Riveで公式犬をインタラクションする

動画は動きません！

Avatar for yokomii

yokomii

April 04, 2025
Tweet

More Decks by yokomii

See All by yokomii
日経電子版 for Androidにおける ドメインレイヤ（ユースケース）の実装方針について
Avatar for yokomii yokomii
0
8
Navigation 2 を 3 に移行する（予定）ためにやったこと
Avatar for yokomii yokomii
0
1.1k
Rich UI implementation examples using Jetpack Compose (Jetpack Composeを活用した強力なUI表現の実装実例)
Avatar for yokomii yokomii
0
2

Featured

See All Featured
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.3k
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
7k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
9
450
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.3k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.6k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3.1k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1371
200k
Building Adaptive Systems
Avatar for Chris Keathley keathley
44
2.9k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
253
22k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.6k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
55
12k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k

Transcript

  1. 3JWFͰެࣜݘΛΠϯλϥΫγϣϯ͢Δ 

  2. ࣗݾ঺հ

  3.  4NBSU#BOL *OD "OESPJE&OHJOFFS ZPLPNJJ !JJNPLPZ !ZPLPNJJ

  4. "*ΤʔδΣϯτ׆༻ͯ͠·͔͢ʁ

  5.  "*ΤʔδΣϯτ׆༻ͯ͠·͔͢ʁ ๻ %FWJO "*

  6. ͜ͷ··ͩͱࣦ৬͢͏😭

  7. ʮ๻ʹ·͔ͤͯɾɾʂʂʯ

  8.  ୭ͩɾɾʂʁ

  9.  ୭ͩɾɾʂʁ

  10.  ϫϯόϯΫެࣜΩϟϥΫλʔʮϫϯόϯ͘Μʯͩʂʂʂ

  11.  ϫϯόϯΫެࣜΩϟϥΫλʔʮϫϯόϯ͘Μʯͩʂʂʂ ΅͘Λ͔Θ͍͘Ξχϝʔγϣϯͤ͞ΒΕΔͷ͸ ܅ͨͪਓྨ͚ͩͳΜͩΑ ʢ˞ϫϯόϯ͘ΜΛαʔϏε֎Ͱ஻ΒͤΔͷ͸ ϨΪϡϨʔγϣϯҧ൓😤ʣ

  12. ΍ͬͯ΍ΜΑ😤

  13. 3JWFͬͧ͢💪

  14. ಈըҾ༻ɿhttps://rive.app/  3JWFͬͧ͢💪 3JWFͱ͸ ΠϯλϥΫςΟϒͳΞχϝʔγϣϯΛ࡞ ੒ՄೳͳσβΠϯπʔϧ

  15.  3JWFͬͧ͢💪 3JWF -PUUJF ద͍ͯ͠Δ༻్ ΠϯλϥΫςΟϒͳ6*ɺϨεϙϯγϒͳϨΠ Ξ΢τɺήʔϜ6*ɺϦΞϧλΠϜͷঢ়ଶʹԠ ͨ͡άϥϑΟοΫ ܰྔͰ௚ઢతͳΞχϝʔγϣϯʢϚʔέ ςΟϯάɾ8FCɾΞϓϦԋग़ͳͲʣ

    ग़ྗܗࣜ ঢ়ଶʹԠͨ͡ΠϯλϥΫγϣϯ΍ϥΠϒೖྗ Λඋ͑ͨάϥϑΟοΫ +40/ܗࣜͷ௚ઢతͳΞχϝʔγϣϯ ʢΠϯλϥΫςΟϒੑ͸ݶఆతʣ Ҿ༻ɿhttps://rive.app/blog/rive-as-a-lottie-alternative

  16. ͍࣮͟ફ🔥

  17.  ͍࣮͟ફ🔥 ΤσΟλʹ47(ϑΝΠϧΛऔΓࠐΉ ΩʔϑϨʔϜΛ͝ʹΐ͝ʹΐͯ͠ϙϤϙϤಈ͘Ξχ ϝʔγϣϯΛ࡞੒ &YQPSU͢ΔʢSJWϑΝΠϧʣ ͱΓ͋͑ͣಈ͘΋ͷΛ࡞Δ

  18.  ͍࣮͟ફ🔥 ϥΠϒϥϦͷґଘؔ܎Λ௥Ճ͢Δʢॳظઃఆ΋ ৭ʑ΍Δʣ IUUQTHJUIVCDPNSJWFBQQSJWFBOESPJE $PNQPTFίϯϙʔωϯτ͕ແ͍ͷͰɺ "OESPJE7JFXͰ৭ʑ΍Δ ΤΫεϙʔτͨ͠SJWϑΝΠϧΛSBXʹ഑ஔ Ϗϧυ🔥 ΞϓϦʹ૊ΈࠐΉ

  19.  ͍ͭ͜ʜಈͧ͘

  20. ΠϯλϥΫςΟϒʹ͢Δ🫨

  21.  ΠϯλϥΫςΟϒʹ͢Δ🫨 ΫϦοΫ࣌ͷΞχϝʔγϣϯʢද৘ࠩ෼ʣΛ࡞੒ $MJDLʹԠͨ͡Ξχϝʔγϣϯᶃ

  22.  ΠϯλϥΫςΟϒʹ͢Δ🫨 *OQVUͱ-JTUFOFSͷઃఆ ৽ن*OQVUʢΞχϝʔγϣϯͷঢ়ଶ஋ʣΛ࡞੒͠ɺ ʮ5SJHHFSʯλΠϓΛࢦఆ ৽ن-JTUFOFSʢΞχϝʔγϣϯঢ়ଶݕ஌ثʣΛ࡞ ੒͠ɺ5BSHFUʢର৅ൣғʣʹશ໘Λࢦఆ -JTUFOFSͷ"DUJPOʹʮ$MJDLʯΛઃఆ -JTUFOFSBDUJPOʹʮ*OQVU$IBOHFʯΛઃఆ͠ɺઌ ΄Ͳ࡞੒ͨ͠*OQVUΛࢦఆ

    $MJDLʹԠͨ͡Ξχϝʔγϣϯᶄ

  23.  ΠϯλϥΫςΟϒʹ͢Δ🫨 5SBOTJUJPOͷઃఆ ௨ৗද৘⁶সإ΁ͱભҠ͢ΔΑ͏ઃఆ ϑΝΠϧΛ&YQPSUͯ͠࠶഑ஔ $MJDLʹԠͨ͡Ξχϝʔγϣϯᶅ

  24.  ͍ͭ͜ʜ৮ΕΔͧ

  25.  ΫϦοΫʢλονʣΠϕϯτΛϋϯυϦϯά͢Δ 3JWF"OJNBUJPO7JFX͸λονΠϕϯτΛফඅͯ͠͠ ·͏ͷͰɺΞϓϦͰϋϯυϦϯάͰ͖ΔΑ͏ʹ PO5PVDI&WFOUΛΦʔόʔϥΠυ͢Δ SFGIUUQTHJUIVCDPNSJWFBQQSJWFBOESPJE JTTVFTJTTVFDPNNFOU

  26.  ͍ͭ͜ʜ஻Δͧ

  27. ΋ͬͱΠϯλϥΫςΟϒʹ🤯

  28.  ΋ͬͱΠϯλϥΫςΟϒʹ🤯 ද৘ࠩ෼ͷΞχϝʔγϣϯΛύλʔϯ࡞੒ ӈ޲͖ ࠨ޲͖ ਖ਼໘ ୺຤ͷ܏͖ʹԠͨ͡Ξχϝʔγϣϯᶃ

  29.  ΋ͬͱΠϯλϥΫςΟϒʹ🤯 ܏͖ͷ஋ͱͳΔ/VNCFS*OQVUΛ࡞੒ ʙͷൣғͰ%#MFOETUBUFΛઃఆ *OQVU͕ͷͱ͖ʹ࠷΋ࠨΛ޲͘ *OQVU͕ͷͱ͖ʹ࠷΋ӈΛ޲͘ *OQVU͕ͳΒਖ਼໘Λ޲͘ ୺຤ͷ܏͖ʹԠͨ͡Ξχϝʔγϣϯᶄ

  30.  ΋ͬͱΠϯλϥΫςΟϒʹ🤯 ճసϕΫτϧηϯαʔΛ༻͍ͯɺ˃ʙ ˃ͷ܏ ͖Λऔಘ͠ɺʙͷ஋ʹม׵ ୺຤ͷ܏͖ʹԠͨ͡Ξχϝʔγϣϯᶅ

  31.  ΋ͬͱΠϯλϥΫςΟϒʹ🤯 ܏͖ͷ஋Λ3JWF"OJNBUJPO7JFXʹద༻ ୺຤ͷ܏͖ʹԠͨ͡Ξχϝʔγϣϯᶆ

  32.  ͍ͭ͜ʜ௥ै͢Δͧ

  33.  ࣾ಺ͷ൓Ԡ😭 😭

  34. ࠷ޙʹॴײ

  35.  ࠷ޙʹॴײ 3BJWΛ࢖͏ͱΠϯλϥΫςΟϒͳΞχϝʔγϣϯ͕ൺֱత༰қʹ࣮ݱͰ͖Δ ΞϓϦͷঢ়ଶͱ࿈ಈͤ͞Δ͜ͱͰɺΞϓϦૢ࡞΍୺຤ঢ়ଶʹԠͨ͡μΠφϛοΫͳԋग़΋Մೳ Ұํɺ5SJHHFS΍*OQVUΛۦ࢖ͨ͠ෳࡶͳڍಈΛઃܭ͢Δ৔߹ɺΞχϝʔγϣϯઃܭͱΞϓϦଆͷϩδοΫ࿈ ܞͷͨΊͷ஌ࣝͱܦݧ͕ඞཁ σβΠφʔ୯ಠͰͷઃܭ͸೉қ౓͕ߴ͘ɺΤϯδχΞͱͷີͳ࿈ܞɺ͋Δ͍͸ΤϯδχΞى఺Ͱͷઃܭ͕ݱ࣮ త

  36.  ΋ͬͱ͔Θ͍͘ಈ͔ͤΔΑ͏ʹͳͬͨΒ ·ͨใࠂ͠·͢🐶