Skip to content

Commit

Permalink
2023/04/13 時点の英語版に基づき新規翻訳
Browse files Browse the repository at this point in the history
  • Loading branch information
mfuji09 committed Oct 5, 2023
1 parent 6219078 commit 3e1c54c
Show file tree
Hide file tree
Showing 2 changed files with 89 additions and 0 deletions.
47 changes: 47 additions & 0 deletions files/ja/web/api/viewtransition/skiptransition/index.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,47 @@
---
title: "ViewTransition: skipTransition() メソッド"
short-title: skipTransition()
slug: Web/API/ViewTransition/skipTransition
l10n:
sourceCommit: 7b3ccaec4a93584da12939587ea746acaabe30bc
---

{{APIRef("View Transitions API")}}{{SeeCompatTable}}

**`skipTransition()`** は {{domxref("ViewTransition")}} インターフェイスのメソッドで、ビュートランジションのアニメーション部分をスキップしますが、 DOM を更新する {{domxref("Document.startViewTransition()", "document.startViewTransition()")}} コールバックの実行はスキップしません。

## 構文

```js-nolint
skipTransition()
```

### 引数

なし。

### 返値

`undefined` です。

##

```js
// 新しいビュートランジションを開始
const transition = document.startViewTransition(() => displayNewImage());

// アニメーションをスキップし、DOM を更新する
transition.skipTransition();
```

## 仕様書

{{Specifications}}

## ブラウザーの互換性

{{Compat}}

## 関連情報

- [Smooth and simple transitions with the View Transitions API](https://developer.chrome.com/docs/web-platform/view-transitions/)
42 changes: 42 additions & 0 deletions files/ja/web/api/viewtransition/updatecallbackdone/index.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,42 @@
---
title: "ViewTransition: updateCallbackDone プロパティ"
short-title: updateCallbackDone
slug: Web/API/ViewTransition/updateCallbackDone
l10n:
sourceCommit: 7b3ccaec4a93584da12939587ea746acaabe30bc
---

{{APIRef("View Transitions API")}}{{SeeCompatTable}}

**`updateCallbackDone`** は {{domxref("ViewTransition")}} インターフェイスの読み取り専用のプロパティで、 {{domxref("Document.startViewTransition()", "document.startViewTransition()")}} のコールバックが返すプロミスが履行されると履行され、拒否されると拒否されるプロミス ({{jsxref("Promise")}}) です。

`updateCallbackDone` は、ビュートランジションのアニメーションの成否を気にせず、 DOM が更新されたかどうか、いつ更新されたかを知りたい場合に有益です。

##

プロミスです。

##

```js
// 新しいビュートランジションを開始
const transition = document.startViewTransition(() => displayNewImage());

transition.updateCallbackDone.then(() => {
// 正常に更新された DOM に応答
});
```

有用な例は、 [Transitions as an enhancement](https://developer.chrome.com/docs/web-platform/view-transitions/#transitions-as-an-enhancement) を参照してください。

## 仕様書

{{Specifications}}

## ブラウザーの互換性

{{Compat}}

## 関連情報

- [Smooth and simple transitions with the View Transitions API](https://developer.chrome.com/docs/web-platform/view-transitions/)

0 comments on commit 3e1c54c

Please sign in to comment.