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.1k
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
5
1.1k
About Flutter Architecture
wasabeef
1
180
2023 Flutter/Dart Summary
wasabeef
0
49
I/O Extended 2023 - Dart と Flutter の新機能
wasabeef
0
150
I/O Extended 2023 - Flutter 活用事例
wasabeef
10
2.8k
What it Takes to be a Flutter Developer
wasabeef
0
170
FlutterKaigi 2022 Keynote
wasabeef
1
570
Flutter Hooks を使ったアプリ開発 / App Development with the Flutter Hooks
wasabeef
2
1.3k
Flutter 2021 の振り返りと今後のアプリ開発に向けて / Looking back on Flutter 2021 and for future app development.
wasabeef
4
2.1k
Other Decks in Programming
See All in Programming
Effective Signals in Angular 19+: Rules and Helpers
manfredsteyer
PRO
0
320
선언형 UI에서의 상태관리
l2hyunwoo
0
250
Androidアプリのモジュール分割における:x:commonを考える
okuzawats
1
260
Внедряем бюджетирование, или Как сделать хорошо?
lamodatech
0
860
Package Traits
ikesyo
1
110
MCP with Cloudflare Workers
yusukebe
2
260
Оптимизируем производительность блока Казначейство
lamodatech
0
870
非ブラウザランタイムとWeb標準 / Non-Browser Runtimes and Web Standards
petamoriken
0
410
毎日13時間もかかるバッチ処理をたった3日で60%短縮するためにやったこと
sho_ssk_
1
490
Запуск 1С:УХ в крупном энтерпрайзе: мечта и реальность ПМа
lamodatech
0
860
見えないメモリを観測する: PHP 8.4 `pg_result_memory_size()` とSQL結果のメモリ管理
kentaroutakeda
0
880
EC2からECSへ 念願のコンテナ移行と巨大レガシーPHPアプリケーションの再構築
sumiyae
3
540
Featured
See All Featured
Fireside Chat
paigeccino
34
3.1k
Become a Pro
speakerdeck
PRO
26
5.1k
No one is an island. Learnings from fostering a developers community.
thoeni
19
3.1k
Building a Scalable Design System with Sketch
lauravandoore
460
33k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
45
2.3k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
29
2k
Docker and Python
trallard
43
3.2k
Making the Leap to Tech Lead
cromwellryan
133
9k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
3
330
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