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
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
700
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
iOS機能開発のAI環境と起きた変化
Avatar for Ryu-nakayama ryunakayama
0
190
クラウドネイティブなエンジニアに向ける Raycastの魅力と実際の活用事例
Avatar for Nealle nealle
2
210
年間50登壇、単著出版、雑誌寄稿、Podcast出演、YouTube、CM、カンファレンス主催……全部やってみたので面白さ等を比較してみよう / I’ve tried them all, so let’s compare how interesting they are.
Avatar for nrs nrslib
4
800
JOAI2026 1st solution - heron0519 -
Avatar for heron0519 heron0519
0
140
〜バイブコーディングを超えて〜 チームで実験し続けたAI駆動開発
Avatar for Toranosuke Minamikawa tigertora7571
0
140
Going Multiplatform with Your Android App (Android Makers 2026)
Avatar for Márton Braun zsmb
2
440
Programming with a DJ Controller — not vibe coding
Avatar for seki at druby.org m_seki
3
140
How We Benchmarked Quarkus: Patterns and anti-patterns
Avatar for Holly Cummins hollycummins
1
150
Liberating Ruby's Parser from Lexer Hacks
Avatar for ydah ydah
2
1.8k
Vibe하게 만드는 Flutter GenUI App With ADK , 박제창, BWAI Incheon 2026
Avatar for JaiChangPark itsmedreamwalker
0
550
HTML-Aware ERB: The Path to Reactive Rendering @ RubyKaigi 2026, Hakodate, Japan
Avatar for Marco Roth marcoroth
0
170
運転動画を検索可能にする〜Cosmos-Embed1とDatabricks Vector Searchで〜/cosmos-embed1-databricks-vector-search
Avatar for 開発室Graph studio_graph
0
380

Featured

See All Featured
The SEO identity crisis: Don't let AI make you average
Avatar for Varn varn
0
450
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
Avatar for David Neal reverentgeek
1
420
Marketing to machines
Avatar for Jono Alderson jonoalderson
1
5.2k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.6k
Lessons Learnt from Crawling 1000+ Websites
Avatar for Charles Meaden charlesmeaden
PRO
1
1.2k
Building the Perfect Custom Keyboard
Avatar for Naoto Takai takai
2
730
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
320
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k
First, design no harm
Avatar for Per Axbom axbom
PRO
2
1.2k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k
Heart Work Chapter 1 - Part 1
Avatar for Lake Fama lfama
PRO
6
35k
sira's awesome portfolio website redesign presentation
Avatar for ElsiraPls elsirapls
0
220

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