Skip to content

Commit

Permalink
View_Transitions_API → View_Transition_API
Browse files Browse the repository at this point in the history
  • Loading branch information
@mfuji09
mfuji09 committed Jan 25, 2025
1 parent 04ef79d commit 5229497
Show file tree
Hide file tree
Showing 19 changed files with 33 additions and 33 deletions.
2 changes: 1 addition & 1 deletion files/ja/web/api/document/startviewtransition/index.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ l10n:

**`startViewTransition()`** は {{domxref("Document")}} インターフェイスのメソッドで、新しいビュー遷移を始め、それを表す {{domxref("ViewTransition")}} オブジェクトを返します。

`startViewTransition()` を呼び出すと、[ビュー遷移のプロセス](/ja/docs/Web/API/View_Transitions_API/Using#ビュー遷移のプロセス)で説明されている一連の手順が続きます。
`startViewTransition()` を呼び出すと、[ビュー遷移のプロセス](/ja/docs/Web/API/View_Transition_API/Using#ビュー遷移のプロセス)で説明されている一連の手順が続きます。

## 構文

Expand Down
2 changes: 1 addition & 1 deletion files/ja/web/api/index.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -58,7 +58,7 @@ Web API は通常 JavaScript とともに使用されますが、常にそうと
- [バックグラウンドフェッチ API](/ja/docs/Web/API/Background_Fetch_API)
- [バッジ API](/ja/docs/Web/API/Badging_API)
- [パフォーマンス API](/ja/docs/Web/API/Performance_API)
- [ビュー遷移 API](/ja/docs/Web/API/View_Transitions_API)
- [ビュー遷移 API](/ja/docs/Web/API/View_Transition_API)
- [フェッチ API](/ja/docs/Web/API/Fetch_API)
- [プッシュ通知 API](/ja/docs/Web/API/Push_API)
- [プレゼンテーション API](/ja/docs/Web/API/Presentation_API)
Expand Down
4 changes: 2 additions & 2 deletions files/ja/web/api/pagerevealevent/index.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ l10n:

**`PageRevealEvent`** イベントオブジェクトは、{{domxref("Window.pagereveal_event", "pagereveal")}} イベントのハンドラー関数内で利用できます。

文書間の移動中、ナビゲーションによってビュー遷移が起動された場合、移動先の文書から関連する[ビュー遷移](/ja/docs/Web/API/View_Transitions_API)（関連の {{domxref("ViewTransition")}} オブジェクトにアクセスする）を操作することができます。
文書間の移動中、ナビゲーションによってビュー遷移が起動された場合、移動先の文書から関連する[ビュー遷移](/ja/docs/Web/API/View_Transition_API)（関連の {{domxref("ViewTransition")}} オブジェクトにアクセスする）を操作することができます。

ビュー遷移以外にも、このイベントは、開始アニメーションの起動やページビューの報告などの場合に役立ちます。これは、文書の {{htmlelement("head")}} 内で `requestAnimationFrame()` を起動した場合、文書間移動後に最初の {{domxref("Window.requestAnimationFrame()")}} が実行されるのと同じです。例えば、次の `reveal()` 関数を `<head>` 内で実行した場合:

Expand Down Expand Up @@ -100,4 +100,4 @@ window.addEventListener("pagereveal", async (e) => {

## 関連情報

- [ビュー遷移 API](/ja/docs/Web/API/View_Transitions_API)
- [ビュー遷移 API](/ja/docs/Web/API/View_Transition_API)
2 changes: 1 addition & 1 deletion files/ja/web/api/pagerevealevent/pagerevealevent/index.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -39,4 +39,4 @@ new PageRevealEvent(type, init)

## 関連情報

- [ビュー遷移 API](/ja/docs/Web/API/View_Transitions_API)
- [ビュー遷移 API](/ja/docs/Web/API/View_Transition_API)
2 changes: 1 addition & 1 deletion files/ja/web/api/pagerevealevent/viewtransition/index.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -29,4 +29,4 @@ l10n:
## 関連情報

- [ナビゲーション API](/ja/docs/Web/API/Navigation_API)
- [ビュー遷移 API](/ja/docs/Web/API/View_Transitions_API)
- [ビュー遷移 API](/ja/docs/Web/API/View_Transition_API)
2 changes: 1 addition & 1 deletion files/ja/web/api/pageswapevent/activation/index.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,4 +28,4 @@ l10n:

## 関連情報

- [ビュー遷移 API](/ja/docs/Web/API/View_Transitions_API)
- [ビュー遷移 API](/ja/docs/Web/API/View_Transition_API)
4 changes: 2 additions & 2 deletions files/ja/web/api/pageswapevent/index.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ l10n:

**`PageSwapEvent`** イベントオブジェクトは、 {{domxref("Window.pageswap_event", "pageswap")}} イベントのハンドラー関数内で利用できます。

`pageswap` イベントは、前の文書がアンロードされようとしているときに、文書間を移動するときに発行されます。文書間の移動中に、`PageSwapEvent` イベントオブジェクトを使用すると、移動元の文書から関連する[ビュー遷移](/ja/docs/Web/API/View_Transitions_API)（関連する {{domxref("ViewTransition")}} オブジェクトにアクセス）を操作することができます。また、ナビゲーションの種類や現在の文書と出力先文書に関する情報にもアクセスできます。
`pageswap` イベントは、前の文書がアンロードされようとしているときに、文書間を移動するときに発行されます。文書間の移動中に、`PageSwapEvent` イベントオブジェクトを使用すると、移動元の文書から関連する[ビュー遷移](/ja/docs/Web/API/View_Transition_API)（関連する {{domxref("ViewTransition")}} オブジェクトにアクセス）を操作することができます。また、ナビゲーションの種類や現在の文書と出力先文書に関する情報にもアクセスできます。

## コンストラクター

Expand Down Expand Up @@ -88,4 +88,4 @@ window.addEventListener("pageswap", async (e) => {
## 関連情報
- [ビュー遷移 API](/ja/docs/Web/API/View_Transitions_API)
- [ビュー遷移 API](/ja/docs/Web/API/View_Transition_API)
2 changes: 1 addition & 1 deletion files/ja/web/api/pageswapevent/pageswapevent/index.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -41,4 +41,4 @@ new PageSwapEvent(type, init)

## 関連情報

- [ビュー遷移 API](/ja/docs/Web/API/View_Transitions_API)
- [ビュー遷移 API](/ja/docs/Web/API/View_Transition_API)
2 changes: 1 addition & 1 deletion files/ja/web/api/pageswapevent/viewtransition/index.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,4 +28,4 @@ l10n:

## 関連情報

- [ビュー遷移 API](/ja/docs/Web/API/View_Transitions_API)
- [ビュー遷移 API](/ja/docs/Web/API/View_Transition_API)
2 changes: 1 addition & 1 deletion files/ja/web/api/viewtransition/index.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ l10n:

**`ViewTransition`** は{{domxref("View Transitions API", "ビュー遷移 API", "", "nocode")}} のインターフェースで、ビュー遷移を表し、トランジションが様々な状態（例えば、アニメーションを実行する準備ができている、またはアニメーションが終了した）に達したときに反応する機能、またはトランジションを完全にスキップする機能を提供します。

このオブジェクト型は {{domxref("Document.startViewTransition()", "document.startViewTransition()")}} メソッドが返します。 `startViewTransition()` が呼び出されると、[ビュー遷移のプロセス](/ja/docs/Web/API/View_Transitions_API#ビュー遷移のプロセス)で説明されている一連のステップに従います。これは様々なプロミスが履行されるタイミングについても説明しています。
このオブジェクト型は {{domxref("Document.startViewTransition()", "document.startViewTransition()")}} メソッドが返します。 `startViewTransition()` が呼び出されると、[ビュー遷移のプロセス](/ja/docs/Web/API/View_Transition_API#ビュー遷移のプロセス)で説明されている一連のステップに従います。これは様々なプロミスが履行されるタイミングについても説明しています。

{{InheritanceDiagram}}

Expand Down
4 changes: 2 additions & 2 deletions files/ja/web/api/window/pagereveal_event/index.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ l10n:

**`pagereveal`** イベントは、ネットワークから新しい文書を読み込んだり、文書（[バック/フォワードキャッシュ](/ja/docs/Glossary/bfcache) (bfcache) または[事前レンダリング](/ja/docs/Glossary/Prerender)）をアクティブにしたりして、文書が最初にレンダリングされたときに発行されます。

これは、文書間 (MPA) の移動の[ビュー遷移](/ja/docs/Web/API/View_Transitions_API)において、移動の流入ページからのアクティブな遷移を操作する場合に便利です。例えば、遷移をスキップしたり、JavaScript で流入遷移アニメーションをカスタマイズしたりしたい場合などです。
これは、文書間 (MPA) の移動の[ビュー遷移](/ja/docs/Web/API/View_Transition_API)において、移動の流入ページからのアクティブな遷移を操作する場合に便利です。例えば、遷移をスキップしたり、JavaScript で流入遷移アニメーションをカスタマイズしたりしたい場合などです。

## 構文

Expand Down Expand Up @@ -98,5 +98,5 @@ window.addEventListener("pagereveal", async (e) => {

## 関連情報

- [ビュー遷移 API の使用](/ja/docs/Web/API/View_Transitions_API/Using)
- [ビュー遷移 API の使用](/ja/docs/Web/API/View_Transition_API/Using)
- {{domxref("Window.pageswap_event", "pageswap")}} event
4 changes: 2 additions & 2 deletions files/ja/web/api/window/pageswap_event/index.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ l10n:

**`pageswap`** イベントは、文書間の移動時、つまり前回表示していた文書がアンロードされようとする際に発行されます。

これは、文書間 (MPA) の[ビュー遷移](/ja/docs/Web/API/View_Transitions_API)において、移動の流出ページからアクティブな遷移を操作する場合に便利です。例えば、遷移をスキップしたり、JavaScript で流出遷移のアニメーションをカスタマイズしたい場合などです。
これは、文書間 (MPA) の[ビュー遷移](/ja/docs/Web/API/View_Transition_API)において、移動の流出ページからアクティブな遷移を操作する場合に便利です。例えば、遷移をスキップしたり、JavaScript で流出遷移のアニメーションをカスタマイズしたい場合などです。

また、ナビゲーションの種類や、移動元及び移動先文書内の履歴項目にアクセスすることもできます。

Expand Down Expand Up @@ -101,5 +101,5 @@ window.addEventListener("pageswap", async (e) => {
## 関連情報
- [ビュー遷移 API の使用](/ja/docs/Web/API/View_Transitions_API/Using)
- [ビュー遷移 API の使用](/ja/docs/Web/API/View_Transition_API/Using)
- {{domxref("Window.pagereveal_event", "pagereveal")}} イベント
4 changes: 2 additions & 2 deletions files/ja/web/css/_doublecolon_view-transition-group/index.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ l10n:

**`::view-transition-group`** は [CSS](/ja/docs/Web/CSS) の[擬似要素](/ja/docs/Web/CSS/Pseudo-elements)で、単一のビュー遷移グループを表します。

ビュー遷移の間、 `::view-transition-group` はは、[ビュー遷移プロセス](/ja/docs/Web/API/View_Transitions_API/Using#ビュー遷移のプロセス) で説明されているように、関連する擬似要素ツリーに含まれています。これは{{cssxref("::view-transition")}}の唯一の子であり、{{cssxref("::view-transition-image-pair")}}を子として持ちます。
ビュー遷移の間、 `::view-transition-group` はは、[ビュー遷移プロセス](/ja/docs/Web/API/View_Transition_API/Using#ビュー遷移のプロセス) で説明されているように、関連する擬似要素ツリーに含まれています。これは{{cssxref("::view-transition")}}の唯一の子であり、{{cssxref("::view-transition-image-pair")}}を子として持ちます。

`::view-transition-group` は UA スタイルシートで以下の既定のスタイルを与えられています。

Expand Down Expand Up @@ -70,5 +70,5 @@ view-transition-group(embed-container) {

## 関連情報

- [ビュー遷移 API](/ja/docs/Web/API/View_Transitions_API)
- [ビュー遷移 API](/ja/docs/Web/API/View_Transition_API)
- [ビュー遷移 API によるスムーズでシンプルなトランジション](https://developer.chrome.com/docs/web-platform/view-transitions/)
6 changes: 3 additions & 3 deletions files/ja/web/css/_doublecolon_view-transition-image-pair/index.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,9 +7,9 @@ l10n:

{{CSSRef}}{{SeeCompatTable}}

**`::view-transition-image-pair`** は [CSS](/ja/docs/Web/CSS) の[擬似要素](/ja/docs/Web/CSS/Pseudo-elements)で、[ビュー遷移](/ja/docs/Web/API/View_Transitions_API)の「古い」および「新しい」ビュー状態、すなわちトランジションの前と後のコンテナーを表します。
**`::view-transition-image-pair`** は [CSS](/ja/docs/Web/CSS) の[擬似要素](/ja/docs/Web/CSS/Pseudo-elements)で、[ビュー遷移](/ja/docs/Web/API/View_Transition_API)の「古い」および「新しい」ビュー状態、すなわちトランジションの前と後のコンテナーを表します。

ビュー遷移の間、 `::view-transition-image-pair` は[ビュー遷移のプロセス](/ja/docs/Web/API/View_Transitions_API/Using#ビュー遷移のプロセス)で説明されているように、関連する擬似要素のツリーとして表現されます。これは {{cssxref("::view-transition-group")}} の子にしかなりません。子という意味では、 {{cssxref("::view-transition-new")}} または {{cssxref("::view-transition-old")}}、あるいはその両方を持つことができます。
ビュー遷移の間、 `::view-transition-image-pair` は[ビュー遷移のプロセス](/ja/docs/Web/API/View_Transition_API/Using#ビュー遷移のプロセス)で説明されているように、関連する擬似要素のツリーとして表現されます。これは {{cssxref("::view-transition-group")}} の子にしかなりません。子という意味では、 {{cssxref("::view-transition-new")}} または {{cssxref("::view-transition-old")}}、あるいはその両方を持つことができます。

UA スタイルシートでは `::view-transition-image-pair` に以下の既定値が指定されています。

Expand Down Expand Up @@ -60,5 +60,5 @@ html::view-transition-image-pair(*) {

## 関連情報

- [ビュー遷移 API](/ja/docs/Web/API/View_Transitions_API)
- [ビュー遷移 API](/ja/docs/Web/API/View_Transition_API)
- [ビュー遷移 API によるスムーズでシンプルなトランジション](https://developer.chrome.com/docs/web-platform/view-transitions/)
4 changes: 2 additions & 2 deletions files/ja/web/css/_doublecolon_view-transition-new/index.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ l10n:

**`::view-transition-new`** は [CSS](/ja/docs/Web/CSS) の[擬似要素](/ja/docs/Web/CSS/Pseudo-elements)で、ビュー遷移の「新しい」ビュー状態を表します。これは新しいビューのライブ表現で、トランジションの後を表します。

ビュー遷移の間、 `::view-transition-new` は[ビュー遷移のプロセス](/ja/docs/Web/API/View_Transitions_API/Using#ビュー遷移のプロセス)で説明されているように、関連する擬似要素ツリーに記載されます。これは {{cssxref("::view-transition-image-pair")}} の子要素でしかなく、子要素を持つことはありません。
ビュー遷移の間、 `::view-transition-new` は[ビュー遷移のプロセス](/ja/docs/Web/API/View_Transition_API/Using#ビュー遷移のプロセス)で説明されているように、関連する擬似要素ツリーに記載されます。これは {{cssxref("::view-transition-image-pair")}} の子要素でしかなく、子要素を持つことはありません。

これは置換要素であり、 {{cssxref("object-fit")}} や {{cssxref("object-position")}} などのプロパティで操作できます。コンテンツのサイズに等しい自然な寸法を持ちます。

Expand Down Expand Up @@ -105,5 +105,5 @@ figcaption {

## 関連情報

- [ビュー遷移 API](/ja/docs/Web/API/View_Transitions_API)
- [ビュー遷移 API](/ja/docs/Web/API/View_Transition_API)
- [ビュー遷移 API によるスムーズでシンプルなトランジション](https://developer.chrome.com/docs/web-platform/view-transitions/)
4 changes: 2 additions & 2 deletions files/ja/web/css/_doublecolon_view-transition-old/index.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ l10n:

**`::view-transition-old`** は [CSS](/ja/docs/Web/CSS) の[擬似要素](/ja/docs/Web/CSS/Pseudo-elements)で、ビュー遷移の「古い」ビュー状態、すなわちトランジション前の古いビューの静的なスクリーンショットを表します。

ビュー遷移の間、 `::view-transition-old` は[ビュー遷移のプロセス](/ja/docs/Web/API/View_Transitions_API/Using#ビュー遷移のプロセス)で説明されているように、関連する擬似要素ツリーに記載されます。これは {{cssxref("::view-transition-image-pair")}} の子要素でしかなく、子要素を持つことはありません。
ビュー遷移の間、 `::view-transition-old` は[ビュー遷移のプロセス](/ja/docs/Web/API/View_Transition_API/Using#ビュー遷移のプロセス)で説明されているように、関連する擬似要素ツリーに記載されます。これは {{cssxref("::view-transition-image-pair")}} の子要素でしかなく、子要素を持つことはありません。

これは置換要素であり、 {{cssxref("object-fit")}} や {{cssxref("object-position")}} などのプロパティで操作できます。コンテンツのサイズに等しい自然な寸法を持ちます。

Expand Down Expand Up @@ -105,5 +105,5 @@ figcaption {

## 関連情報

- [ビュー遷移 API](/ja/docs/Web/API/View_Transitions_API)
- [ビュー遷移 API](/ja/docs/Web/API/View_Transition_API)
- [ビュー遷移 API によるスムーズでシンプルなトランジション](https://developer.chrome.com/docs/web-platform/view-transitions/)
6 changes: 3 additions & 3 deletions files/ja/web/css/_doublecolon_view-transition/index.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,9 +7,9 @@ l10n:

{{CSSRef}}{{SeeCompatTable}}

**`::view-transition`** は [CSS](/ja/docs/Web/CSS) の[擬似要素](/ja/docs/Web/CSS/Pseudo-elements)で、[ビュー遷移](/ja/docs/Web/API/View_Transitions_API)のオーバーレイのルートを表します。これはすべてのビュー遷移を含み、他のすべてのページコンテンツの最上位の上に位置します。
**`::view-transition`** は [CSS](/ja/docs/Web/CSS) の[擬似要素](/ja/docs/Web/CSS/Pseudo-elements)で、[ビュー遷移](/ja/docs/Web/API/View_Transition_API)のオーバーレイのルートを表します。これはすべてのビュー遷移を含み、他のすべてのページコンテンツの最上位の上に位置します。

ビュー遷移の間、 `::view-transition` は[ビュー遷移のプロセス](/ja/docs/Web/API/View_Transitions_API/Using#ビュー遷移のプロセス)で説明されているように、関連する擬似要素ツリーに含まれます。これはこのツリーの最上位ノードであり、 1 つ以上の {{cssxref("::view-transition-group")}} を子として持ちます。
ビュー遷移の間、 `::view-transition` は[ビュー遷移のプロセス](/ja/docs/Web/API/View_Transition_API/Using#ビュー遷移のプロセス)で説明されているように、関連する擬似要素ツリーに含まれます。これはこのツリーの最上位ノードであり、 1 つ以上の {{cssxref("::view-transition-group")}} を子として持ちます。

`::view-transition` は UA スタイルシートでは以下の既定値が指定されています。

Expand Down Expand Up @@ -48,5 +48,5 @@ html::view-transition {

## 関連情報

- [ビュー遷移 API](/ja/docs/Web/API/View_Transitions_API)
- [ビュー遷移 API](/ja/docs/Web/API/View_Transition_API)
- [Smooth and simple transitions with the View Transitions API](https://developer.chrome.com/docs/web-platform/view-transitions/)
4 changes: 2 additions & 2 deletions files/ja/web/css/css_view_transitions/index.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ l10n:

{{CSSRef}}

**CSS ビュー遷移**モジュールは、[ビュー遷移 API](/ja/docs/Web/API/View_Transitions_API) の動作を定義します。これにより、開発者は文書内の異なる状態間や文書間でアニメーションする遷移を作成することができます。このモジュールは、これらの遷移をスタイル設定するための CSS プロパティと擬似要素も定義します。
**CSS ビュー遷移**モジュールは、[ビュー遷移 API](/ja/docs/Web/API/View_Transition_API) の動作を定義します。これにより、開発者は文書内の異なる状態間や文書間でアニメーションする遷移を作成することができます。このモジュールは、これらの遷移をスタイル設定するための CSS プロパティと擬似要素も定義します。

## リファレンス

Expand Down Expand Up @@ -46,7 +46,7 @@ l10n:

## ガイド

- [ビュー遷移 API の使用](/ja/docs/Web/API/View_Transitions_API/Using)
- [ビュー遷移 API の使用](/ja/docs/Web/API/View_Transition_API/Using)

- : ビュー遷移を作成する方法と、ビュー遷移のアニメーションをカスタマイズする方法について説明します。アクティブなビュー遷移の操作方法についても記載しています。

Expand Down
Loading

0 comments on commit 5229497

Please sign in to comment.