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

Translate transition #182

Merged
merged 3 commits into from Oct 11, 2016

Conversation

Projects
None yet
2 participants
@kitak
Collaborator

kitak commented Oct 10, 2016

Closes #137

'Transitions: Entering, Leaving, and Lists' を翻訳しました。レビューをお願いします。

@kazupon

レビュー 👀 しました。レビューコメントの対応お願いします!🙇

Show outdated Hide outdated src/guide/transitions.md
- integrate 3rd-party JavaScript animation libraries, such as Velocity.js
- 自動的に CSS トランジションやアニメーションのためのクラスを適用します
- Animate.css のようなサードパーティの CSS アニメーションライブラリとの連携します
- トランジションフックの間、直接 DOM 操作をするために JavaScript を使います

This comment has been minimized.

@kazupon

kazupon Oct 11, 2016

Member

トランジションフックの間 ですとちょっと分かりづらいので、トランジションフックが実行されている間 などのようにしてイメージが付きやすいようにしましょう!

@kazupon

kazupon Oct 11, 2016

Member

トランジションフックの間 ですとちょっと分かりづらいので、トランジションフックが実行されている間 などのようにしてイメージが付きやすいようにしましょう!

Show outdated Hide outdated src/guide/transitions.md
On this page, we'll only cover entering, leaving, and list transitions, but you can see the next section for [managing state transitions](transitioning-state.html).
このページでは、entering, leaving, リストのトランジションについて扱いますが、次の章では、[状態のトランジションの管理](transitioning-state.html) について、扱います。

This comment has been minimized.

@kazupon

kazupon Oct 11, 2016

Member

[状態のトランジションの管理]ですが、既に訳しているので、[状態のトランジション]で合わせましょう! 🙇
https://github.com/vuejs/jp.vuejs.org/pull/180/files

@kazupon

kazupon Oct 11, 2016

Member

[状態のトランジションの管理]ですが、既に訳しているので、[状態のトランジション]で合わせましょう! 🙇
https://github.com/vuejs/jp.vuejs.org/pull/180/files

Show outdated Hide outdated src/guide/transitions.md
1. `v-enter`: enter の開始状態。要素が挿入される前に適用され、1フレーム後に削除されます。
2. `v-enter-active`: enter の活性と終了状態。要素が挿入される前に適用され、トランジション/アニメーションが終わる時に削除されます。
3. `v-leave`: leave の開始状態。leave トランジションがトリガーされるときに適用され、1フレーム後に削除されます。
4. `v-leave-active`: leave の活性と終了状態。leave トランジションがトリガーされるときに適用され、トランジション/アニメーションが終わる時に削除されます。
![Transition Diagram](/images/transition.png)

This comment has been minimized.

@kazupon

kazupon Oct 11, 2016

Member

alt属性ですが、一応訳しておいて下さい。

@kazupon

kazupon Oct 11, 2016

Member

alt属性ですが、一応訳しておいて下さい。

Show outdated Hide outdated src/guide/transitions.md
Here's an example:
これが例です:

This comment has been minimized.

@kazupon

kazupon Oct 11, 2016

Member

これが例です より これは例です または、これが例になります の方が読んでいて違和感がない訳になると思います。

@kazupon

kazupon Oct 11, 2016

Member

これが例です より これは例です または、これが例になります の方が読んでいて違和感がない訳になると思います。

Show outdated Hide outdated src/guide/transitions.md
@@ -555,17 +552,17 @@ new Vue({
</script>
{% endraw %}
## Transitions on Initial Render
## 初期レンダリング時のトランジション

This comment has been minimized.

@kazupon

kazupon Oct 11, 2016

Member

Render の訳ですが、こちらは 描画にしておいてください。(Renderingレンダリングでいいです。どっちでもいいじゃないですかという突っ込みはなしで。。。🙇 )
なので、ここは初期描画時のトランジションとなりますでしょうか。

@kazupon

kazupon Oct 11, 2016

Member

Render の訳ですが、こちらは 描画にしておいてください。(Renderingレンダリングでいいです。どっちでもいいじゃないですかという突っ込みはなしで。。。🙇 )
なので、ここは初期描画時のトランジションとなりますでしょうか。

This comment has been minimized.

@kazupon

kazupon Oct 11, 2016

Member

他の方が 描画 というので訳していたので一応統一しておきたいとのが理由になりますでしょうか。

@kazupon

kazupon Oct 11, 2016

Member

他の方が 描画 というので訳していたので一応統一しておきたいとのが理由になりますでしょうか。

This comment has been minimized.

@kitak

kitak Oct 11, 2016

Collaborator

👍

@kitak

kitak Oct 11, 2016

Collaborator

👍

Show outdated Hide outdated src/guide/transitions.md
If you also want to apply a transition on the initial render of a node, you can add the `appear` attribute:
ノードの初期レンダリング時にトランジションを適用したい場合は、`appear` 属性を追加することができます:

This comment has been minimized.

@kazupon

kazupon Oct 11, 2016

Member

ここの上記レビューコメント同様、描画でお願いします。

@kazupon

kazupon Oct 11, 2016

Member

ここの上記レビューコメント同様、描画でお願いします。

Show outdated Hide outdated src/guide/transitions.md
@@ -881,11 +878,11 @@ new Vue({
</style>
{% endraw %}
Pretty cool, right?
クールだと思いません?

This comment has been minimized.

@kazupon

kazupon Oct 11, 2016

Member

この訳ですと、ちょっとラフすぎるので、かなりよいと思いませんか?にしましょう!

@kazupon

kazupon Oct 11, 2016

Member

この訳ですと、ちょっとラフすぎるので、かなりよいと思いませんか?にしましょう!

Show outdated Hide outdated src/guide/transitions.md
@@ -1652,5 +1649,4 @@ new Vue({
</script>
{% endraw %}
Finally, the ultimate way of creating dynamic transitions is through components that accept props to change the nature of the transition(s) to be used. It may sound cheesy, but the only limit really is your imagination.
最後に、動的なトランジションを作成する究極の方法は、使用するトランジションの性質を変更する props を受けつけるコンポーネントを通して作成することです。チープに聞こえるかもしれませんが、本当の限界はあなたの想像力だけなのです。

This comment has been minimized.

@kazupon

kazupon Oct 11, 2016

Member

propsプロパティにしましょう!

@kazupon

kazupon Oct 11, 2016

Member

propsプロパティにしましょう!

@kitak

This comment has been minimized.

Show comment
Hide comment
@kitak

kitak Oct 11, 2016

Collaborator

@kazupon

レビューを受けて修正しました

Collaborator

kitak commented Oct 11, 2016

@kazupon

レビューを受けて修正しました

@kazupon

👍
ありがとうございます。マージしますね!

@kazupon kazupon merged commit 203a090 into vuejs:lang-ja-2.0 Oct 11, 2016

@kitak kitak deleted the kitak:transitions branch Oct 17, 2016

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment