docs #26 Reusability & Composition > Custom Directives の翻訳 #68

egurinko · 2020-09-20T08:32:49Z

resolved #26

netlify · 2020-09-20T08:34:38Z

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

Built with commit ee56f74

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

kazupon

レビュー 👀 コメント 💬 しました！
翻訳内容はほぼ完璧です！

ほとんどは細かい内容のものですが、対応お願いします！ 🙏

kazupon · 2020-09-21T14:55:14Z

src/guide/custom-directive.md


-Now let's build the directive that accomplishes this:
+ここからこれを実現するディレクティブを実装しましょう。


: ですが、これまでの Vue 公式ドキュメントの翻訳ではそのまま載せてきたので、ここでは句点ではなく : でお願いします！ 🙏

Suggested change

ここからこれを実現するディレクティブを実装しましょう。

ここからこれを実現するディレクティブを実装しましょう:

ご指摘ありがとうございます！
2504960 にてまとめて修正を入れさせていただきました 🙏

kazupon · 2020-09-21T14:56:03Z

src/guide/custom-directive.md

    mounted(el) {
      el.focus()
    }
  }
 }
 ```

-Then in a template, you can use the new `v-focus` attribute on any element, like this:
+そしてテンプレートでは、新規登録した `v-focus` 属性をどの要素に対しても以下のように利用できます。


ここも同じく :

Suggested change

そしてテンプレートでは、新規登録した `v-focus` 属性をどの要素に対しても以下のように利用できます。

そしてテンプレートでは、新規登録した `v-focus` 属性をどの要素に対しても以下のように利用できます:

kazupon · 2020-09-21T14:58:00Z

src/guide/custom-directive.md

 app.directive('focus', {
-  // When the bound element is mounted into the DOM...
+  // バインドされている要素が DOM にマウントされると...


これまでの Vue 公式ドキュメントの翻訳では、bind は 束縛 で訳してきているの、こちらでお願いしいます！ 🙏

Suggested change

// バインドされている要素が DOM にマウントされると...

// 束縛されている要素が DOM にマウントされると...

承知しました！
こちら 63bedfb にてまとめて修正させていただきました 🙋

kazupon · 2020-09-21T14:58:45Z

src/guide/custom-directive.md


- `beforeMount`: called when the directive is first bound to the element and before parent component is mounted. This is where you can do one-time setup work.
+- `beforeMount`: ディレクティブが初めて要素にバインドされた時、そして親コンポーネントがマウントされる前に呼ばれます。ここは1度だけ実行するセットアップ処理を行える場所です。


ここの bind も同じく。

Suggested change

- `beforeMount`: ディレクティブが初めて要素にバインドされた時、そして親コンポーネントがマウントされる前に呼ばれます。ここは1度だけ実行するセットアップ処理を行える場所です。

- `beforeMount`: ディレクティブが初めて要素に束縛された時、そして親コンポーネントがマウントされる前に呼ばれます。ここは1度だけ実行するセットアップ処理を行える場所です。

kazupon · 2020-09-21T14:59:09Z

src/guide/custom-directive.md


- `mounted`: called when the bound element's parent component is mounted.
+- `mounted`: バインドされた要素の親コンポーネントがマウントされた時に呼ばれます。


ここの bind も同じく。

Suggested change

- `mounted`: バインドされた要素の親コンポーネントがマウントされた時に呼ばれます。

- `mounted`: 束縛された要素の親コンポーネントがマウントされた時に呼ばれます。

kazupon · 2020-09-21T15:04:31Z

src/guide/custom-directive.md


-:::tip Note
-We'll cover VNodes in more detail [later](render-function.html#the-virtual-dom-tree), when we discuss render functions.
+:::tip 注意


VuePress の ::: のやつですが、以下でも質問がありましたが、一旦翻訳しない方向に決めました。
#1 (comment)
ですので、そのままにしておいてください。 🙏

Suggested change

:::tip 注意

:::tip Note

なるほど！ご指摘ありがとうございます！
こちらも原文表示に修正しました!
ee56f74

kazupon · 2020-09-21T15:05:05Z

src/guide/custom-directive.md

 :::

- `updated`: called after the containing component's VNode **and the VNodes of its children** have updated.
+- `updated`: バインドされた要素を含むコンポーネントの VNode **とその子コンポーネントの VNode** が更新された後に呼ばれます。


ここの bind も同じく。

Suggested change

- `updated`: バインドされた要素を含むコンポーネントの VNode **とその子コンポーネントの VNode** が更新された後に呼ばれます。

- `updated`: 束縛された要素を含むコンポーネントの VNode **とその子コンポーネントの VNode** が更新された後に呼ばれます。

kazupon · 2020-09-21T15:05:15Z

src/guide/custom-directive.md


- `beforeUnmount`: called before the bound element's parent component is unmounted
+- `beforeUnmount`: バインドされた要素の親コンポーネントがアンマウントされる前に呼ばれます。


ここの bind も同じく。

Suggested change

- `beforeUnmount`: バインドされた要素の親コンポーネントがアンマウントされる前に呼ばれます。

- `beforeUnmount`: 束縛された要素の親コンポーネントがアンマウントされる前に呼ばれます。

kazupon · 2020-09-21T15:05:30Z

src/guide/custom-directive.md


- `unmounted`: called only once, when the directive is unbound from the element and the parent component is unmounted.
+- `unmounted`: ディレクティブが要素からバインドを解かれた時、また親コンポーネントがアンマウントされた時に1度だけ呼ばれます。


ここの bind も同じく。

Suggested change

- `unmounted`: ディレクティブが要素からバインドを解かれた時、また親コンポーネントがアンマウントされた時に1度だけ呼ばれます。

- `unmounted`: ディレクティブが要素から束縛されなくなった時、また親コンポーネントがアンマウントされた時に1度だけ呼ばれます。

kazupon · 2020-09-21T15:07:09Z

src/guide/custom-directive.md

@@ -134,7 +134,7 @@ Result:
 </p>
 <script async src="https://static.codepen.io/assets/embed/ei.js"></script>

-Our custom directive is now flexible enough to support a few different use cases. To make it even more dynamic, we can also allow to modify a bound value. Let's create an additional property `pinPadding` and bind it to the `<input type="range">`
+このカスタムディレクティブは、いくつかの違うユースケースをサポートできるほど柔軟になりました。さらに動的にするには、バインドした値を修正できるようにすれば良いでしょう。`pinPadding` という追加のプロパティを作成して、`<input type="range">` にバインドしてみましょう。


ここの bind も同じく。

Suggested change

このカスタムディレクティブは、いくつかの違うユースケースをサポートできるほど柔軟になりました。さらに動的にするには、バインドした値を修正できるようにすれば良いでしょう。`pinPadding` という追加のプロパティを作成して、`<input type="range">` にバインドしてみましょう。

このカスタムディレクティブは、いくつかの違うユースケースをサポートできるほど柔軟になりました。さらに動的にするには、束縛した値を修正できるようにすれば良いでしょう。`pinPadding` という追加のプロパティを作成して、`<input type="range">` に束縛してみましょう。

egurinko · 2020-09-26T12:20:04Z

レビュー 👀 コメント 💬 しました！
翻訳内容はほぼ完璧です！

ほとんどは細かい内容のものですが、対応お願いします！ 🙏

細かくレビューいただきありがとうございました！
対応完了いたしました！

kazupon · 2020-09-26T15:16:54Z

指摘事項の対応ありがとうございました！
確認しました！
LGTMです！

CIでエラーが起きていますが、翻訳作業に支障はない(このPRとは別事象)ので、マージします！

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

translate Reusability & Composition > Custom Directives

6eb1531

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

kazupon requested changes Sep 21, 2020

View reviewed changes

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

egurinko added 3 commits September 26, 2020 21:08

add colon where there is colon

2504960

use 束縛 instead of バインド

63bedfb

use Note to align other pages

ee56f74

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

kazupon approved these changes Sep 26, 2020

View reviewed changes

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

kazupon merged commit 05f8ab9 into vuejs-jp:lang-ja Sep 26, 2020

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


		Now let's build the directive that accomplishes this:
		ここからこれを実現するディレクティブを実装しましょう。

	ここからこれを実現するディレクティブを実装しましょう。
	ここからこれを実現するディレクティブを実装しましょう:

	そしてテンプレートでは、新規登録した `v-focus` 属性をどの要素に対しても以下のように利用できます。
	そしてテンプレートでは、新規登録した `v-focus` 属性をどの要素に対しても以下のように利用できます:

	// バインドされている要素が DOM にマウントされると...
	// 束縛されている要素が DOM にマウントされると...


		- `beforeMount`: called when the directive is first bound to the element and before parent component is mounted. This is where you can do one-time setup work.
		- `beforeMount`: ディレクティブが初めて要素にバインドされた時、そして親コンポーネントがマウントされる前に呼ばれます。ここは1度だけ実行するセットアップ処理を行える場所です。

	- `beforeMount`: ディレクティブが初めて要素にバインドされた時、そして親コンポーネントがマウントされる前に呼ばれます。ここは1度だけ実行するセットアップ処理を行える場所です。
	- `beforeMount`: ディレクティブが初めて要素に束縛された時、そして親コンポーネントがマウントされる前に呼ばれます。ここは1度だけ実行するセットアップ処理を行える場所です。


		- `mounted`: called when the bound element's parent component is mounted.
		- `mounted`: バインドされた要素の親コンポーネントがマウントされた時に呼ばれます。

	- `mounted`: バインドされた要素の親コンポーネントがマウントされた時に呼ばれます。
	- `mounted`: 束縛された要素の親コンポーネントがマウントされた時に呼ばれます。

	- `updated`: バインドされた要素を含むコンポーネントの VNode とその子コンポーネントの VNode が更新された後に呼ばれます。
	- `updated`: 束縛された要素を含むコンポーネントの VNode とその子コンポーネントの VNode が更新された後に呼ばれます。


		- `beforeUnmount`: called before the bound element's parent component is unmounted
		- `beforeUnmount`: バインドされた要素の親コンポーネントがアンマウントされる前に呼ばれます。

	- `beforeUnmount`: バインドされた要素の親コンポーネントがアンマウントされる前に呼ばれます。
	- `beforeUnmount`: 束縛された要素の親コンポーネントがアンマウントされる前に呼ばれます。


		- `unmounted`: called only once, when the directive is unbound from the element and the parent component is unmounted.
		- `unmounted`: ディレクティブが要素からバインドを解かれた時、また親コンポーネントがアンマウントされた時に1度だけ呼ばれます。

	- `unmounted`: ディレクティブが要素からバインドを解かれた時、また親コンポーネントがアンマウントされた時に1度だけ呼ばれます。
	- `unmounted`: ディレクティブが要素から束縛されなくなった時、また親コンポーネントがアンマウントされた時に1度だけ呼ばれます。

	このカスタムディレクティブは、いくつかの違うユースケースをサポートできるほど柔軟になりました。さらに動的にするには、バインドした値を修正できるようにすれば良いでしょう。`pinPadding` という追加のプロパティを作成して、`<input type="range">` にバインドしてみましょう。
	このカスタムディレクティブは、いくつかの違うユースケースをサポートできるほど柔軟になりました。さらに動的にするには、束縛した値を修正できるようにすれば良いでしょう。`pinPadding` という追加のプロパティを作成して、`<input type="range">` に束縛してみましょう。

docs #26 Reusability & Composition > Custom Directives の翻訳 #68

docs #26 Reusability & Composition > Custom Directives の翻訳 #68

Uh oh!

Conversation

egurinko commented Sep 20, 2020

Uh oh!

netlify bot commented Sep 20, 2020 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

kazupon left a comment

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

egurinko Sep 26, 2020 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

egurinko commented Sep 26, 2020

Uh oh!

kazupon commented Sep 26, 2020

Uh oh!

Uh oh!

netlify bot commented Sep 20, 2020 •

edited

Loading

egurinko Sep 26, 2020 •

edited

Loading