Adaloで簡単なアニメーションを表示してみようノーコード開発会社の選び方｜開発実績127件の技術者が6つの必須確認項目を解説

Adaloで簡単にアニメーションを表示することができます。

Lottieというファイルを使います。

とても簡単です。

今日はAdaloでアニメーションを表示する方法について説明したいと思います。

Lottieって？

Lottieがなにかわからない方も多いかと思いますが、

ざっくりいうと、LottieはWebでもアプリでも使えるアニメーションライブラリです。

json形式で出力できたりします。

で、どんなアニメーションができるのかというと、

まずはこちらのリンクを見ていただくとイメージがわくかと思います。

こちらのサイトにいくと無料で使えるLottieアニメーションがたくさん落ちてます。

これらを使ってもいいですし、自分でLottieファイルを作れる方はご自身で作るのもいいでしょう。

ここではすでにあるLottieファイルを使ってAdaloに表示する方法を説明します。

まずはAdaloからコンポーネントを選択します。

↑コンポーネントのメニューの下の方にEXPLORE MARKETPLACEという緑のボタンがあるのでこちらを押し、

↑その中からLottieを探します。

最近はAdaloコンポーネントが増えてきて見つけにくいので、右上の検索ボックスでLottieと打つのが良いですね。

（たくさん増えてきて嬉しい、、、！もっともっと！）

以下のような感じでコンポーネントを適当な場所に貼り付けます。

すると、左にPaste JSON...って出てるのでここにJSONを貼り付けたいです。

JSONは先程のこちらから探せます。

こちらのサイトから任意の無料のLottieを選び、JSON形式でダウンロードします。

それをテキストエディタで開くと、、、

こんな感じのカッコや""がいっぱい並んでる文字列が表示されます。

これを全選択してコピーし、

それを先程の「Paste JSON...」にPasteします。

それで完成です！

動画が簡単に表示されるのがわかると思います。

動画で解説もしてみたので、ぜひ見てみてください〜。