Slide 1

Slide 1 text

CPEZNPWJO º -PUUJF ϚϧνσόΠεʹରԠͨ͠47(ΞχϝʔγϣϯɾΤίγεςϜ - SVG animation ecosystem supporting multiple devices - /BPLJ:"."%" !XBLBNTIB ॳՆͷ+BWB4DSJQUࡇJONJYJ

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

- Basic Example -

Slide 7

Slide 7 text

- Basic Example -

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

No content

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

- Basic Examples -

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

5IBOLZPV