Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
bodymovin × Lottie - マルチデバイスに対応した SVG アニメーション・エ...
Search
wakamsha
May 27, 2017
Technology
2
940
bodymovin × Lottie - マルチデバイスに対応した SVG アニメーション・エコシステム
2017年5月27日 『初夏の JavaScript 祭 in mixi』にて発表した資料です。
wakamsha
May 27, 2017
Tweet
Share
More Decks by wakamsha
See All by wakamsha
Storybook 勉強会
wakamsha
0
160
フロントエンドリアーキテクチャリングと開発チームのスキルトランスファーにおける9ヶ月間の奮闘記
wakamsha
5
5.6k
Vite を使ってアプリケーションに環境変数を参照させる方法を考える
wakamsha
0
1.2k
小さくはじめる車輪の再発明のすゝめ
wakamsha
0
310
JavaScript ( 時々 TypeScript ) で ゆるやかにはじめる関数型プログラミング
wakamsha
6
3.1k
【codegen は難しくない】Swagger から JavaScript ( TypeScript ) コードを自動生成してコーディングを効率化しよう
wakamsha
4
3.4k
My name is WAKAMSHA - I’m a programmer / web frontend engineer.
wakamsha
1
2.1k
それ、もっとスマートに書けるよ - JavaScript コードをもっと短く、もっとシンプルに書く Tips 4選
wakamsha
9
14k
LP 制作フローを抜本的に改善した話
wakamsha
1
460
Other Decks in Technology
See All in Technology
Security response for open source ecosystems
frasertweedale
0
100
問題解決に役立つ数理工学
recruitengineers
PRO
7
2.1k
RAGの基礎から実践運用まで:AWS BedrockとLangfuseで実現する構築・監視・評価
sonoda_mj
0
440
Dapr For Java Developers SouJava 25
salaboy
1
130
日本MySQLユーザ会ができるまで / making MyNA
tmtms
1
360
20250328_OpenAI製DeepResearchは既に一種のAGIだと思う話
doradora09
PRO
0
150
SpannerとAurora DSQLの同時実行制御の違いに想いを馳せる
masakikato5
0
570
Tirez profit de Messenger pour améliorer votre architecture
tucksaun
1
140
Symfony in 2025: Scaling to 0
fabpot
2
190
LINE Notify互換のボットを作った話
kenichirokimura
0
180
スケールアップ企業のQA組織のバリューを最大限に引き出すための取り組み
tarappo
4
930
OPENLOGI Company Profile for engineer
hr01
1
22k
Featured
See All Featured
Rebuilding a faster, lazier Slack
samanthasiow
80
8.9k
A Tale of Four Properties
chriscoyier
158
23k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
The Cost Of JavaScript in 2023
addyosmani
48
7.6k
How STYLIGHT went responsive
nonsquared
99
5.4k
YesSQL, Process and Tooling at Scale
rocio
172
14k
How to train your dragon (web standard)
notwaldorf
91
5.9k
KATA
mclloyd
29
14k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
51
2.4k
Thoughts on Productivity
jonyablonski
69
4.5k
The Cult of Friendly URLs
andyhume
78
6.3k
Transcript
CPEZNPWJO º -PUUJF ϚϧνσόΠεʹରԠͨ͠47(ΞχϝʔγϣϯɾΤίγεςϜ - SVG animation ecosystem supporting multiple
devices - /BPLJ:"."%" !XBLBNTIB ॳՆͷ+BWB4DSJQUࡇJONJYJ
- What’s bodymovin ? - - bodymovin ͬͯԿʁ -
- What’s bodymovin ? - "EPCF"GUFS&⒎FDUTͰ੍࡞ͨ͠ΞχϝʔγϣϯσʔλΛ +40/ܗࣜͰॻ͖ग़͢"GUFS&⒎FDUTϓϥάΠϯ
- What’s bodymovin ? - ॻ͖ग़͞Εͨ+40/Λ47(Ξχϝʔγϣϯͱͯ͠࠶ੜͰ͖Δ +BWB4DSJQUϥΠϒϥϦ
- Basic Example - - ಈ͔ͯ͠ΈΑ͏ -
- Basic Example -
- Basic Example -
CPEZNPWJO w "&ͷ֤छϒϨϯυϞʔυʹରԠ w ςΩετσʔλͷϨϯμϦϯάʹରԠ w 47(ϕΫλʔσʔλͳͷͰղ૾ʹґଘ͠ͳ͍ w "GUFS&⒎FDUTͷߴ͍දݱྗΛͦͷ··XFCϒϥβ্Ͱ දݱͰ͖Δ
0OFNPSFUIJOHʜ ͔͜͜Β͕ຊ൪ ͔Βͷʜ
- What’s Lottie ? - - Lottie ͱҰମʁ -
-PUUJF w CPEZNPWJOͰॻ͖ग़͞Εͨ+40/ΛωΠςΟϒΞϓϦέʔ γϣϯͰಈ࡞ͤ͞ΔϓϥάΠϯ w J04"OESPJE3FBDU/BUJWFʹରԠࡁΈ w "JSCOCʹΑΔΦʔϓϯιʔε
None
- Basic Examples - - ಈ͔ͯ͠ΈΑ͏ -
- Basic Examples -
"TBQPJOUPGOPUF w ϏοτϚοϓσʔλؚ͕·Ε͍ͯΔͱਖ਼ৗʹಈ࡞͠ͳ͍ w ίϯϙδγϣϯ͕ωετ͍ͯ͠ΔͱΞχϝʔγϣϯ͕ਖ਼ৗʹ ಈ࡞͠ͳ͍ ˞-PUUJFʹͯ w ϓϦϩʔμʔΞΠίϯͱ͍ͬͨখنͳΞχϝʔγϣϯ͕
༻్ͱͯ͠ద
*OUSPEVDFNZTFMG Զͷ໊લΛݴͬͯΈΖ ࣗݾհ
גࣜձࣾϦΫϧʔτϚʔέςΟϯάύʔτφʔζ XFCϑϩϯτΤϯυΤϯδχΞ ࢁా थ /BPLJ:"."%" *OUSPEVDFNZTFMG !XBLBNTIB
https://tech.recruit-mp.co.jp NET BIZ DIV. TECH BLOG
None
https://tech.recruit-mp.co.jp 3.1 ϒϩά
5IBOLZPV