Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Lottie for You

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Daichi Furiya (Wasabeef) Daichi Furiya (Wasabeef)
February 15, 2017
Programming
4.5k
1

Lottie for You

Introduction to Airbnb Lottie.

Avatar for Daichi Furiya (Wasabeef)

Daichi Furiya (Wasabeef)

February 15, 2017

More Decks by Daichi Furiya (Wasabeef)

See All by Daichi Furiya (Wasabeef)
DevFest Tokyo 2025 - Flutter のアプリアーキテクチャ現在地点
Avatar for Daichi Furiya (Wasabeef) wasabeef
6
2.7k
About Flutter Architecture
Avatar for Daichi Furiya (Wasabeef) wasabeef
1
310
2023 Flutter/Dart Summary
Avatar for Daichi Furiya (Wasabeef) wasabeef
0
130
I/O Extended 2023 - Dart と Flutter の新機能
Avatar for Daichi Furiya (Wasabeef) wasabeef
0
230
I/O Extended 2023 - Flutter 活用事例
Avatar for Daichi Furiya (Wasabeef) wasabeef
10
3.1k
What it Takes to be a Flutter Developer
Avatar for Daichi Furiya (Wasabeef) wasabeef
0
240
FlutterKaigi 2022 Keynote
Avatar for Daichi Furiya (Wasabeef) wasabeef
1
710
Flutter Hooks を使ったアプリ開発 / App Development with the Flutter Hooks
Avatar for Daichi Furiya (Wasabeef) wasabeef
2
1.5k
Flutter 2021 の振り返りと今後のアプリ開発に向けて / Looking back on Flutter 2021 and for future app development.
Avatar for Daichi Furiya (Wasabeef) wasabeef
4
2.2k

Other Decks in Programming

See All in Programming
ソースコード→AST→オペコード、の旅を覗いてみる
Avatar for hideki kinjyo o0h
PRO
1
130
My daily life on Ruby
Avatar for Akira Matsuda a_matsuda
3
410
新規プロダクトを高速で生み出すハーネスエンジニアリング
Avatar for Ryohei Ikegami seanchas116
3
160
書籍「ユーザーストーリーマッピング」が私のバイブル
Avatar for asumikam asumikam
4
490
AI時代のエンジニアリングの原則 / Engineering Principles in the AI ​​Era
Avatar for haru860 haru860
0
1.3k
「OSSがあるなら自作するな」は AI時代も正しいか ── Build vs Adopt の新しい判断基準
Avatar for Kumo Ishikawa kumorn5s
7
2.7k
(Re)make Regexp in Ruby: Democratizing internals for the JIT
Avatar for TSUYUSATO Kitsune makenowjust
3
1.1k
Sans tests, vos agents ne sont pas fiables
Avatar for Nathan Abondance nabondance
0
130
なぜあなたのコードには「コシ」がないのか？〜AI時代に問う、最後まで美味しい設計と戦略〜 #phpconkagawa / phpconkagawa2026
Avatar for shogogg shogogg
0
210
GoogleCloudとterraform完全に理解した
Avatar for Terisuke terisuke
1
200
色即是空、空即是色、データサイエンス
Avatar for KamoNeggi kamoneggi
1
110
How We Practice Exploratory Testing in Iterative Development( #scrumniigata ) / 反復開発の中で、探索的テストをどう実施しているか
Avatar for teyamagu teyamagu
PRO
3
850

Featured

See All Featured
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
1
2.1k
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
1
500
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.3k
What’s in a name? Adding method to the madness
Avatar for The Alliance productmarketing
PRO
24
4k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
1
2k
30 Presentation Tips
Avatar for Ian Lurie portentint
PRO
1
290
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
120k
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
Avatar for Sara Fernández Carmona sarafernandez
2
1.4k
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
330
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1.2k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
356
21k

Transcript

  1. Lottie for You wasabeef potatotips #37

  2. About me 降矢 大地 (Daichi Furiya) Google Developer Expert AbemaTV,

    Inc. @wasabeef_jp wasabeef

  3. Lottie?

  4. Lottie? By

  5. Lottie?

  6. Lottie?

  7. “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?

  8. Flexible After Effects features Manipulate your animation any way you

    like Small file sizes Why Lottie?

  9. After Effects?

  10. After Effects? By

  11. After Effects?

  12. “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?

  13. BodyMovin?

  14. “After Effects plugin for exporting animations to svg/canvas/html + js”

    BodyMovin?

  15. Using Lottie dependencies { compile 'com.airbnb.android:lottie:x.x.x' }

  16. 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" />

  17. Conclusion

  18. Thank you. twitter.com/wasabeef_jp wasabeef.jp github.com/wasabeef