Skip to content

Conversation

@nalpan
Copy link
Collaborator

@nalpan nalpan commented Sep 25, 2020

Description of Problem

https://v3.vuejs.org/guide/template-syntax.html の翻訳
resolve #5

Proposed Solution

https://github.com/vuejs/jp.vuejs.org/blob/lang-ja/src/v2/guide/syntax.md
を参考に翻訳

Additional Information

@netlify
Copy link

netlify bot commented Sep 25, 2020

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

Built with commit 663bd3d

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

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.

レビュー 👀 コメント 💬 しました!
翻訳内容については、コメントした細かいもの以外大丈夫です!
対応お願いします。 🙏

```html
{{ number + 1 }} {{ ok ? 'YES' : 'NO' }} {{ message.split('').reverse().join('')
}}
{{ number + 1 }}
Copy link
Member

Choose a reason for hiding this comment

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

ここは改行されていますが、ドキュメントのメンテナンス上 (diff のコンフリクトを避ける) 原文と同じにしておいてください。 🙏

Co-authored-by: kazuya kawaguchi <kawakazu80@gmail.com>
nalpan and others added 2 commits September 28, 2020 23:09
Co-authored-by: kazuya kawaguchi <kawakazu80@gmail.com>
Copy link
Collaborator Author

@nalpan nalpan left a comment

Choose a reason for hiding this comment

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

@kazupon
squashしてしまいましたが…対応しました、ご確認お願いします🙏

Vue.js では HTML ベースのテンプレート構文を使っているので、Vue インスタンスのデータと描画された DOM を宣言的に対応させることができます。全ての Vue.js テンプレートは、仕様に準拠しているブラウザや HTML パーサによってパースできる有効な HTML です。

Under the hood, Vue compiles the templates into Virtual DOM render functions. Combined with the reactivity system, Vue is able to intelligently figure out the minimal number of components to re-render and apply the minimal amount of DOM manipulations when the app state changes.
内部では、Vue はテンプレートを仮想 (Virtual) DOM の描画 (render) 関数にコンパイルします。リアクティブシステムと組み合わせて、Vue は再描画に必要なコンポーネントをインテリジェントに把握でき、アプリケーションの状態が変わった時に最低限の DOM 操作を適用します
Copy link
Collaborator Author

Choose a reason for hiding this comment

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

#91 (comment)
Virtual DOMrender functionを対応しました!

内部では、Vue はテンプレートを仮想 (Virtual) DOM の描画 (render) 関数にコンパイルします。リアクティブシステムと組み合わせて、Vue は再描画に必要なコンポーネントをインテリジェントに把握でき、アプリケーションの状態が変わった時に最低限の DOM 操作を適用します

If you are familiar with Virtual DOM concepts and prefer the raw power of JavaScript, you can also [directly write render functions](render-function.html) instead of templates, with optional JSX support.
もし、あなたが仮想 DOM の概要に詳しく、JavaScript で直接描画するのを好む場合、テンプレートの代わりに[直接 render 関数で書く](render-function.html)ことも可能で、オプションで JSX をサポートしています。
Copy link
Collaborator Author

Choose a reason for hiding this comment

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

#91 (comment)
こちらもVirtual DOM対応しました!

これまで、テンプレートに単純なキーをバインディングしてきました。実際には Vue.js は全てのデータバインディング内部で JavaScript 式を完全にサポートします:

```html
{{ number + 1 }} {{ ok ? 'YES' : 'NO' }} {{ message.split('').reverse().join('')
Copy link
Collaborator Author

Choose a reason for hiding this comment

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

#91 (comment)
原文に戻しました!

@kazupon
Copy link
Member

kazupon commented Sep 28, 2020

対応ありがとうございます。
確認しました。
LGTMです。

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

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

@kazupon kazupon merged commit 64d3786 into vuejs-jp:lang-ja Sep 28, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Essentials > Template Syntax の翻訳

2 participants