「Lottie」でお手軽Animation実装 / implement animation with Lottie

2017.05.24
potatotips #40 (iOS/Android開発Tips共有会)
https://potatotips.connpass.com/event/55019/

Transcript

1. ʮ-PUUJFʯͰ͓खܰ"OJNBUJPO࣮૷ 
   QPUBUPUJQT
   
   !3FUUZ
   !TIBOPOJN
2. ࣰݪ
   ߂ޫ
   )JSPNJUTV
   4IJOPIBSB !TIBOPOJN
4. -PUUJF
5. -PUUJF w 5IF
   "JS#O#
   EFTJHO
   UFBN
   DSFBUFE
   w -PUUJF
   JT
   B
   NPCJMF
   MJCSBSZ
   UIBU
   QBSTFT
   "EPCF
   "GUFS
   &GGFDUT
   BOJNBUJPOT
   FYQPSUFE
   BT
   KTPO
   XJUI
   #PEZNPWJO
   BOE
   SFOEFST
   UIFN
   OBUJWFMZ
   PO
   NPCJMF
   w -PUUJF
   GPS
   "OESPJE
   J04
   BOE
   3FBDU
   /BUJWF
   
8. "XFTPNF
9. )PX
   UP
   VTF w "EPCF
   "GUFS
   &GGFDUTͰ"OJNBUJPO࡞੒
   w "OJNBUJPOΛCPEZNPWJOͰ+40/ʹม׵
   w ΞϓϦʹ૊ΈࠐΉ
11. "EPCF
    "GUFS&GGFDUT w ө૾ͷσδλϧ߹੒΍ϞʔγϣϯɾάϥϑΟο ΫεɺλΠτϧ੍࡞ͳͲΛ໨తͱͨ͠ιϑτ ΢ΣΞ
    XJLJQFEJB
12. #PEZNPWJO w "GUFS
    &GGFDUT
    QMVHJO
    GPS
    FYQPSUJOH
    BOJNBUJPOT
13. ΞϓϦʹ૊ΈࠐΉ CVJMEHSBEMF .BJO"DUJWJUZLU
14. ΞϓϦʹ૊ΈࠐΉ BDUJWJUZ@NBJOYNM
15. %FNP
16. 6TFDBTF w -PBEJOH
    "OJNBUJPO
    w *DPO
    "OJNBUJPO
    w ը໘શମͷΞχϝʔγϣϯʹ͸ෆ޲͖ʁ
17. IUUQTXXXOBUJWFTDSJQUPSHCMPHMPUUJFBOJNBUJPOT
18. ಋೖ·Ͱͷϋʔυϧ w "GUFS
    &GGFDUT
    ୭͕΍Δͷ໰୊
    w σβΠφʔ͞ΜʁΤϯδχΞ͕ࣗ෼Ͱʁ
19. -PUUJF'JMFTDPN w -PUUJFͰಡΈࠐΊΔ+40/ͷ഑෍αΠτ
    w "MM
    UIF
    pMFT
    BWBJMBCMF
    JO
    -PUUJF'JMFT
    BSF
    EJTUSJCVUFE
    VOEFS
    $SFBUJWF
    $PNNPOT
    $$
    "UUSJCVUJPO
    #:
    w ݪ࡞ऀͷΫϨδοτʢࢯ໊ɺ࡞඼λΠτϧͳͲʣΛදࣔ ͢Δ͜ͱΛओͳ৚݅ͱ͠ɺվม͸΋ͪΖΜɺӦར໨త Ͱͷೋ࣍ར༻΋ڐՄ͞ΕΔ࠷΋ࣗ༝౓ͷߴ͍$$ϥΠη ϯε
    IUUQTDSFBUJWFDPNNPOTKQMJDFOTFT
21. ·ͱΊ
22. ·ͱΊ w -PUUJFͨͷ͍͠
    w ෳ਺ϓϥοτϑΥʔϜ J04"OESPJE ରԠخ͍͠
    w খن໛ΞϓϦ
    PS
    ݸਓΞϓϦͰ࣮ݧͯ͠ஈ֊తʹಋೖ
    w "#ςετͯ͠ΈΔͷΑͦ͞͏
    w "OJNBUJPOͰϢʔβʹGVOΛɻ
23. ,PUMJO΍͍͖͍ͬͯͨϑϨϯζ
 
 8&`3&
    )*3*/(
    
24. pOJTI