{"body":"Translate 10.1-animation.md to Japanese","files":[{"path":"docs\/docs\/10.1-animation.ja-JP.md","status":"A"}],"parents":["64dafb17a9d8e20557bef29ee16585df6bfba2a8","fe466e5842adbe1ab3ae520d38831071f3bc829d"],"patch":"diff --git a\/docs\/docs\/10.1-animation.ja-JP.md b\/docs\/docs\/10.1-animation.ja-JP.md\nnew file mode 100644\nindex 0000000000..16233b75a9\n--- \/dev\/null\n+++ b\/docs\/docs\/10.1-animation.ja-JP.md\n@@ -0,0 +1,221 @@\n+---\n+id: animation\n+title: アニメーション\n+permalink: animation-ja-JP.html\n+prev: addons-ja-JP.html\n+next: two-way-binding-helpers-ja-JP.html\n+---\n+\n+ReactはアニメーションのためにローレベルAPIとして `ReactTransitionGroup` アドオンコンポーネントと、基本的なCSSアニメーションとトランジションを簡単に実行するために `ReactCSSTransitionGroup` を提供しています。\n+\n+## ハイレベルAPI: `ReactCSSTransitionGroup`\n+\n+`ReactCSSTransitionGroup` は `ReactTransitionGroup` に基づいており、ReactコンポーネントがDOMを作成したり、削除したりする際に、CSSのトランジションとアニメーションを行う簡単な方法です。これは、素晴らしい[ng-animate](http:\/\/www.nganimate.org\/)ライブラリにインスパイアされています。\n+\n+### はじめに\n+\n+`ReactCSSTransitionGroup` は `ReactTransitions` のインターフェースです。アニメーションに関心がある全てのコンポーネントをラップする単純な要素です。以下が、リストのアイテムをフェードインやフェードアウトさせる例です。\n+\n+```javascript{28-30}\n+var ReactCSSTransitionGroup = React.addons.CSSTransitionGroup;\n+\n+var TodoList = React.createClass({\n+ getInitialState: function() {\n+ return {items: ['hello', 'world', 'click', 'me']};\n+ },\n+ handleAdd: function() {\n+ var newItems =\n+ this.state.items.concat([prompt('Enter some text')]);\n+ this.setState({items: newItems});\n+ },\n+ handleRemove: function(i) {\n+ var newItems = this.state.items;\n+ newItems.splice(i, 1);\n+ this.setState({items: newItems});\n+ },\n+ render: function() {\n+ var items = this.state.items.map(function(item, i) {\n+ return (\n+

\n+ {item}\n+ <\/div>\n+ );\n+ }.bind(this));\n+ return (\n+

\n+

dillon1000/react

Files changed