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
970
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
190
フロントエンドリアーキテクチャリングと開発チームのスキルトランスファーにおける9ヶ月間の奮闘記
wakamsha
5
5.8k
Vite を使ってアプリケーションに環境変数を参照させる方法を考える
wakamsha
0
1.3k
小さくはじめる車輪の再発明のすゝめ
wakamsha
0
330
JavaScript ( 時々 TypeScript ) で ゆるやかにはじめる関数型プログラミング
wakamsha
6
3.1k
【codegen は難しくない】Swagger から JavaScript ( TypeScript ) コードを自動生成してコーディングを効率化しよう
wakamsha
4
3.5k
My name is WAKAMSHA - I’m a programmer / web frontend engineer.
wakamsha
1
2.1k
それ、もっとスマートに書けるよ - JavaScript コードをもっと短く、もっとシンプルに書く Tips 4選
wakamsha
9
14k
LP 制作フローを抜本的に改善した話
wakamsha
1
470
Other Decks in Technology
See All in Technology
キャリアを支え組織力を高める「多層型ふりかえり」 / 20250821 Kazuki Mori
shift_evolve
PRO
2
280
ウォンテッドリーのアラート設計と Datadog 移行での知見
donkomura
0
300
KiroでGameDay開催してみよう(準備編)
yuuuuuuu168
1
110
認知戦の理解と、市民としての対抗策
hogehuga
0
260
夢の印税生活 / Life on Royalties
tmtms
0
280
Exadata Database Service on Dedicated Infrastructure セキュリティ、ネットワーク、および管理について
oracle4engineer
PRO
1
360
Yahoo!ニュースにおけるソフトウェア開発
lycorptech_jp
PRO
0
240
会社にデータエンジニアがいることでできるようになること
10xinc
9
1.5k
Gaze-LLE: Gaze Target Estimation via Large-Scale Learned Encoders
kzykmyzw
0
300
人と組織に偏重したEMへのアンチテーゼ──なぜ、EMに設計力が必要なのか/An antithesis to the overemphasis of people and organizations in EM
dskst
3
300
広島銀行におけるAWS活用の取り組みについて
masakimori
0
110
知られざるprops命名の慣習 アクション編
uhyo
8
1.4k
Featured
See All Featured
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
How to Ace a Technical Interview
jacobian
279
23k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
30
9.6k
Designing Experiences People Love
moore
142
24k
How to Think Like a Performance Engineer
csswizardry
25
1.8k
Git: the NoSQL Database
bkeepers
PRO
431
65k
Rails Girls Zürich Keynote
gr2m
95
14k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.8k
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.5k
KATA
mclloyd
32
14k
A Tale of Four Properties
chriscoyier
160
23k
Raft: Consensus for Rubyists
vanstee
140
7.1k
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