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

Lottie for You

Avatar for Daichi Furiya (Wasabeef) Daichi Furiya (Wasabeef)
February 15, 2017
Programming
1
4.4k

Lottie for You

Introduction to Airbnb Lottie.

Avatar for Daichi Furiya (Wasabeef)

Daichi Furiya (Wasabeef)

February 15, 2017
Tweet

More Decks by Daichi Furiya (Wasabeef)

See All by Daichi Furiya (Wasabeef)
DevFest Tokyo 2025 - Flutter のアプリアーキテクチャ現在地点
Avatar for Daichi Furiya (Wasabeef) wasabeef
6
2.6k
About Flutter Architecture
Avatar for Daichi Furiya (Wasabeef) wasabeef
1
300
2023 Flutter/Dart Summary
Avatar for Daichi Furiya (Wasabeef) wasabeef
0
120
I/O Extended 2023 - Dart と Flutter の新機能
Avatar for Daichi Furiya (Wasabeef) wasabeef
0
220
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
230
FlutterKaigi 2022 Keynote
Avatar for Daichi Furiya (Wasabeef) wasabeef
1
670
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
SourceGeneratorのマーカー属性問題について
Avatar for tkym htkym
0
130
手戻りゼロ？ Spec Driven Developmentとは@KAG AI week
Avatar for Tomoki Hirai tmhirai
1
150
オブザーバビリティ駆動開発って実際どうなの？
Avatar for yohfee yohfee
3
670
AI主導でFastAPIのWebサービスを作るときに 人間が構造化すべき境界線
Avatar for Jun okazaki okajun35
0
500
Rubyと楽しいをつくる / Creating joy with Ruby
Avatar for chobishiba chobishiba
0
200
go directiveを最新にしすぎないで欲しい話──あるいは、Go 1.26からgo mod initで作られるgo directiveの値が変わる話 / Go 1.26 リリースパーティ
Avatar for Arthur arthur1
2
450
RAGでハマりがちな"Excelの罠"を、データの構造化で突破する
Avatar for harumi harumiweb
8
2.4k
Premier Disciplin for Micro Frontends Multi Version/ Framework Scenarios @OOP 2026, Munic
Avatar for Manfred Steyer manfredsteyer
PRO
0
200
並行開発のためのコードレビュー
Avatar for Miyuki miyukiw
2
2.2k
CopilotKit + AG-UIを学ぶ
Avatar for NearMeの技術発表資料です nearme_tech
PRO
1
120
Oxlint JS plugins
Avatar for kazupon kazupon
1
1.2k
ふつうの Rubyist、ちいさなデバイス、大きな一年
Avatar for bash0C7 bash0c7
0
100

Featured

See All Featured
Mozcon NYC 2025: Stop Losing SEO Traffic
Avatar for Sam Torres samtorres
0
170
KATA
Avatar for Megan Lloyd mclloyd
PRO
35
15k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
37
6.3k
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
1
830
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
Avatar for Sophie Logan marketingsoph
0
98
AI in Enterprises - Java and Open Source to the Rescue
Avatar for ivargrimstad ivargrimstad
0
1.2k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
187
22k
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
200
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
67
37k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
770
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
408
66k
Navigating Team Friction
Avatar for Lara Hogan lara
192
16k

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