最近のウェブサイト制作では、アニメーションがますます重要になってきています。 この記事は、Lottieの使い方をまとめた基本ガイドです。Lottieの魅力はもちろん、After EffectsへのAiファイルの読み込みやアニメーション作成、プラグインを利用したJSONファイルの書き出し、Webサイトでのアニメーション表示まで一連の流れをまとめています。 Lottieを利用すれば、手軽にそして軽量に動画を貼り付けることができるので、これまでアニメーションを試したことのないひとにもオススメです。 コンテンツ目次 1. Lottie(ロッティー)って何? 2. Lottieを利用するメリットは? 3. Lottieアニメーション作成手順ガイド 4. After EffectsへのAiファイルの読み込み 5. After Effectsでアニメーション作成 6. Lottie JSONファイルでア
こんにちは。さかいです。 Google Analyticsのタグを設定する際に、HTMLのヘッダーにタグを仕込めばいいかなぁと思っていたのですが、Single Page Application(以下 SPA)かぁ。 あれっ!?最初にページを読み込んだ後ってページ遷移しなくない!?その時のページビューって、正しく計測できるの!?… などの疑問が生まれましたので、実際に設定してみようと思います。 やってみること Vue.jsで構築したSPAで、 ページビュー数 イベント(クリックイベント) を測定する。 事前準備 Google Analyticsで測定するには、トラッキングIDが必要ですので、Googleアカウントにて取得・設定しておいてください。 利用ライブラリについて ウェブサイトで測定するには、gtag.jsまたはanalytics.jsが利用できそうです。 また、Vue.jsからGoo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く