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
4k
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)
About Flutter Architecture
wasabeef
0
17
2023 Flutter/Dart Summary
wasabeef
0
9
I/O Extended 2023 - Dart と Flutter の新機能
wasabeef
0
95
I/O Extended 2023 - Flutter 活用事例
wasabeef
9
2.2k
What it Takes to be a Flutter Developer
wasabeef
0
120
FlutterKaigi 2022 Keynote
wasabeef
1
490
Flutter Hooks を使ったアプリ開発 / App Development with the Flutter Hooks
wasabeef
2
1.2k
Flutter 2021 の振り返りと今後のアプリ開発に向けて / Looking back on Flutter 2021 and for future app development.
wasabeef
4
2k
Flutter Hooks, sometimes Jetpack Compose
wasabeef
3
1.6k
Other Decks in Programming
See All in Programming
RubyVM を PHP で実装する 〜Hello World を出力するまで〜
memory1994
PRO
1
490
Laravel標準バリデーションでできること
hmb_ok
2
360
Prepare for Jakarta EE 11 - Performance and Developer Productivity
ivargrimstad
0
490
object-oriented-conference-2024
fuwasegu
6
1.8k
DocC Tutorial と TCA におけるテスト機能の紹介
kalupas226
1
330
コミュニティに参加したことで起きた変化
ohmori_yusuke
3
130
LPIXEL×CADDi_kaerururu
kaerururu
3
300
【KMC春合宿2024】実装視点で見るNeural Radiance Fields
runningoutrate
0
150
WasmOS: Wasmを実行する自作Microkernel
riru
0
370
Compiling Python to WebAssembly with py2wasm
syrusakbary
0
130
自動テスト実行結果の目的を整理する / Organizing objectives of automated test results
twada
PRO
10
2.1k
ONE WEDGE_Company_Information
1wedge
0
170
Featured
See All Featured
Fantastic passwords and where to find them - at NoRuKo
philnash
35
2.4k
Debugging Ruby Performance
tmm1
68
11k
Testing 201, or: Great Expectations
jmmastey
27
6.3k
Imperfection Machines: The Place of Print at Facebook
scottboms
257
12k
Making the Leap to Tech Lead
cromwellryan
122
8.4k
Rails Girls Zürich Keynote
gr2m
91
13k
Agile that works and the tools we love
rasmusluckow
323
20k
Pencils Down: Stop Designing & Start Developing
hursman
115
11k
It's Worth the Effort
3n
180
27k
What's new in Ruby 2.0
geeforr
335
31k
A Modern Web Designer's Workflow
chriscoyier
689
190k
Bash Introduction
62gerente
604
210k
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