Skip to content

Commit

Permalink
2023/02/19 時点の英語版に同期
Browse files Browse the repository at this point in the history
  • Loading branch information
mfuji09 committed Jul 4, 2023
1 parent db633f6 commit 4bff226
Showing 1 changed file with 13 additions and 13 deletions.
26 changes: 13 additions & 13 deletions files/ja/web/api/web_animations_api/index.md
Original file line number Diff line number Diff line change
@@ -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` インターフェイスの拡張

Expand All @@ -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)

0 comments on commit 4bff226

Please sign in to comment.