
Airbnbがリリースしたアニメーションライブラリ「Loitte」とは?
Lottieの使い方
それでは、Lottieの使い方を見ていくことにしましょう。
1. Bodymovinのインストール
Lottieは先述の通りAfter Effectsの拡張プラグインであるBodymovinに依存しています。
このBodymovinを使うことで、LottieでJSONデータを読み込んでアニメーションを表示する準備が整います。
Bodymovinの使い方の詳細やダウンロードに関してはGitHubをご覧ください。
2. Lottieを読み込み
同じJSONデータをiOS、Android、React Nativeと、あらゆるプラットフォームで使うことができます。
Lottieのデモを確認したい場合
現在のところAndroid版のみですが、アニメーションのデモを確認することのできるアプリがGoogle Play ストアにて配布されています。
アニメーションのJSONファイルを読み込んで、プレイヤーで再生したり一時停止したりすることができます。
まとめ
これまで複雑なアニメーションを作成するためには、いくつものライブラリを読み込んで、うんざりするほどのコードを書かなければいけませんでした。
ところが、Lottieを使うことによって、モバイルアプリケーションでユーザーを引きつけるアニメーションを簡単に実装することができるようになります。
とりわけ、いままでAndroidでこのような高度なアニメーションを表示するライブラリは少なかったので、世界中のエンジニアがLottieの今後に期待しているようです。
実際には、まだ登場したばかりのライブラリではあるのでサンプルコードが少ないです。
しかし、ある程度マニュアルを読むことができる方は、Lottieでのアニメーションを使ったモバイルアプリの作成にぜひ挑戦してみてください。
参考:
意外と簡単!HTML5とJavaScriptを使ってスマホアプリを作ろう
jQuery学習者にReactも学習してほしい3つの理由と学習方法まとめ
- プラグイン
- プラグインは、本来あるソフトウェアに機能を拡張させるために追加するプログラムのことです。 このページではWordpressのプラグインを例としてお話していきます。
- フォーム
- フォームとは、もともと「形」「書式」「伝票」などの意味を持つ英単語です。インターネットの分野では、パソコンの操作画面におけるユーザーからの入力を受け付ける部分を指します。企業のホームページでは、入力フォームが設置されていることが多いようです。
- Android
- Android OSとはスマートフォン用に開発された基本ソフト(OS)の一種です。米国Google社が中心となり開発されました。
- アプリ
- アプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。 スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。
- アプリ
- アプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。 スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。
- ユーザー
- ユーザーとは、コンピューターやシステムを利用する人のことを指します。 利用者、使用者、消費者などの意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。
- Android
- Android OSとはスマートフォン用に開発された基本ソフト(OS)の一種です。米国Google社が中心となり開発されました。
- アプリ
- アプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。 スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。
おすすめ記事
おすすめエントリー
カテゴリから記事をさがす
Web マーケティング
- SEO(検索エンジン最適化)
- SNSマーケティング
- アプリマーケティング
- Web広告
- グロースハック
- ABテスト・EFO・CRO
- LP制作・LPO
- CMS・Webサイト制作
- 記事制作・ライティング
- コンテンツマーケティング
- メール配信・メールマーケティング
- マーケティングオートメーション(MA)
- リードジェネレーション(見込み顧客獲得)
- カスタマーサポート・カスタマーサクセス
- アクセス解析・広告効果測定
- データ分析
- リサーチ・市場調査
- 口コミ分析・ソーシャルリスニング
- O2O(Online to Offline)
- EC・通販・ネットショップ
- 多言語・翻訳
- 動画・映像制作
- AR・VR制作
- 統計データ
- マーケティングお役立ちレポート
- 連載
- チャットボット
- Web会議
- 動画マーケティング