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.5k
About Flutter Architecture
Avatar for Daichi Furiya (Wasabeef) wasabeef
1
300
2023 Flutter/Dart Summary
Avatar for Daichi Furiya (Wasabeef) wasabeef
0
110
I/O Extended 2023 - Dart と Flutter の新機能
Avatar for Daichi Furiya (Wasabeef) wasabeef
0
210
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
220
FlutterKaigi 2022 Keynote
Avatar for Daichi Furiya (Wasabeef) wasabeef
1
660
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
Architectural Extensions
Avatar for Denys Poltorak denyspoltorak
0
280
Rust 製のコードエディタ “Zed” を使ってみた
Avatar for NearMeの技術発表資料です nearme_tech
PRO
0
170
LLM Observabilityによる 対話型音声AIアプリケーションの安定運用
Avatar for Hiroyuki Moriya gekko0114
2
430
CSC307 Lecture 05
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
500
Lambda のコードストレージ容量に気をつけましょう
Avatar for tatsuki-yamada tattwan718
0
130
コントリビューターによるDenoのすゝめ / Deno Recommendations by a Contributor
Avatar for petamoriken / 森建 petamoriken
0
200
Oxlint JS plugins
Avatar for kazupon kazupon
1
930
HTTPプロトコル正しく理解していますか？ 〜かわいい猫と共に学ぼう。ฅ^•ω•^ฅ ﾆｬ〜
Avatar for ♛Heitor Hirose hekuchan
2
690
OSSとなったswift-buildで Xcodeのビルドを差し替えられるため 自分でXcodeを直せる時代になっている ダイアモンド問題編
Avatar for yimajo yimajo
3
620
Data-Centric Kaggle
Avatar for ねぼすけAI isax1015
2
770
AWS re:Invent 2025参加 直前 Seattle-Tacoma Airport(SEA)におけるハードウェア紛失インシデントLT
Avatar for tetutetu214 tetutetu214
2
110
React 19でつくる「気持ちいいUI」- 楽観的UIのすすめ
Avatar for Hiroshi Morishige himorishige
11
7.4k

Featured

See All Featured
Side Projects
Avatar for Sacha Greif sachag
455
43k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.8k
The #1 spot is gone: here's how to win anyway
Avatar for Tamara Novitovic tamaranovitovic
2
940
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
0
130
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.9k
Everyday Curiosity
Avatar for Cassini Nazir cassininazir
0
130
Stewardship and Sustainability of Urban and Community Forests
Avatar for Eric Wiseman pwiseman
0
110
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
Claude Code のすすめ
Avatar for schroneko schroneko
67
210k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3.1k
What’s in a name? Adding method to the madness
Avatar for The Alliance productmarketing
PRO
24
3.9k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k

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