From 4bff226d0fc87a53010260ca1b551d248f7db4f4 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Thu, 29 Jun 2023 02:23:17 +0900 Subject: [PATCH] =?UTF-8?q?2023/02/19=20=E6=99=82=E7=82=B9=E3=81=AE?= =?UTF-8?q?=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- files/ja/web/api/web_animations_api/index.md | 26 ++++++++++---------- 1 file changed, 13 insertions(+), 13 deletions(-) diff --git a/files/ja/web/api/web_animations_api/index.md b/files/ja/web/api/web_animations_api/index.md index 4bc819d8147a7d..012f2c00ecb311 100644 --- a/files/ja/web/api/web_animations_api/index.md +++ b/files/ja/web/api/web_animations_api/index.md @@ -1,34 +1,34 @@ --- title: ウェブアニメーション API slug: Web/API/Web_Animations_API +l10n: + sourceCommit: e04d8d2766c468f149445c0bf438d09f9b2d188c --- {{DefaultAPISidebar("Web Animations")}} -Web Animation API を使うことで 、ウェブページの見た目の変更を同期させたり時間を調整すること、つまり DOM 要素のアニメーションが可能です。これらはタイミングモデルおよびアニメーションモデルという 2 つのモデルの組み合わせによって実現されます。 +**ウェブアニメーション API** (Web Animation API) を使うことで 、ウェブページの表現を変化させるの同期やタイミング、つまり DOM 要素のアニメーションが可能です。これらはタイミングモデルおよびアニメーションモデルという 2 つのモデルの組み合わせによって実現されます。 ## 概念と利用方法 -Web Animation API は、 DOM 要素のアニメーションを記述する共通言語をブラウザーと開発者に提供します。 API の背景の概念や利用方法についての詳しい情報は、[Web Animation API の利用](/ja/docs/Web/API/Web_Animations_API/Using_the_Web_Animations_API)をご覧ください。 +ウェブアニメーション API は、 DOM 要素のアニメーションを記述する共通言語をブラウザーと開発者に提供します。 API の背景の概念や利用方法についての詳しい情報は、[ウェブアニメーション API の使用](/ja/docs/Web/API/Web_Animations_API/Using_the_Web_Animations_API)をご覧ください。 -## ウェブアニメーションインターフェイス +## ウェブアニメーションのインターフェイス - {{domxref("Animation")}} - : アニメーションノードやソースの再生制御やタイムラインを提供します。 {{domxref("KeyframeEffect.KeyframeEffect", "KeyframeEffect()")}} コンストラクターで作成されたオブジェクトを取ることができます。 - {{domxref("KeyframeEffect")}} - - : **キーフレーム**と呼ばれるアニメーション可能なプロパティと値の組み合わせ、及びその[タイミングオプション](/ja/docs/Web/API/Web_Animations_API/Animation_timing_options)を記述します。これは {{domxref("Animation.Animation", "Animation()")}} コンストラクターを使用して再生することができます。 + - : **キーフレーム**と呼ばれるアニメーション可能なプロパティと値の組み合わせ、およびそのタイミングオプションを記述します。これは {{domxref("Animation.Animation", "Animation()")}} コンストラクターを使用して再生することができます。 - {{domxref("AnimationTimeline")}} - - : アニメーションのタイムラインを表します。このインターフェイスはタイムライン機能 ({{domxref("DocumentTimeline")}} などのタイムラインオブジェクト) を定義するために存在し、これ自体は開発者からはアクセスされません。 + - : アニメーションのタイムラインを表します。このインターフェイスはタイムライン機能（{{domxref("DocumentTimeline")}} や将来のタイムラインオブジェクトによって継承）を定義するために存在し、これ自体は開発者からはアクセスされません。 - {{domxref("AnimationEvent")}} - : 実際には CSS アニメーションの一部です。 - {{domxref("DocumentTimeline")}} - - : アニメーションのタイムラインを表し、既定の文書のタイムライン ({{domxref("Document.timeline")}} プロパティ) を含みます。 -- {{domxref("EffectTiming")}} - - : {{domxref("Element.animate()")}}, {{domxref("KeyframeEffectReadOnly.KeyframeEffectReadOnly()")}}, {{domxref("KeyframeEffect.KeyframeEffect()")}} のすべてがタイミングプロパティの任意の連想配列オブジェクトを受け付けます。 + - : アニメーションのタイムラインを表し、既定の文書のタイムライン（{{domxref("Document.timeline")}} プロパティを使用してアクセス）を含みます。 ## 他のインターフェイスへの拡張 -Web Animation API によって {{domxref("document")}} 及び {{domxref("element")}} に新たに追加された機能もあります。 +ウェブアニメーション API によって {{domxref("document")}} および {{domxref("element")}} に新たに追加された機能があります。 ### `Document` インターフェイスの拡張 @@ -50,8 +50,8 @@ Web Animation API によって {{domxref("document")}} 及び {{domxref("element ## 関連情報 -- [Web Animation API の利用](/ja/docs/Web/API/Web_Animations_API/Using_the_Web_Animations_API) -- [Web Animation のデモ](https://mozdevs.github.io/Animation-examples/) -- [Polyfill](https://github.com/web-animations/web-animations-js) +- [ウェブアニメーション API の使用](/ja/docs/Web/API/Web_Animations_API/Using_the_Web_Animations_API) +- [ウェブアニメーションのデモ](https://mozdevs.github.io/Animation-examples/) +- [ポリフィル](https://github.com/web-animations/web-animations-js) - Firefox の現在の実装: [AreWeAnimatedYet](https://birtles.github.io/areweanimatedyet/) -- [ブラウザーの対応のテスト](http://codepen.io/danwilson/pen/xGBKVq) +- [ブラウザーの対応のテスト](https://codepen.io/danwilson/pen/xGBKVq)