「Lottieロッティー」はベクター画像のアニメーションを実現できる技術・ファイルフォーマットです。 Lottieアニメーションの作り方編の記事(Figma編、After Effects編)では、Lottieの概要から作り方、ファイルの書き出し方までを紹介しました。本記事では、Lottieアニメーションの実装方法について紹介します。 Lottieの組み込みはプラットフォームに応じたさまざまな実装方法が用意されていますが、一般的なウェブの方法を例に紹介します。実装編の前編となる本記事では、手軽に組み込むことができるLottie-Playerを使用して実装します。 iOS、Androidアプリケーション等のそのほかの実装方法は公式ドキュメントを参照ください。 アニメーションの実装 ウェブ向けの実装方法は大きく2パターンあります。HTMLメインの方法と、JavaScriptメインで実装する方法で
![最新版! Lottieアニメーションの実装方法 - Lottie-Player編 - ICS MEDIA](https://cdn-ak-scissors.b.st-hatena.com/image/square/053d9a35d3b3715ac4df34d3750d6f355d9e6237/height=288;version=1;width=512/https%3A%2F%2Fics.media%2Fentry%2F240403%2Fimages%2Feyecatch.png)