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
5
1.9k
About Flutter Architecture
wasabeef
1
240
2023 Flutter/Dart Summary
wasabeef
0
73
I/O Extended 2023 - Dart と Flutter の新機能
wasabeef
0
180
I/O Extended 2023 - Flutter 活用事例
wasabeef
10
3k
What it Takes to be a Flutter Developer
wasabeef
0
200
FlutterKaigi 2022 Keynote
wasabeef
1
600
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
都市をデータで見るってこういうこと PLATEAU属性情報入門
nokonoko1203
1
560
Rubyでやりたい駆動開発 / Ruby driven development
chobishiba
1
350
iOSアプリ開発で 関数型プログラミングを実現する The Composable Architectureの紹介
yimajo
2
210
20250628_非エンジニアがバイブコーディングしてみた
ponponmikankan
0
340
#kanrk08 / 公開版 PicoRubyとマイコンでの自作トレーニング計測装置を用いたワークアウトの理想と現実
bash0c7
1
300
PHPで始める振る舞い駆動開発(Behaviour-Driven Development)
ohmori_yusuke
2
170
アンドパッドの Go 勉強会「 gopher 会」とその内容の紹介
andpad
0
260
生成AIで日々のエラー調査を進めたい
yuyaabo
0
640
Kotlin エンジニアへ送る:Swift 案件に参加させられる日に備えて~似てるけど色々違う Swift の仕様 / from Kotlin to Swift
lovee
1
250
型付きアクターモデルがもたらす分散シミュレーションの未来
piyo7
0
810
データの民主化を支える、透明性のあるデータ利活用への挑戦 2025-06-25 Database Engineering Meetup#7
y_ken
0
310
「Cursor/Devin全社導入の理想と現実」のその後
saitoryc
0
140
Featured
See All Featured
Product Roadmaps are Hard
iamctodd
PRO
53
11k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.8k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.3k
The Pragmatic Product Professional
lauravandoore
35
6.7k
Build The Right Thing And Hit Your Dates
maggiecrowley
36
2.8k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
46
9.6k
Rails Girls Zürich Keynote
gr2m
94
14k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
700
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Making the Leap to Tech Lead
cromwellryan
134
9.3k
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