Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

Avatar for yokomii yokomii
April 04, 2025
0
340

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

動画は動きません！

Avatar for yokomii

yokomii

April 04, 2025
Tweet

More Decks by yokomii

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

Featured

See All Featured
The Language of Interfaces
Avatar for Des Traynor destraynor
161
25k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
184
22k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
1.5k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
111
20k
Scaling GitHub
Avatar for Zach Holman holman
463
140k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
696
190k
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
6.8k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
328
39k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
302
21k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
8
920
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
53
7.8k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
1
25

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.  ΋ͬͱ͔Θ͍͘ಈ͔ͤΔΑ͏ʹͳͬͨΒ ·ͨใࠂ͠·͢🐶