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

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

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

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
570
82ed567f8497acfed7f7b464225dd536?s=48 wakamsha
0
200
82ed567f8497acfed7f7b464225dd536?s=48 wakamsha
6
2.5k
82ed567f8497acfed7f7b464225dd536?s=48 wakamsha
4
2.7k
82ed567f8497acfed7f7b464225dd536?s=48 wakamsha
1
1.5k
82ed567f8497acfed7f7b464225dd536?s=48 wakamsha
9
12k
82ed567f8497acfed7f7b464225dd536?s=48 wakamsha
1
380
82ed567f8497acfed7f7b464225dd536?s=48 wakamsha
1
6.6k
82ed567f8497acfed7f7b464225dd536?s=48 wakamsha
2
1.5k

Other Decks in Technology

See All in Technology
29fc9602e0ed9cca544d677266dadd68?s=48 hikarut
1
22k
Aa5b922fefbf18bea89972521971dfea?s=48 yoshikiiida
6
7.3k
835671ae91e49b2637313b91dacda1db?s=48 tdys13
0
1.4k
Ad5c154f422a9204af738d173aad4d4c?s=48 kinunori
0
300
8a84268593355816432ceaf78777d585?s=48 dena_tech
0
100
52d9c2096956a1fd886e1abe1cdf4db2?s=48 hashitokyo
2
260
457a32224e6ad774f17406984047f9ac?s=48 uuushiro
0
300
2102a6b8760bd6f57f672805723dd83a?s=48 line_developers_tw
PRO
0
190
8cc27471bcdeb2858fca212586a208b4?s=48 takahia1988
0
2.2k
13d936e697fe0f4fa96f926d0a712f6c?s=48 sansanbuildersbox
PRO
1
350
58ed7368f1de80df0b380087b19a4ac1?s=48 sugarcrm
PRO
0
140
D9bccbb47eddad3154e3cb7a967ba4bf?s=48 sarah_fooddatabank
0
170

Featured

See All Featured
A0517b08532aec8ab2aae3f65d40ad86?s=48 hannesfritz
32
1.2k
61857dafbd287b3027c4dcea9008ad3c?s=48 carmenhchung
45
2.3k
E837d2996f52008ace055a08fbfff992?s=48 frogandcode
130
20k
A9179349dd2bdc67f377719f56d85656?s=48 garrettdimon
295
110k
A16eb159db895e3b01d3dc95767ad595?s=48 jonyablonski
40
2k
78b475797a14c84799063c7cd073962f?s=48 holman
295
140k
1ce0eb06fd6a9e9566a0cb310cfee635?s=48 jrick
PRO
2
20k
F383c6a4dc55e331bbe2987b622cee6b?s=48 stephaniewalter
267
11k
C44e1f7e22c3f23cff7bc130871047ef?s=48 eileencodes
118
27k
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
123
8.3k
282d599b414022eba5096510f675b6e2?s=48 chrislema
174
14k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
316
22k

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