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.3k

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.1k
About Flutter Architecture
Avatar for Daichi Furiya (Wasabeef) wasabeef
1
280
2023 Flutter/Dart Summary
Avatar for Daichi Furiya (Wasabeef) wasabeef
0
89
I/O Extended 2023 - Dart と Flutter の新機能
Avatar for Daichi Furiya (Wasabeef) wasabeef
0
190
I/O Extended 2023 - Flutter 活用事例
Avatar for Daichi Furiya (Wasabeef) wasabeef
10
3k
What it Takes to be a Flutter Developer
Avatar for Daichi Furiya (Wasabeef) wasabeef
0
210
FlutterKaigi 2022 Keynote
Avatar for Daichi Furiya (Wasabeef) wasabeef
1
620
Flutter Hooks を使ったアプリ開発 / App Development with the Flutter Hooks
Avatar for Daichi Furiya (Wasabeef) wasabeef
2
1.4k
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
alien-signals と自作 OSS で実現する フレームワーク非依存な ロジック共通化の探求 / Exploring Framework-Agnostic Logic Sharing with alien-signals and Custom OSS
Avatar for aose aoseyuu
2
790
pnpm に provenance のダウングレード を検出する PR を出してみた
Avatar for mattsuu ryo_manba
1
160
When Dependencies Fail: Building Antifragile Applications in a Fragile World
Avatar for Selçuk Usta selcukusta
0
110
フロントエンド開発のためのブラウザ組み込みAI入門
Avatar for Masashi Hirano masashi
7
3.6k
CSC305 Lecture 11
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
310
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
7
670
ドメイン駆動設計のエッセンス
Avatar for 増田 亨 masuda220
PRO
15
6k
Server Side Kotlin Meetup vol.16: 内部動作を理解して ハイパフォーマンスなサーバサイド Kotlin アプリケーションを書こう
Avatar for ternbusty ternbusty
3
260
Pythonに漸進的に型をつける
Avatar for Nealle nealle
1
140
はじめてのDSPy - 言語モデルを『プロンプト』ではなく『プログラミング』するための仕組み
Avatar for Masahiro Nishimi masahiro_nishimi
4
17k
KoogではじめるAIエージェント開発
Avatar for hiro hiroaki404
1
140
AI 駆動開発におけるコミュニティと AWS CDK の価値
Avatar for Kenji Kono konokenj
5
290

Featured

See All Featured
Building Adaptive Systems
Avatar for Chris Keathley keathley
44
2.8k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
355
21k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
697
190k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
9
940
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
7
670
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
230
22k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
10
890
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
2
160
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
274
41k
How GitHub (no longer) Works
Avatar for Zach Holman holman
315
140k

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