Advanced Guides > Compotion API > Template Refs の翻訳 #93

konu96 · 2020-09-26T08:29:45Z

Description of Problem

resolve #36

https://v3.vuejs.org/guide/composition-api-template-refs.html#template-refs の翻訳をした

Proposed Solution

Additional Information

netlify · 2020-09-26T08:31:16Z

Deploy preview for vuejs-v3-ja-doc-preview ready!

Built with commit c5cb6b8

https://deploy-preview-93--vuejs-v3-ja-doc-preview.netlify.app

konu96 · 2020-09-26T08:31:40Z

src/guide/composition-api-template-refs.md

@@ -1,10 +1,11 @@
 ## Template Refs

-> This section uses [single-file component](single-file-component.html) syntax for code examples
+> この節ではサンプルコードで [単一ファイルコンポーネント](single-file-component.html)の文法を使用しています。


セクションをそのままにしていいか分からなかったので、取り敢えず「節」と訳しています

kazupon

レビュー 👀 コメント 💬 しました。
対応お願いします！ 🙏

kazupon · 2020-09-26T16:14:34Z

src/guide/composition-api-template-refs.md

@@ -1,10 +1,11 @@
 ## Template Refs


Tempalte Refs ですが、以下のようにテンプレート参照でお願いします！ 🙏

Suggested change

## Template Refs

## テンプレート参照

kazupon · 2020-09-26T16:15:34Z

src/guide/composition-api-template-refs.md


-> This guide assumes that you have already read the [Composition API Introduction](composition-api-introduction.html) and [Reactivity Fundamentals](reactivity-fundamentals.html). Read that first if you are new to Composition API.
+> このガイドはすでに [Composition API 導入](composition-api-introduction.html) を読んでいることを前提に書かれています。もしまだ読んでいないのなら、先に読みましょう。


Composition API の訳は、コンポジション API で訳していくことにしたので、以下のようにしておいてください。 🙏

Suggested change

> このガイドはすでに [Composition API 導入](composition-api-introduction.html) を読んでいることを前提に書かれています。もしまだ読んでいないのなら、先に読みましょう。

> このガイドはすでに [コンポジション API 導入](composition-api-introduction.html) を読んでいることを前提に書かれています。もしまだ読んでいないのなら、先に読みましょう。

kazupon · 2020-09-26T16:16:48Z

src/guide/composition-api-template-refs.md


-When using the Composition API, the concept of [reactive refs](reactivity-fundamentals.html#creating-standalone-reactive-values-as-refs) and [template refs](component-template-refs.html) are unified. In order to obtain a reference to an in-template element or component instance, we can declare a ref as usual and return it from [setup()](composition-api-setup.html):
+Composition API を使うとき、 [リアクティブ refs](reactivity-fundamentals.html#creating-standalone-reactive-values-as-refs) と [テンプレート refs](component-template-refs.html) のコンセプトは同じになります。


Composition API の訳は、コンポジション API

reactive refs は リアクティブ参照

template refs は テンプレート参照

Suggested change

Composition API を使うとき、 [リアクティブ refs](reactivity-fundamentals.html#creating-standalone-reactive-values-as-refs) と [テンプレート refs](component-template-refs.html) のコンセプトは同じになります。

コンポジション API を使うとき、 [リアクティブ参照](reactivity-fundamentals.html#creating-standalone-reactive-values-as-refs) と [テンプレート参照](component-template-refs.html) のコンセプトは同じになります。

kazupon · 2020-09-26T16:18:00Z

src/guide/composition-api-template-refs.md

@@ -31,9 +32,9 @@ When using the Composition API, the concept of [reactive refs](reactivity-fundam
 </script>
 ```

-Here we are exposing `root` on the render context and binding it to the div as its ref via `ref="root"`. In the Virtual DOM patching algorithm, if a VNode's `ref` key corresponds to a ref on the render context, the VNode's corresponding element or component instance will be assigned to the value of that ref. This is performed during the Virtual DOM mount / patch process, so template refs will only get assigned values after the initial render.
+描画コンテキストに `root` 変数を渡していて、`ref="root"` 経由で div 要素とバインドします. 仮想 DOM のパッチアルゴリズムの中で、 もし VNode の `ref` キーは描画コンテキストの ref に対応すると、VNode の対応する要素またはコンポーネントインスタンスに ref の値が割り当てられます。これは仮想 DOM のマウント/パッチ処理中に実行されるので、テンプレート refs では初期描画に値だけを取得できます。


binding は以下のように 束縛します お願いします！

Suggested change

描画コンテキストに `root` 変数を渡していて、`ref="root"` 経由で div 要素とバインドします. 仮想 DOM のパッチアルゴリズムの中で、もし VNode の `ref` キーは描画コンテキストの ref に対応すると、VNode の対応する要素またはコンポーネントインスタンスに ref の値が割り当てられます。これは仮想 DOM のマウント/パッチ処理中に実行されるので、テンプレート refs では初期描画に値だけを取得できます。

描画コンテキストに `root` 変数を渡していて、`ref="root"` 経由で div 要素と束縛します. 仮想 DOM のパッチアルゴリズムの中で、もし VNode の `ref` キーは描画コンテキストの ref に対応すると、VNode の対応する要素またはコンポーネントインスタンスに ref の値が割り当てられます。これは仮想 DOM のマウント/パッチ処理中に実行されるので、テンプレート refs では初期描画に値だけを取得できます。

kazupon · 2020-09-26T16:19:58Z

src/guide/composition-api-template-refs.md


-Refs used as templates refs behave just like any other refs: they are reactive and can be passed into (or returned from) composition functions.
+テンプレート refs　は他の refs と似た挙動をします。つまり、リアクティブかつコンポジション関数に渡せる(または返せる)ことができます。


template refs は テンプレート参照

ここの refs (原文ででてくる用語の refs) は references の略称。なので、訳も参照で。

Suggested change

テンプレート refs　は他の refs と似た挙動をします。つまり、リアクティブかつコンポジション関数に渡せる(または返せる)ことができます。

テンプレート参照は他の参照と似た挙動をします。つまり、リアクティブかつコンポジション関数に渡せる(または返せる)ことができます。

kazupon · 2020-09-26T16:23:26Z

src/guide/composition-api-template-refs.md

    return () => <div ref={root} />
  }
 }
 ```

 ### Usage inside `v-for`

-Composition API template refs do not have special handling when used inside `v-for`. Instead, use function refs to perform custom handling:
+コンポジション API のテンプレート refs を `v-for` 内部で使う時に特別な処理はされないです。代わりに、関数 refs を使って独自処理を実行してください。


function refs は意訳的に以下のようにすると分かりやすいです。

Suggested change

コンポジション API のテンプレート refs を `v-for` 内部で使う時に特別な処理はされないです。代わりに、関数 refs を使って独自処理を実行してください。

コンポジション API のテンプレート参照を `v-for` 内部で使う時には特別な処理はされないです。代わりに、参照を提供する関数を使って独自処理を実行してください。

konu96 · 2020-09-27T11:09:55Z

細かい点までレビューありがとうございます. 対応したのでお手隙の際に、レビューお願いします.

kazupon · 2020-09-27T12:55:26Z

対応ありがとうございました。
確認しました！
CIでエラーが起きていますが、翻訳作業に支障はない(このPRとは別事象)なので、マージします！

翻訳ありがとうございました！

translate composition-api-template-refs

2945013

pr-triage bot added the PR: unreviewed label Sep 26, 2020

konu96 commented Sep 26, 2020

View reviewed changes

[FIX] 訳し方を変更

732fd4e

kazupon requested changes Sep 26, 2020

View reviewed changes

pr-triage bot added PR: reviewed-changes-requested and removed PR: unreviewed labels Sep 26, 2020

[FIX] レビュー内容を反映して日本語訳を修正

c5cb6b8

pr-triage bot added PR: unreviewed and removed PR: reviewed-changes-requested labels Sep 27, 2020

kazupon approved these changes Sep 27, 2020

View reviewed changes

pr-triage bot added PR: reviewed-approved and removed PR: unreviewed labels Sep 27, 2020

kazupon merged commit 9aac71b into vuejs-jp:lang-ja Sep 27, 2020

pr-triage bot added PR: merged and removed PR: reviewed-approved labels Sep 27, 2020

konu96 deleted the translate-composition-api-template-refs branch September 27, 2020 13:17

naokie mentioned this pull request Apr 27, 2021

用語の表記揺れの整合 #94

Open

17 tasks

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Advanced Guides > Compotion API > Template Refs の翻訳 #93

Advanced Guides > Compotion API > Template Refs の翻訳 #93

konu96 commented Sep 26, 2020

netlify bot commented Sep 26, 2020 •

edited

Loading

konu96 Sep 26, 2020

kazupon left a comment

kazupon Sep 26, 2020

kazupon Sep 26, 2020

kazupon Sep 26, 2020

kazupon Sep 26, 2020

kazupon Sep 26, 2020

kazupon Sep 26, 2020

konu96 commented Sep 27, 2020

kazupon commented Sep 27, 2020


		> This guide assumes that you have already read the [Composition API Introduction](composition-api-introduction.html) and [Reactivity Fundamentals](reactivity-fundamentals.html). Read that first if you are new to Composition API.
		> このガイドはすでに [Composition API 導入](composition-api-introduction.html) を読んでいることを前提に書かれています。もしまだ読んでいないのなら、先に読みましょう。

	> このガイドはすでに [Composition API 導入](composition-api-introduction.html) を読んでいることを前提に書かれています。もしまだ読んでいないのなら、先に読みましょう。
	> このガイドはすでに [コンポジション API 導入](composition-api-introduction.html) を読んでいることを前提に書かれています。もしまだ読んでいないのなら、先に読みましょう。


		When using the Composition API, the concept of [reactive refs](reactivity-fundamentals.html#creating-standalone-reactive-values-as-refs) and [template refs](component-template-refs.html) are unified. In order to obtain a reference to an in-template element or component instance, we can declare a ref as usual and return it from [setup()](composition-api-setup.html):
		Composition API を使うとき、 [リアクティブ refs](reactivity-fundamentals.html#creating-standalone-reactive-values-as-refs) と [テンプレート refs](component-template-refs.html) のコンセプトは同じになります。

	Composition API を使うとき、 [リアクティブ refs](reactivity-fundamentals.html#creating-standalone-reactive-values-as-refs) と [テンプレート refs](component-template-refs.html) のコンセプトは同じになります。
	コンポジション API を使うとき、 [リアクティブ参照](reactivity-fundamentals.html#creating-standalone-reactive-values-as-refs) と [テンプレート参照](component-template-refs.html) のコンセプトは同じになります。


		Refs used as templates refs behave just like any other refs: they are reactive and can be passed into (or returned from) composition functions.
		テンプレート refs　は他の refs と似た挙動をします。つまり、リアクティブかつコンポジション関数に渡せる(または返せる)ことができます。

	テンプレート refs　は他の refs と似た挙動をします。つまり、リアクティブかつコンポジション関数に渡せる(または返せる)ことができます。
	テンプレート参照は他の参照と似た挙動をします。つまり、リアクティブかつコンポジション関数に渡せる(または返せる)ことができます。

	コンポジション API のテンプレート refs を `v-for` 内部で使う時に特別な処理はされないです。代わりに、関数 refs を使って独自処理を実行してください。
	コンポジション API のテンプレート参照を `v-for` 内部で使う時には特別な処理はされないです。代わりに、参照を提供する関数を使って独自処理を実行してください。

Advanced Guides > Compotion API > Template Refs の翻訳 #93

Advanced Guides > Compotion API > Template Refs の翻訳 #93

Conversation

konu96 commented Sep 26, 2020

Description of Problem

Proposed Solution

Additional Information

netlify bot commented Sep 26, 2020 • edited Loading

konu96 Sep 26, 2020

Choose a reason for hiding this comment

kazupon left a comment

Choose a reason for hiding this comment

kazupon Sep 26, 2020

Choose a reason for hiding this comment

kazupon Sep 26, 2020

Choose a reason for hiding this comment

kazupon Sep 26, 2020

Choose a reason for hiding this comment

kazupon Sep 26, 2020

Choose a reason for hiding this comment

kazupon Sep 26, 2020

Choose a reason for hiding this comment

kazupon Sep 26, 2020

Choose a reason for hiding this comment

konu96 commented Sep 27, 2020

kazupon commented Sep 27, 2020

netlify bot commented Sep 26, 2020 •

edited

Loading