Translate faq-styling.md #104
Merged
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
smikitky
requested changes
Feb 9, 2019
content/docs/faq-styling.md
Outdated
| @@ -1,22 +1,22 @@ | |||
| --- | |||
| id: faq-styling | |||
| title: Styling and CSS | |||
| title: CSSとスタイルの使用 | |||
There was a problem hiding this comment.
Suggested change
| title: CSSとスタイルの使用 | |
| title: CSS とスタイルの使用 |
content/docs/faq-styling.md
Outdated
|
|
||
| Pass a string as the `className` prop: | ||
| このようにクラス名を string として `className` prop に与えてください。 |
There was a problem hiding this comment.
Suggested change
| このようにクラス名を string として `className` prop に与えてください。 | |
| このようにクラス名を文字列として `className` プロパティに与えてください。 |
一応具体的な prop に言及するときのみ「プロパティ」を使うという決まりになっています（このルールが本当に正しいかどうかは議論の余地があると思いますが）
There was a problem hiding this comment.
確かに、そこは少し気になっていました。Reactのpropsに関する記述であればpropsをそのまま使う方がわかりやすいと少し感じます、が統一性を重視します:bow:
content/docs/faq-styling.md
Outdated
|
|
||
| CSS classes are generally better for performance than inline styles. | ||
| パフォーマンス観点から言えば、基本的に CSS クラスを使う方が、インラインスタイルを用いるよりもパフォーマンスは優れています。 |
There was a problem hiding this comment.
Suggested change
| パフォーマンス観点から言えば、基本的に CSS クラスを使う方が、インラインスタイルを用いるよりもパフォーマンスは優れています。 | |
| パフォーマンス観点から言えば、基本的に CSS クラスを使う方が、インラインスタイルを用いるよりも優れています。 |
「パフォーマンス」を2回言うのは冗長なので整理
There was a problem hiding this comment.
どうしようか迷っていました、ありがとうございます:bow:
content/docs/faq-styling.md
Outdated
|
|
||
| "CSS-in-JS" refers to a pattern where CSS is composed using JavaScript instead of defined in external files. Read a comparison of CSS-in-JS libraries [here](https://github.com/MicheleBertoli/css-in-js). | ||
| "CSS-in-JS" とは外部ファイルでスタイルを定義するのとは違い、 JS を用いて CSS を生成するパターンのことを指します。数々の CSS-in-JS ライブラリの比較については[この資料](https://github.com/MicheleBertoli/css-in-js)をご覧ください。 |
There was a problem hiding this comment.
Suggested change
| "CSS-in-JS" とは外部ファイルでスタイルを定義するのとは違い、 JS を用いて CSS を生成するパターンのことを指します。数々の CSS-in-JS ライブラリの比較については[この資料](https://github.com/MicheleBertoli/css-in-js)をご覧ください。 | |
| "CSS-in-JS" とは外部ファイルでスタイルを定義するのとは違い、JavaScript を用いて CSS を生成するパターンのことを指します。数々の CSS-in-JS ライブラリの比較については[この資料](https://github.com/MicheleBertoli/css-in-js)をご覧ください。 |
content/docs/faq-styling.md
Outdated
|
|
||
| _Note that this functionality is not a part of React, but provided by third-party libraries._ React does not have an opinion about how styles are defined; if in doubt, a good starting point is to define your styles in a separate `*.css` file as usual and refer to them using [`className`](/docs/dom-elements.html#classname). | ||
| _注意：この機能は React の一部ではありません。サードパーティに提供されたライブラリ郡です。_ React はスタイルがどのように定義されているかには関心を持ちません。疑うのであれば、まずはいままでどおり別の `*.css` にスタイルを定義して、[`className`](/docs/dom-elements.html#classname) を使って参照するところからはじめると良いでしょう。 |
There was a problem hiding this comment.
Suggested change
| _注意：この機能は React の一部ではありません。サードパーティに提供されたライブラリ郡です。_ React はスタイルがどのように定義されているかには関心を持ちません。疑うのであれば、まずはいままでどおり別の `*.css` にスタイルを定義して、[`className`](/docs/dom-elements.html#classname) を使って参照するところからはじめると良いでしょう。 | |
| _注意：この機能は React の一部ではありません。サードパーティのライブラリ群により提供される機能です。_React はスタイルがどのように定義されているかには関心を持ちません。判断に困った場合は、まずは別の `*.css` にスタイルを定義して、[`className`](/docs/dom-elements.html#classname) を使って参照するところからはじめると良いでしょう。 |
郡 → 群
content/docs/faq-styling.md
Outdated
|
|
||
| ### Can I do animations in React? {#can-i-do-animations-in-react} | ||
| ### React で animation は使えますか？ {#can-i-do-animations-in-react} |
There was a problem hiding this comment.
Suggested change
| ### React で animation は使えますか？ {#can-i-do-animations-in-react} | |
| ### React でアニメーションは使えますか？ {#can-i-do-animations-in-react} |
There was a problem hiding this comment.
いわゆるCSS Animations技術のことを指しているなら英語のままでもいいかもしれませんが、リンクされているライブラリは別にそれ特化のものではないような気がしました（ちょっと眺めただけですが）ので、一般名詞のアニメーションでよいと思います。
There was a problem hiding this comment.
たしかに、css の animationとはまた別の文脈ですね。アニメーションに変更しました。
content/docs/faq-styling.md
Outdated
|
|
||
| React can be used to power animations. See [React Transition Group](https://reactcommunity.org/react-transition-group/) and [React Motion](https://github.com/chenglou/react-motion), for example. | ||
| React を使って animations を動かすことは可能です。例として、[React Transition Group](https://reactcommunity.org/react-transition-group/) や [React Motion](https://github.com/chenglou/react-motion) をご覧ください。 |
There was a problem hiding this comment.
Suggested change
| React を使って animations を動かすことは可能です。例として、[React Transition Group](https://reactcommunity.org/react-transition-group/) や [React Motion](https://github.com/chenglou/react-motion) をご覧ください。 | |
| React を使ってアニメーションを動かすことは可能です。例として、[React Transition Group](https://reactcommunity.org/react-transition-group/) や [React Motion](https://github.com/chenglou/react-motion) をご覧ください。 |
potato4d
requested changes
Feb 10, 2019
|
レビューありがとうございます！指摘箇所を修正いたしました:bow: |
smikitky
approved these changes
Feb 12, 2019
|
ありがとうございます！ |
|
ルール改正されたTextLintを走らせました:bow: |
# for free
to join this conversation on GitHub.
Already have an account?
# to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This PR is part of #4
Translated
faq-styling.mdto Japanese.