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
Lottie for You
Search
Daichi Furiya (Wasabeef)
February 15, 2017
Programming
1
4.3k
Lottie for You
Introduction to Airbnb Lottie.
Daichi Furiya (Wasabeef)
February 15, 2017
Tweet
Share
More Decks by Daichi Furiya (Wasabeef)
See All by Daichi Furiya (Wasabeef)
DevFest Tokyo 2025 - Flutter のアプリアーキテクチャ現在地点
wasabeef
6
2k
About Flutter Architecture
wasabeef
1
260
2023 Flutter/Dart Summary
wasabeef
0
82
I/O Extended 2023 - Dart と Flutter の新機能
wasabeef
0
190
I/O Extended 2023 - Flutter 活用事例
wasabeef
10
3k
What it Takes to be a Flutter Developer
wasabeef
0
200
FlutterKaigi 2022 Keynote
wasabeef
1
620
Flutter Hooks を使ったアプリ開発 / App Development with the Flutter Hooks
wasabeef
2
1.4k
Flutter 2021 の振り返りと今後のアプリ開発に向けて / Looking back on Flutter 2021 and for future app development.
wasabeef
4
2.2k
Other Decks in Programming
See All in Programming
Testing Trophyは叫ばない
toms74209200
0
860
今だからこそ入門する Server-Sent Events (SSE)
nearme_tech
PRO
3
170
開発チーム・開発組織の設計改善スキルの向上
masuda220
PRO
20
11k
Ruby Parser progress report 2025
yui_knk
1
440
Performance for Conversion! 分散トレーシングでボトルネックを 特定せよ
inetand
0
140
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
360
「手軽で便利」に潜む罠。 Popover API を WCAG 2.2の視点で安全に使うには
taitotnk
0
850
CJK and Unicode From a PHP Committer
youkidearitai
PRO
0
110
testingを眺める
matumoto
1
140
Namespace and Its Future
tagomoris
6
700
Navigation 2 を 3 に移行する(予定)ためにやったこと
yokomii
0
140
Updates on MLS on Ruby (and maybe more)
sylph01
1
180
Featured
See All Featured
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
51
5.6k
Code Review Best Practice
trishagee
70
19k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
36
2.5k
Visualization
eitanlees
148
16k
RailsConf 2023
tenderlove
30
1.2k
Designing Experiences People Love
moore
142
24k
What's in a price? How to price your products and services
michaelherold
246
12k
GraphQLの誤解/rethinking-graphql
sonatard
72
11k
A designer walks into a library…
pauljervisheath
207
24k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
The Art of Programming - Codeland 2020
erikaheidi
56
13k
Rails Girls Zürich Keynote
gr2m
95
14k
Transcript
Lottie for You wasabeef potatotips #37
About me 降矢 大地 (Daichi Furiya) Google Developer Expert AbemaTV,
Inc. @wasabeef_jp wasabeef
Lottie?
Lottie? By
Lottie?
Lottie?
“Lottie is an iOS, Android, and React Native library that
renders After Effects animations in real time, allowing apps to use animations as easily as they use static images.” Lottie?
Flexible After Effects features Manipulate your animation any way you
like Small file sizes Why Lottie?
After Effects?
After Effects? By
After Effects?
“The industry-standard animation and creative compositing app lets you design
and deliver professional motion graphics and visual effects for film, TV, video, and web.” After Effects?
BodyMovin?
“After Effects plugin for exporting animations to svg/canvas/html + js”
BodyMovin?
Using Lottie dependencies { compile 'com.airbnb.android:lottie:x.x.x' }
Using Lottie <com.airbnb.lottie.LottieAnimationView android:id="@+id/animation_view" android:layout_width="wrap_content" android:layout_height="wrap_content" app:lottie_fileName="hello-world.json" app:lottie_loop="true" app:lottie_autoPlay="true" />
Conclusion
Thank you. twitter.com/wasabeef_jp wasabeef.jp github.com/wasabeef