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

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
7
Navigation 2 を 3 に移行する（予定）ためにやったこと
Avatar for yokomii yokomii
0
990
Rich UI implementation examples using Jetpack Compose (Jetpack Composeを活用した強力なUI表現の実装実例)
Avatar for yokomii yokomii
0
2

Featured

See All Featured
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.6k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
15k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
180
10k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
80
6.1k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
118
20k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2.2k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.6k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
190
11k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
249
1.3M
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
46
7.8k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k

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