Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
Lottie for You
Daichi Furiya (Wasabeef)
February 15, 2017
Programming
1
3.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)
Flutter Hooks を使ったアプリ開発 / App Development with the Flutter Hooks
wasabeef
1
490
Flutter 2021 の振り返りと今後のアプリ開発に向けて / Looking back on Flutter 2021 and for future app development.
wasabeef
4
1.7k
Flutter Hooks, sometimes Jetpack Compose
wasabeef
2
1.3k
Skia and Skija, Skiko [ja]
wasabeef
1
1.1k
Flutter はプロダクション開発に耐えうるのか / Flutter ready for production?
wasabeef
34
10k
モバイル開発におけるクロスプラットフォームの期待と課題 / Cross-platform expectations and challenges in mobile development
wasabeef
0
260
Repository with Store4 [ja]
wasabeef
2
980
来年に備えるために Android の知識を網羅する / Looking back on this Android year in preparation for next year.
wasabeef
17
13k
What's new Android Studio 4.0 [ja]
wasabeef
4
1.4k
Other Decks in Programming
See All in Programming
動画合成アーキテクチャを実装してみて
satorunooshie
0
530
Isar勉強会
hoddy3190
0
280
OSS貢献を気軽にしたい Let's Go Talk #1
yuyaabo
2
230
レビュー駆動学習のススメ_StaPy#83
soogie
0
290
YATA: collaborative documents and how to make them fast
horusiath
1
140
atama plusの開発チームはどのように「不確実性」に向き合ってきたか〜2022夏版〜
atamaplus
3
600
Git操作編
smt7174
0
120
設計の考え方とやり方
masuda220
PRO
45
24k
このタイミングで知っておきたい 開発生産性の高いエンジニア組織の特徴とは / dev-sumi-20220721-productivity-features
findyinc
7
2.5k
アジャイルで始める データ分析基盤構築
nagano
1
840
Windows コンテナ Dojo 第5回 OpenShift で学ぶ Kubernetes 入門
oniak3ibm
PRO
0
120
How GitHub Supports Vim License Detection, The Five Years Journey
othree
1
320
Featured
See All Featured
What's new in Ruby 2.0
geeforr
336
30k
The Language of Interfaces
destraynor
148
21k
Pencils Down: Stop Designing & Start Developing
hursman
113
9.8k
How GitHub Uses GitHub to Build GitHub
holman
465
280k
Put a Button on it: Removing Barriers to Going Fast.
kastner
56
2.3k
Designing the Hi-DPI Web
ddemaree
272
32k
The Brand Is Dead. Long Live the Brand.
mthomps
46
2.7k
Building Applications with DynamoDB
mza
84
4.7k
Code Review Best Practice
trishagee
44
9.7k
Why Our Code Smells
bkeepers
PRO
324
55k
Building Flexible Design Systems
yeseniaperezcruz
310
34k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
21
1.4k
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