新しいdotLottieランタイムのご紹介
新しいdotLottieランタイムのご紹介
パフォーマンスとクロスプラットフォームの一貫性を重視して設計されました
パフォーマンスとクロスプラットフォームの一貫性を重視して設計されました
新しいdotLottieランタイムを使用すると、強化されたアニメーション、高速な読み込み時間、信頼性のあるクロスプラットフォームサポートが体験できます。
新しいdotLottieランタイムを使用すると、強化されたアニメーション、高速な読み込み時間、信頼性のあるクロスプラットフォームサポートが体験できます。
シームレスなクロスプラットフォーム体験
異なるプラットフォーム間での一貫性のないアニメーションにさようならを。当社のdotLottieランタイムにより、Web、Android、およびiOS間で機能の同等性が確保されます。
異なるプラットフォーム間での一貫性のないアニメーションにさようならを。当社のdotLottieランタイムにより、Web、Android、およびiOS間で機能の同等性が確保されます。
![パフォーマンスを向上させる](https://framerusercontent.com/images/z7wbLyw0LtBth9QPN2dbGNKIfU.png)
![パフォーマンスを向上させる](https://framerusercontent.com/images/z7wbLyw0LtBth9QPN2dbGNKIfU.png)
![パフォーマンスを向上させる](https://framerusercontent.com/images/z7wbLyw0LtBth9QPN2dbGNKIfU.png)
強化されたパフォーマンス
最新の高性能ランタイムを使用して、すべてのデバイスで効率を向上させるよう設計された、高速でスムーズなアニメーションを体験してください。
最新の高性能ランタイムを使用して、すべてのデバイスで効率を向上させるよう設計された、高速でスムーズなアニメーションを体験してください。
![プラットフォームの一貫性](https://framerusercontent.com/images/mLz62p5jqGFiO4pMqHBiU1YH50.png)
![プラットフォームの一貫性](https://framerusercontent.com/images/mLz62p5jqGFiO4pMqHBiU1YH50.png)
![プラットフォームの一貫性](https://framerusercontent.com/images/mLz62p5jqGFiO4pMqHBiU1YH50.png)
プラットフォームの一貫性
Web、iOS、およびAndroidにおいて一貫したアニメーションレンダリングを実現し、すべてのプラットフォームでアニメーションが一貫して実行されることを保証します。
Web、iOS、およびAndroidにおいて一貫したアニメーションレンダリングを実現し、すべてのプラットフォームでアニメーションが一貫して実行されることを保証します。
![AE expressions](https://framerusercontent.com/images/L87MjEQM6GEMekCjvZBWtBhTFs.png)
![AE expressions](https://framerusercontent.com/images/L87MjEQM6GEMekCjvZBWtBhTFs.png)
![AE expressions](https://framerusercontent.com/images/L87MjEQM6GEMekCjvZBWtBhTFs.png)
AE expressions の準備完了
新しい
AE ExpressionsをWeb、iOS、およびAndroid全体でサポートするように融合し、今ではdotLottieプレーヤーにシームレスに統合されています。
AE ExpressionsをWeb、iOS、およびAndroid全体でサポートするように融合し、今ではdotLottieプレーヤーにシームレスに統合されています。
堅牢なフレームワーク統合
堅牢なフレームワーク統合
当社のランタイムを使用すると、さまざまな人気フレームワークとの統合が容易になります。
当社のランタイムを使用すると、さまざまな人気フレームワークとの統合が容易になります。
Web
React
VueJS
Svelte
iOS
Android
import { DotLottie } from '@lottiefiles/dotlottie-web';
const dotLottie = new DotLottie({
autoplay: true,
loop: true,
canvas: document.querySelector('#dotlottie-canvas'),
src: "https://lottie.host/4db68bbd-31f6-4cd8-84eb-189de081159a/IGmMCqhzpt.lottie", // or .json file
});
Web
React
VueJS
Svelte
iOS
Android
import { DotLottie } from '@lottiefiles/dotlottie-web';
const dotLottie = new DotLottie({
autoplay: true,
loop: true,
canvas: document.querySelector('#dotlottie-canvas'),
src: "https://lottie.host/4db68bbd-31f6-4cd8-84eb-189de081159a/IGmMCqhzpt.lottie", // or .json file
});
Web
React
VueJS
Svelte
iOS
Android
import { DotLottie } from '@lottiefiles/dotlottie-web';
const dotLottie = new DotLottie({
autoplay: true,
loop: true,
canvas: document.querySelector('#dotlottie-canvas'),
src: "https://lottie.host/4db68bbd-31f6-4cd8-84eb-189de081159a/IGmMCqhzpt.lottie", // or .json file
});
dotLottieの利点
dotLottieの利点
dotLottieのご紹介です。当ファイル形式は多くの利点をもたらします:
ファイルサイズの削減、相互作用、エクスプレッションに加えて、テーマ設定とバンドルパッケージも可能です。
dotLottieをご紹介します。これは革新的なファイル形式で、ファイルサイズを削減し、相互作用、エクスプレッション、さらにはテーマとバンドルパッケージを備えたさまざまな利点をもたらします。
dotLottieをご紹介します。これは革新的なファイル形式で、ファイルサイズを削減し、相互作用、エクスプレッション、さらにはテーマとバンドルパッケージを備えたさまざまな利点をもたらします。
![ファイルサイズを削減しました](https://framerusercontent.com/images/mNWcdvuLWLvFmLaRKeY9pYdwjOY.png)
ファイルサイズを削減しました
アニメーションを最大80%圧縮し、ピクセル化せずに拡大または縮小できます。
![ファイルサイズを削減しました](https://framerusercontent.com/images/mNWcdvuLWLvFmLaRKeY9pYdwjOY.png)
ファイルサイズを削減しました
アニメーションを最大80%圧縮し、ピクセル化せずに拡大または縮小できます。
![ファイルサイズを削減しました](https://framerusercontent.com/images/mNWcdvuLWLvFmLaRKeY9pYdwjOY.png)
ファイルサイズを削減しました
アニメーションを最大80%圧縮し、ピクセル化せずに拡大または縮小できます。
![ファイルサイズを削減しました](https://framerusercontent.com/images/mNWcdvuLWLvFmLaRKeY9pYdwjOY.png)
ファイルサイズを削減しました
アニメーションを最大80%圧縮し、ピクセル化せずに拡大または縮小できます。
![テーマ設定](https://framerusercontent.com/images/UkENV8lvD9bz7V9vGB9RuHBYug.png)
Theming
ダークモード、ライトモード、またはユーザー定義モードに簡単にアニメーションを適応させる
![テーマ設定](https://framerusercontent.com/images/UkENV8lvD9bz7V9vGB9RuHBYug.png)
Theming
ダークモード、ライトモード、またはユーザー定義モードに簡単にアニメーションを適応させる
![テーマ設定](https://framerusercontent.com/images/UkENV8lvD9bz7V9vGB9RuHBYug.png)
Theming
ダークモード、ライトモード、またはユーザー定義モードに簡単にアニメーションを適応させる
![テーマ設定](https://framerusercontent.com/images/UkENV8lvD9bz7V9vGB9RuHBYug.png)
Theming
ダークモード、ライトモード、またはユーザー定義モードに簡単にアニメーションを適応させる
![インタラクティビティ](https://framerusercontent.com/images/YS8DZGr15XqynE2Dbm7xm1aP3iw.png)
相互作用性
新しいインタラクティブな方法を活用して、さまざまなプラットフォームで魅力的なインタラクティブアニメーションを作成します。
![インタラクティビティ](https://framerusercontent.com/images/YS8DZGr15XqynE2Dbm7xm1aP3iw.png)
相互作用性
新しいインタラクティブな方法を活用して、さまざまなプラットフォームで魅力的なインタラクティブアニメーションを作成します。
![インタラクティビティ](https://framerusercontent.com/images/YS8DZGr15XqynE2Dbm7xm1aP3iw.png)
相互作用性
新しいインタラクティブな方法を活用して、さまざまなプラットフォームで魅力的なインタラクティブアニメーションを作成します。
![インタラクティビティ](https://framerusercontent.com/images/YS8DZGr15XqynE2Dbm7xm1aP3iw.png)
相互作用性
新しいインタラクティブな方法を活用して、さまざまなプラットフォームで魅力的なインタラクティブアニメーションを作成します。
![バンドルされたパッケージ](https://framerusercontent.com/images/Ur1gqnpiGW7EHJXVRXMarxWyzI4.png)
バンドルされたパッケージ
1 つの dotLottie ファイルに複数のアニメーションとアセットを含め、管理と展開を簡素化します。
![バンドルされたパッケージ](https://framerusercontent.com/images/Ur1gqnpiGW7EHJXVRXMarxWyzI4.png)
バンドルされたパッケージ
1 つの dotLottie ファイルに複数のアニメーションとアセットを含め、管理と展開を簡素化します。
![バンドルされたパッケージ](https://framerusercontent.com/images/Ur1gqnpiGW7EHJXVRXMarxWyzI4.png)
バンドルされたパッケージ
1 つの dotLottie ファイルに複数のアニメーションとアセットを含め、管理と展開を簡素化します。
![バンドルされたパッケージ](https://framerusercontent.com/images/Ur1gqnpiGW7EHJXVRXMarxWyzI4.png)
バンドルされたパッケージ
1 つの dotLottie ファイルに複数のアニメーションとアセットを含め、管理と展開を簡素化します。
![無類のパフォーマンス](https://framerusercontent.com/images/iO1D7h9aCHk0CIzEHDvXh4GvPHk.png)
並外れたパフォーマンス
新しいdotLottieランタイムは、高性能なグラフィックエンジンThorVGによって動作します。通常のJSONよりも80%小さいdotLottie形式をサポートしています。
![無類のパフォーマンス](https://framerusercontent.com/images/iO1D7h9aCHk0CIzEHDvXh4GvPHk.png)
並外れたパフォーマンス
新しいdotLottieランタイムは、高性能なグラフィックエンジンThorVGによって動作します。通常のJSONよりも80%小さいdotLottie形式をサポートしています。
![無類のパフォーマンス](https://framerusercontent.com/images/iO1D7h9aCHk0CIzEHDvXh4GvPHk.png)
並外れたパフォーマンス
新しいdotLottieランタイムは、高性能なグラフィックエンジンThorVGによって動作します。通常のJSONよりも80%小さいdotLottie形式をサポートしています。
![無類のパフォーマンス](https://framerusercontent.com/images/iO1D7h9aCHk0CIzEHDvXh4GvPHk.png)
並外れたパフォーマンス
新しいdotLottieランタイムは、高性能なグラフィックエンジンThorVGによって動作します。通常のJSONよりも80%小さいdotLottie形式をサポートしています。
![パフォーマンス指数](https://framerusercontent.com/images/C4vBAbMvNOCU0aUUPF9ps25q1a8.png)
パフォーマンス指標
私たちのランタイムは、詳細なパフォーマンス指数に示されているように、現行のWebプレーヤーを大幅に上回っています。
![パフォーマンス指数](https://framerusercontent.com/images/C4vBAbMvNOCU0aUUPF9ps25q1a8.png)
パフォーマンス指標
私たちのランタイムは、詳細なパフォーマンス指数に示されているように、現行のWebプレーヤーを大幅に上回っています。
![パフォーマンス指数](https://framerusercontent.com/images/C4vBAbMvNOCU0aUUPF9ps25q1a8.png)
パフォーマンス指標
私たちのランタイムは、詳細なパフォーマンス指数に示されているように、現行のWebプレーヤーを大幅に上回っています。
![パフォーマンス指数](https://framerusercontent.com/images/C4vBAbMvNOCU0aUUPF9ps25q1a8.png)
パフォーマンス指標
私たちのランタイムは、詳細なパフォーマンス指数に示されているように、現行のWebプレーヤーを大幅に上回っています。
![JSライブラリ](https://framerusercontent.com/images/4J1S1QUDOAg5IKiM8t9Yw3DZD0.png)
JS ライブラリ
当社の強力なJavaScriptライブラリを使用して、簡単にdotLottieアニメーションを作成し、制御します。
![JSライブラリ](https://framerusercontent.com/images/4J1S1QUDOAg5IKiM8t9Yw3DZD0.png)
JS ライブラリ
当社の強力なJavaScriptライブラリを使用して、簡単にdotLottieアニメーションを作成し、制御します。
![JSライブラリ](https://framerusercontent.com/images/4J1S1QUDOAg5IKiM8t9Yw3DZD0.png)
JS ライブラリ
当社の強力なJavaScriptライブラリを使用して、簡単にdotLottieアニメーションを作成し、制御します。
![JSライブラリ](https://framerusercontent.com/images/4J1S1QUDOAg5IKiM8t9Yw3DZD0.png)
JS ライブラリ
当社の強力なJavaScriptライブラリを使用して、簡単にdotLottieアニメーションを作成し、制御します。
私たちの場合、これによって約8秒節約され、約80%の改善が示されました。同様に、メモリの面でも約164MB節約され、約70%に相当します。
私たちの場合、これによって約8秒節約され、約80%の改善が示されました。同様に、メモリの面でも約164MB節約され、約70%に相当します。
FAQs
どのプラットフォームとフレームワークがサポートされていますか?
私たちのdotLottieランタイムは、web、Android、iOS、LVGLのような組み込みデバイス、React、Node.js、Vue.jsなどの人気のあるフレームワークをサポートしています。
どのプラットフォームとフレームワークがサポートされていますか?
私たちのdotLottieランタイムは、web、Android、iOS、LVGLのような組み込みデバイス、React、Node.js、Vue.jsなどの人気のあるフレームワークをサポートしています。
どのプラットフォームとフレームワークがサポートされていますか?
私たちのdotLottieランタイムは、web、Android、iOS、LVGLのような組み込みデバイス、React、Node.js、Vue.jsなどの人気のあるフレームワークをサポートしています。
どのプラットフォームとフレームワークがサポートされていますか?
私たちのdotLottieランタイムは、web、Android、iOS、LVGLのような組み込みデバイス、React、Node.js、Vue.jsなどの人気のあるフレームワークをサポートしています。
dotLottieランタイムを使ってどのように始めればいいですか?
dotLottieランタイムを使ってどのように始めればいいですか?
dotLottieランタイムを使ってどのように始めればいいですか?
dotLottieランタイムを使ってどのように始めればいいですか?
既存のランタイムに比べてdotLottieランタイムを使用する利点は何ですか?
既存のランタイムに比べてdotLottieランタイムを使用する利点は何ですか?
既存のランタイムに比べてdotLottieランタイムを使用する利点は何ですか?
既存のランタイムに比べてdotLottieランタイムを使用する利点は何ですか?
利用可能なチュートリアルやドキュメントはありますか?
利用可能なチュートリアルやドキュメントはありますか?
利用可能なチュートリアルやドキュメントはありますか?
利用可能なチュートリアルやドキュメントはありますか?
dotLottie拡張機能は.jsonと比較してどのように機能しますか?
dotLottie拡張機能は.jsonと比較してどのように機能しますか?
dotLottie拡張機能は.jsonと比較してどのように機能しますか?
dotLottie拡張機能は.jsonと比較してどのように機能しますか?
そのほかのリソース
開発者向けのLottie
開発者向けのLottie
Lottieのエコシステムの発見と統合ツール
Lottieの実装をより簡単にするためのツール
Lottieのエコシステムを発見して、Lottieの実装を簡単にするための統合とツールを見つけましょう