新しいdotLottieランタイムのご紹介
新しいdotLottieランタイムのご紹介
パフォーマンスとクロスプラットフォームの一貫性を重視して設計されました
パフォーマンスとクロスプラットフォームの一貫性を重視して設計されました
新しいdotLottieランタイムを使用すると、強化されたアニメーション、高速な読み込み時間、信頼性のあるクロスプラットフォームサポートが体験できます。
Experience enhanced animations, faster load times, and reliable
cross-platform support with the new dotLottie Runtimes.
シームレスなクロスプラットフォーム体験
異なるプラットフォーム間での一貫性のないアニメーションにさようならを。当社のdotLottieランタイムにより、Web、Android、およびiOS間で機能の同等性が確保されます。
異なるプラットフォーム間での一貫性のないアニメーションにさようならを。当社のdotLottieランタイムにより、Web、Android、およびiOS間で機能の同等性が確保されます。
強化されたパフォーマンス
最新の高性能ランタイムを使用して、すべてのデバイスで効率を向上させるよう設計された、高速でスムーズなアニメーションを体験してください。
最新の高性能ランタイムを使用して、すべてのデバイスで効率を向上させるよう設計された、高速でスムーズなアニメーションを体験してください。
プラットフォームの一貫性
Web、iOS、およびAndroidにおいて一貫したアニメーションレンダリングを実現し、すべてのプラットフォームでアニメーションが一貫して実行されることを保証します。
Web、iOS、およびAndroidにおいて一貫したアニメーションレンダリングを実現し、すべてのプラットフォームでアニメーションが一貫して実行されることを保証します。
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をご紹介します。これは革新的なファイル形式で、ファイルサイズを削減し、相互作用、エクスプレッション、さらにはテーマとバンドルパッケージを備えたさまざまな利点をもたらします。
Introducing dotLottie, our innovative file format that brings a host of benefits: reduced file size, interactivity, expressions alongside theming and bundled packages.
ファイルサイズを削減しました
アニメーションを最大80%圧縮し、ピクセル化せずに拡大または縮小できます。
ファイルサイズを削減しました
アニメーションを最大80%圧縮し、ピクセル化せずに拡大または縮小できます。
ファイルサイズを削減しました
アニメーションを最大80%圧縮し、ピクセル化せずに拡大または縮小できます。
ファイルサイズを削減しました
アニメーションを最大80%圧縮し、ピクセル化せずに拡大または縮小できます。
Theming
ダークモード、ライトモード、またはユーザー定義モードに簡単にアニメーションを適応させる
Theming
ダークモード、ライトモード、またはユーザー定義モードに簡単にアニメーションを適応させる
Theming
ダークモード、ライトモード、またはユーザー定義モードに簡単にアニメーションを適応させる
Theming
ダークモード、ライトモード、またはユーザー定義モードに簡単にアニメーションを適応させる
相互作用性
新しいインタラクティブな方法を活用して、さまざまなプラットフォームで魅力的なインタラクティブアニメーションを作成します。
相互作用性
新しいインタラクティブな方法を活用して、さまざまなプラットフォームで魅力的なインタラクティブアニメーションを作成します。
相互作用性
新しいインタラクティブな方法を活用して、さまざまなプラットフォームで魅力的なインタラクティブアニメーションを作成します。
相互作用性
新しいインタラクティブな方法を活用して、さまざまなプラットフォームで魅力的なインタラクティブアニメーションを作成します。
バンドルされたパッケージ
1 つの dotLottie ファイルに複数のアニメーションとアセットを含め、管理と展開を簡素化します。
バンドルされたパッケージ
1 つの dotLottie ファイルに複数のアニメーションとアセットを含め、管理と展開を簡素化します。
バンドルされたパッケージ
1 つの dotLottie ファイルに複数のアニメーションとアセットを含め、管理と展開を簡素化します。
バンドルされたパッケージ
1 つの dotLottie ファイルに複数のアニメーションとアセットを含め、管理と展開を簡素化します。
並外れたパフォーマンス
新しいdotLottieランタイムは、高性能なグラフィックエンジンThorVGによって動作します。通常のJSONよりも80%小さいdotLottie形式をサポートしています。
並外れたパフォーマンス
新しいdotLottieランタイムは、高性能なグラフィックエンジンThorVGによって動作します。通常のJSONよりも80%小さいdotLottie形式をサポートしています。
並外れたパフォーマンス
新しいdotLottieランタイムは、高性能なグラフィックエンジンThorVGによって動作します。通常のJSONよりも80%小さいdotLottie形式をサポートしています。
並外れたパフォーマンス
新しいdotLottieランタイムは、高性能なグラフィックエンジンThorVGによって動作します。通常のJSONよりも80%小さいdotLottie形式をサポートしています。
パフォーマンス指標
私たちのランタイムは、詳細なパフォーマンス指数に示されているように、現行のWebプレーヤーを大幅に上回っています。
パフォーマンス指標
私たちのランタイムは、詳細なパフォーマンス指数に示されているように、現行のWebプレーヤーを大幅に上回っています。
パフォーマンス指標
私たちのランタイムは、詳細なパフォーマンス指数に示されているように、現行のWebプレーヤーを大幅に上回っています。
パフォーマンス指標
私たちのランタイムは、詳細なパフォーマンス指数に示されているように、現行のWebプレーヤーを大幅に上回っています。
JS ライブラリ
当社の強力なJavaScriptライブラリを使用して、簡単にdotLottieアニメーションを作成し、制御します。
JS ライブラリ
当社の強力なJavaScriptライブラリを使用して、簡単にdotLottieアニメーションを作成し、制御します。
JS ライブラリ
当社の強力なJavaScriptライブラリを使用して、簡単にdotLottieアニメーションを作成し、制御します。
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の実装を簡単にするための統合とツールを見つけましょう
