Pro Yearly is on sale from $80 to $50! »

bodymovin × Lottie - マルチデバイスに対応した SVG アニメーション・エコシステム

82ed567f8497acfed7f7b464225dd536?s=47 wakamsha
May 27, 2017
Technology
2
640

bodymovin × Lottie - マルチデバイスに対応した SVG アニメーション・エコシステム

2017年5月27日 『初夏の JavaScript 祭 in mixi』にて発表した資料です。

82ed567f8497acfed7f7b464225dd536?s=128

wakamsha

May 27, 2017
Tweet

More Decks by wakamsha

See All by wakamsha
82ed567f8497acfed7f7b464225dd536?s=48 wakamsha
0
140
82ed567f8497acfed7f7b464225dd536?s=48 wakamsha
6
2.3k
82ed567f8497acfed7f7b464225dd536?s=48 wakamsha
4
2.2k
82ed567f8497acfed7f7b464225dd536?s=48 wakamsha
1
1.3k
82ed567f8497acfed7f7b464225dd536?s=48 wakamsha
9
12k
82ed567f8497acfed7f7b464225dd536?s=48 wakamsha
1
350
82ed567f8497acfed7f7b464225dd536?s=48 wakamsha
1
6.1k
82ed567f8497acfed7f7b464225dd536?s=48 wakamsha
2
1.4k
82ed567f8497acfed7f7b464225dd536?s=48 wakamsha
51
25k

Other Decks in Technology

See All in Technology
Eebedc2ee7ff95ffb9d9102c6d4a065c?s=48 line_devday2020
0
110
15a426483f69ea0bcd4c74326d4419e6?s=48 roksolanad
0
130
Eebedc2ee7ff95ffb9d9102c6d4a065c?s=48 line_devday2020
0
120
Eebedc2ee7ff95ffb9d9102c6d4a065c?s=48 line_devday2020
0
180
8248e84865938642ea12d175c8bd0020?s=48 rocketmaso
0
190
2a35cc4d9c9dd2672aba2f097980e5d1?s=48 kou_kita
0
170
8434e5fcdb11033234455d4b2bfb6bb3?s=48 voyage_tech
0
250
Eebedc2ee7ff95ffb9d9102c6d4a065c?s=48 line_devday2020
0
120
Cd931bc05e7cee46b9a950a63e47ba4c?s=48 you
0
180
Eebedc2ee7ff95ffb9d9102c6d4a065c?s=48 line_devday2020
0
310
Eebedc2ee7ff95ffb9d9102c6d4a065c?s=48 line_devday2020
0
110
Eebedc2ee7ff95ffb9d9102c6d4a065c?s=48 line_devday2020
0
120

Featured

See All Featured
9fa239b3154a0169d99ab7bf1422dd12?s=48 marcelosomers
220
15k
168ccec72eee0530b818d44f3fedaacf?s=48 shlominoach
175
7.3k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
52
4.1k
5b9fe87ec1faa67a4599782930f45ec9?s=48 sstephenson
144
12k
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
166
19k
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
192
8.4k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
71
3.5k
A415db3ac9e9668acbc1fb36eead84ac?s=48 mthomps
39
2.2k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
408
57k
7c8469ee8c9e594c65c59b919626c08d?s=48 scottboms
251
11k
027d1ebf66cc039a0bd3b55eeadbe75d?s=48 sachag
447
36k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
498
130k

Transcript

  1. CPEZNPWJO º -PUUJF ϚϧνσόΠεʹରԠͨ͠47(ΞχϝʔγϣϯɾΤίγεςϜ - SVG animation ecosystem supporting multiple

    devices -  /BPLJ:"."%" !XBLBNTIB ॳՆͷ+BWB4DSJQUࡇJONJYJ

  2. - What’s bodymovin ? - - bodymovin ͬͯԿʁ -

  3. - What’s bodymovin ? - "EPCF"GUFS&⒎FDUTͰ੍࡞ͨ͠ΞχϝʔγϣϯσʔλΛ +40/ܗࣜͰॻ͖ग़͢"GUFS&⒎FDUTϓϥάΠϯ

  4. - What’s bodymovin ? - ॻ͖ग़͞Εͨ+40/Λ47(Ξχϝʔγϣϯͱͯ͠࠶ੜͰ͖Δ +BWB4DSJQUϥΠϒϥϦ

  5. - Basic Example - - ಈ͔ͯ͠ΈΑ͏ -

  6. - Basic Example -

  7. - Basic Example -

  8. CPEZNPWJO w "&ͷ֤छϒϨϯυϞʔυʹରԠ w ςΩετσʔλͷϨϯμϦϯάʹ΋ରԠ w 47(͸ϕΫλʔσʔλͳͷͰղ૾౓ʹґଘ͠ͳ͍ w "GUFS&⒎FDUTͷߴ͍දݱྗΛͦͷ··XFCϒϥ΢β্Ͱ දݱͰ͖Δ

  9. 0OFNPSFUIJOHʜ ͔͜͜Β͕ຊ൪ ͔Βͷʜ

  10. - What’s Lottie ? - - Lottie ͱ͸Ұମʁ -

  11. -PUUJF w CPEZNPWJOͰॻ͖ग़͞Εͨ+40/ΛωΠςΟϒΞϓϦέʔ γϣϯͰಈ࡞ͤ͞ΔϓϥάΠϯ w J04"OESPJE3FBDU/BUJWFʹରԠࡁΈ w "JSCOCʹΑΔΦʔϓϯιʔε

  12. None

  13. - Basic Examples - - ಈ͔ͯ͠ΈΑ͏ -

  14. - Basic Examples -

  15. "TBQPJOUPGOPUF w ϏοτϚοϓσʔλؚ͕·Ε͍ͯΔͱਖ਼ৗʹಈ࡞͠ͳ͍ w ίϯϙδγϣϯ͕ωετ͍ͯ͠ΔͱΞχϝʔγϣϯ͕ਖ਼ৗʹ ಈ࡞͠ͳ͍ ˞-PUUJFʹͯ  w ϓϦϩʔμʔ΍ΞΠίϯͱ͍ͬͨখن໛ͳΞχϝʔγϣϯ͕

    ༻్ͱͯ͠ద੾

  16. *OUSPEVDFNZTFMG Զͷ໊લΛݴͬͯΈΖ ࣗݾ঺հ

  17. גࣜձࣾϦΫϧʔτϚʔέςΟϯάύʔτφʔζ XFCϑϩϯτΤϯυΤϯδχΞ ࢁా ௚थ /BPLJ:"."%" *OUSPEVDFNZTFMG !XBLBNTIB

  18. https://tech.recruit-mp.co.jp NET BIZ DIV. TECH BLOG

  19. None

  20. https://tech.recruit-mp.co.jp 3.1 ϒϩά

  21. 5IBOLZPV