Skip to content

v2.2アップデートにおけるsrc/v2/guide/transitions.mdの変更の翻訳 #227

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 4 commits into from
Feb 28, 2017

Conversation

potato4d
Copy link
Collaborator

v2.2のアップデートにて追加された、の:duration propについての項の翻訳です。

殆どの場合、 Vue は、自動的にトランジションが終了したことを見つけ出すことが可能です。

だけ少し翻訳が不安なので、詳しい方はレビューいただけますと幸いです。

原文: vuejs/v2.vuejs.org@4f81f9a#diff-32d5e026a8c8944c4a81267e437d3c69

<transition :duration="1000">...</transition>
```

また、活性化時と終了時の期間を、別個に指定することも可能です:
Copy link
Collaborator

Choose a reason for hiding this comment

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

ここでは、別個(なにかに対して別)という表現より、個別が良いと思います

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

そうですね、個別にしたいと思います!

Copy link
Collaborator

@inouetakuya inouetakuya left a comment

Choose a reason for hiding this comment

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

殆どの場合、 Vue は、自動的にトランジションが終了したことを見つけ出すことが可能です。

ここは、そのままで良いと思います。

JavaScript のみを利用したトランジションの場合は、done コールバックを呼ぶ必要あるとかありますが、文字通り、殆どの場合、 Vue は、自動的にトランジションが終了したことを見つけ出してくれます。

それ以外の点でひとつコメントしましたので確認お願いします。


> 2.2.0 からの新機能

殆どの場合、 Vue は、自動的にトランジションが終了したことを見つけ出すことが可能です。デフォルトでは、 Vue はルート要素の初めの `transitionend` もしくは `animationend` イベントを待ちます。しかし、これが常に望む形であるとは限りません。例えば、幾つかの入れ子となっている内部要素にて、トランジションの遅延がある場合や、ルートのトランジション要素が、非常に長いトランジション期間を設けている場合などです。
Copy link
Collaborator

Choose a reason for hiding this comment

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

「例えば」以下について、対応する原文は

for example, we may have a choreographed transition sequence where some nested inner elements have a delayed transition or a longer transition duration than the root transition element.

となっていて、we may have a choreographed transition sequence の箇所が訳に表れていないように思いますがどうでしょう?(ここ難しいですね。対案を出せなかった...)

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

確かにそうですねー……、この一文、どのように訳して差し込むのがベターでしょうかね……
このドキュメントではじめて "choreographed" という単語を目にして、中々良い訳しかたが見つからないです。

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

「振り付け」という表現が、入れ子構造によるディレイによって表現される一つのトランジションの遷移。という意味かと考えているのですが、これを落とし込むのが難しいですね

Copy link
Collaborator

Choose a reason for hiding this comment

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

うーん、そうですねえ... a choreographed transition sequence を直訳すると、「振り付けされたトランジションの配列」。sequence という言葉が使われているように、いくつかのトランジションが連なってひとつのトランジションを構成しているとと捉えました。

「振り付け」という表現が、入れ子構造によるディレイによって表現される一つのトランジションの遷移。という意味かと考えているのですが

と同じ認識だと思います。で、考えてみたのですが、このニュアンスを落とし込むのは難しくて、かつ、無理矢理入れるとかえって分かりにくそうなので、現状の訳が良いのではないかと思いました(かき回してしまってすみません...

Copy link
Collaborator

Choose a reason for hiding this comment

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

ただ、この点、もしかしたら他の方からより良い案が出るかもしれないので、一晩寝かしたいです!:pray:

Copy link
Member

Choose a reason for hiding this comment

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

「例えば、幾つかの入れ子となっている内部要素にてトランジションの遅延がある場合や、ルートのトランジション要素よりも非常に長いトランジション期間を設けている場合の、一連のトランジションのまとまりなどです。」

とかどうでしょうか?ちょっと意訳っぽいですが。

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

@ktsn

一連のトランジションのまとまり

これでいこうと思います!
ありがとうございますー。

@kazupon
Copy link
Member

kazupon commented Feb 28, 2017

問題なさそうなのでマージします。

@kazupon kazupon merged commit 875aa76 into vuejs:lang-ja Feb 28, 2017
@potato4d potato4d deleted the translate/v2.2/transitions branch February 28, 2017 13:00
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.

5 participants