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.2k
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.2k
About Flutter Architecture
wasabeef
1
190
2023 Flutter/Dart Summary
wasabeef
0
53
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
個人アプリを2年ぶりにアプデしたから褒めて / I just updated my personal app, praise me!
lovee
0
300
Amazon Nova Reelの可能性
hideg
0
260
非ブラウザランタイムとWeb標準 / Non-Browser Runtimes and Web Standards
petamoriken
0
450
オニオンアーキテクチャを使って、 Unityと.NETでコードを共有する
soi013
0
390
カンファレンス動画鑑賞会のススメ / Osaka.swift #1
hironytic
0
200
ペアーズでの、Langfuseを中心とした評価ドリブンなリリースサイクルのご紹介
fukubaka0825
1
200
Terraform で作る Amazon ECS の CI/CD パイプライン
hiyanger
0
110
Lookerは可視化だけじゃない。UIコンポーネントもあるんだ!
ymd65536
1
140
Immutable ActiveRecord
megane42
0
120
SwiftUIで単方向アーキテクチャを導入して得られた成果
takuyaosawa
0
140
最近のVS Codeで気になるニュース 2025/01
74th
1
240
React 19でお手軽にCSS-in-JSを自作する
yukukotani
5
600
Featured
See All Featured
How to Think Like a Performance Engineer
csswizardry
22
1.3k
Gamification - CAS2011
davidbonilla
80
5.1k
Being A Developer After 40
akosma
89
590k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.3k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
175
51k
A designer walks into a library…
pauljervisheath
205
24k
How to Ace a Technical Interview
jacobian
276
23k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
29
990
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
8
1.3k
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.4k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
6
220
Agile that works and the tools we love
rasmusluckow
328
21k
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