Skip to content

Conversation

tutti2612
Copy link
Contributor

resolve #92

Copy link
Member

@jay-es jay-es left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

レビューしました。
2箇所修正をお願いします:pray:

@tutti2612 tutti2612 requested a review from jay-es March 14, 2022 14:09
@tutti2612
Copy link
Contributor Author

@jay-es
指摘箇所を修正しました。
再レビューお願いします!

kazupon
kazupon previously approved these changes Mar 14, 2022
Copy link
Member

@kazupon kazupon left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

レビュー 👀 コメント 💬 しました。
確認お願いします。

```

`reactive()` only works on objects (including arrays and built-in types like `Map` and `Set`). `ref()`, on the other hand, can take any value type and create an object that exposes the inner value under a `.value` property:
`reactive()` はオブジェクト(配列や `Map` `Set` のような組み込み型も含む)に対してのみ動作します。一方、`ref()` は、任意の値の型を取り、`.value` プロパティの下で内部の値を公開するオブジェクトを作成することができます。:
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

文章の最後にある : は、翻訳に対応させるときは、読点+ :ではなく、: で大丈夫です。

Suggested change
`reactive()` はオブジェクト(配列や `Map``Set` のような組み込み型も含む)に対してのみ動作します。一方、`ref()` は、任意の値の型を取り、`.value` プロパティの下で内部の値を公開するオブジェクトを作成することができます:
`reactive()` はオブジェクト(配列や `Map``Set` のような組み込み型も含む)に対してのみ動作します。一方、`ref()` は、任意の値の型を取り、`.value` プロパティの下で内部の値を公開するオブジェクトを作成することができます:

<div class="sfc">

Reactive state declared in the component's `<script setup>` block can be used directly in the template. This is how we can render dynamic text based on the value of the `state` object and `message` ref, using mustaches syntax:
コンポーネントの `<script setup>` ブロックで宣言されたリアクティブステートはテンプレートで直接使用することができます。このようにして、mustaches 構文を使い、 `state` オブジェクトと `message` ref の値に基づいて動的なテキストをレンダリングすることができます。:
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

: 同じく。

Suggested change
コンポーネントの `<script setup>` ブロックで宣言されたリアクティブステートはテンプレートで直接使用することができます。このようにして、mustaches 構文を使い、 `state` オブジェクトと `message` ref の値に基づいて動的なテキストをレンダリングすることができます:
コンポーネントの `<script setup>` ブロックで宣言されたリアクティブステートはテンプレートで直接使用することができます。このようにして、mustaches 構文を使い、 `state` オブジェクトと `message` ref の値に基づいて動的なテキストをレンダリングすることができます:

<div class="html">

The object being passed to `createApp()` is a Vue component. A component's state should be declared inside its `setup()` function, and returned using an object:
`createApp()` に渡されるオブジェクトは Vue のコンポーネントです。コンポーネントの状態は、その `setup()` 関数内で宣言され、オブジェクトを使用して返される必要があります。:
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

: 同じく。

Suggested change
`createApp()` に渡されるオブジェクトは Vue のコンポーネントです。コンポーネントの状態は、その `setup()` 関数内で宣言され、オブジェクトを使用して返される必要があります:
`createApp()` に渡されるオブジェクトは Vue のコンポーネントです。コンポーネントの状態は、その `setup()` 関数内で宣言され、オブジェクトを使用して返される必要があります:

```

Properties in the returned object will be made available in the template. This is how we can render dynamic text based on the value of `message`, using mustaches syntax:
返されたオブジェクトのプロパティはテンプレートで利用できるようになります。このようにして、mustaches 構文を使い、 `message` の値に基づいて動的なテキストをレンダリングすることができます。:
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

: 同じく。

Suggested change
返されたオブジェクトのプロパティはテンプレートで利用できるようになります。このようにして、mustaches 構文を使い、 `message` の値に基づいて動的なテキストをレンダリングすることができます:
返されたオブジェクトのプロパティはテンプレートで利用できるようになります。このようにして、mustaches 構文を使い、 `message` の値に基づいて動的なテキストをレンダリングすることができます:

</div>

The content inside the mustaches is not limited to just identifiers or paths - we can use any valid JavaScript expression:
mustaches の内側の内容は識別子やパスに限られません。有効な JavaScript の式であれば何でも使うことができます。:
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

: 同じく。

Suggested change
mustaches の内側の内容は識別子やパスに限られません。有効な JavaScript の式であれば何でも使うことができます:
mustaches の内側の内容は識別子やパスに限られません。有効な JavaScript の式であれば何でも使うことができます:

@kazupon kazupon dismissed their stale review March 14, 2022 15:25

間違って approval してしまった。

@tutti2612
Copy link
Contributor Author

@kazupon
指摘箇所を修正しました。
再レビューお願いします!

@tutti2612 tutti2612 requested a review from kazupon March 15, 2022 06:46
Copy link
Member

@jay-es jay-es left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

修正ありがとうございます!:pray:
kazupon さんの箇所も直っているのでマージします

@jay-es jay-es merged commit b3c5e0c into vuejs-translations:main Mar 15, 2022
u-sho pushed a commit to u-sho/docs-ja that referenced this pull request Mar 22, 2022
* translated tutorial step2

* レビュー指摘箇所の修正

* :の前の。は不要なので削除
u-sho added a commit to u-sho/docs-ja that referenced this pull request Mar 24, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

「Tutorial > Declarative Rendering」の翻訳

3 participants