docs: translate tutorial/part-two/index #46

hirotaka · 2020-01-16T06:36:51Z

概要

tutorial/part-two の翻訳になります。

チェックリスト

翻訳スタイルガイドに目を通しました。
Translation Guide に目を通しました。
textlint を使って校正を行いました（推奨）
Allow edits from maintainers にチェックを入れました。

しばらく待ってもレビューが終わらなかったり、必要なレビュー数が足りない状態が続いた場合は、こちらからメンテナーを探して、@を付けてメンションを飛ばしてください。

docs/tutorial/part-two/index.md

Co-Authored-By: Jesse Katsumata <[email protected]>

uetchy

👍

uetchy · 2020-01-17T02:27:35Z

docs/tutorial/part-two/index.md

 ```

-> Note: The placement of the example css file in a `/src/styles/` folder is arbitrary.
+> ヒント: 例の css ファイルを `/src/styles/` フォルダーに配置するのは任意です。


「例のcssファイル〜」で「以前CSSファイルについて言及したのかな...？」と引っかかりました。

たしかにひっかかりますね。

docs/tutorial/part-two/index.md

uetchy · 2020-01-17T02:34:12Z

docs/tutorial/part-two/index.md

+#### CSS-in-JS に関するお勧めの読み物

-If you're interested in further reading, check out [Christopher "vjeux" Chedeau's 2014 presentation that sparked this movement](https://speakerdeck.com/vjeux/react-css-in-js) as well as [Mark Dalgleish's more recent post "A Unified Styling Language"](https://medium.com/seek-blog/a-unified-styling-language-d0c208de2660).
+さらに詳しものを読んでみたい場合は、[このムーブメントを引き起こした Christopher "vjeux" Chedeau の 2014 年のプレゼンテーション](https://speakerdeck.com/vjeux/react-css-in-js)と[Mark Dalgleish の最近の投稿"A Unified Styling Language"](https://medium.com/seek-blog/a-unified-styling-language-d0c208de2660)を参考にしてください。


Suggested change

さらに詳しものを読んでみたい場合は、[このムーブメントを引き起こした Christopher "vjeux" Chedeau の 2014 年のプレゼンテーション](https://speakerdeck.com/vjeux/react-css-in-js)と[Mark Dalgleish の最近の投稿"A Unified Styling Language"](https://medium.com/seek-blog/a-unified-styling-language-d0c208de2660)を参考にしてください。

さらに詳しく読んでみたい場合は、[このムーブメントを引き起こした Christopher "vjeux" Chedeau の 2014 年のプレゼンテーション](https://speakerdeck.com/vjeux/react-css-in-js)と[Mark Dalgleish の最近の投稿"A Unified Styling Language"](https://medium.com/seek-blog/a-unified-styling-language-d0c208de2660)を参考にしてください。

uetchy · 2020-01-17T04:18:14Z

docs/tutorial/part-two/index.md

+> ヒント: 例の css ファイルを `/src/styles/` フォルダーに配置するのは任意です。

-#### ✋ Include the stylesheet in `gatsby-browser.js`
+#### ✋️ `gatsby-browser.js` にスタイルシートをインクルード


ここの制御文字が気になりました。

なんだろう🤔
削除しました。

uetchy · 2020-01-17T04:18:27Z

docs/tutorial/part-two/index.md

+> ヒント: 例の css ファイルを `/src/styles/` フォルダーに配置するのは任意です。

-#### ✋ Include the stylesheet in `gatsby-browser.js`
+#### ✋️ `gatsby-browser.js` にスタイルシートをインクルード


インクルードは日本語にしても良いと思います。

了解です！

docs/tutorial/part-two/index.md

uetchy · 2020-01-20T01:30:05Z

docs/tutorial/part-two/index.md

 ---

-<!-- Idea: Create a glossary to refer to. A lot of these terms get jumbled -->
+<!-- アイデア: 参照する用語集を作成します。これらの用語の多くは混乱します -->


Suggested change

uetchy · 2020-01-20T01:30:49Z

docs/tutorial/part-two/index.md

+## このチュートリアルの内容は？

-In this part, you're going to explore options for styling Gatsby websites and dive deeper into using React components for building sites.
+このパートでは、Gatsby Web サイトのスタイリングのオプションを詳しくみていき、React コンポーネントを使用してサイトを構築する方法について詳しく説明していきます。


詳しくが連続しているのが引っかかりました。

uetchy · 2020-01-20T01:31:13Z

docs/tutorial/part-two/index.md

+## グローバルスタイルの使用

-Every site has some sort of global style. This includes things like the site's typography and background colors. These styles set the overall feel of the site — much like the color and texture of a wall sets the overall feel of a room.
+すべてのサイトには、ある種のグローバルなスタイルがあります。これには、サイトのタイポグラフィや背景色などを含みます。これらのスタイルは、サイト全体の雰囲気を設定します。壁の色や質感が部屋の全体的な雰囲気を設定するのに似ています。


設定より決定の方が自然ではないですか？

uetchy · 2020-01-20T02:22:22Z

docs/tutorial/part-two/index.md

 ```

-You now have a new Gatsby site (based on the Gatsby "hello world" starter) with the following structure:
+次の構成の新しい Gatsby サイト（Gatsby の「hello world」スターターに基づいた）が作成されました。


Suggested change

次の構成の新しい Gatsby サイト（Gatsby の「hello world」スターターに基づいた）が作成されました。

Gatsby の「hello world」スターターに基づいた新しい Gatsby サイトが作成されました：

uetchy · 2020-01-20T02:53:28Z

docs/tutorial/part-two/index.md

+ファイル名が通常の `.css` ではなく `.module.css` で終わっていることに気付いたことでしょう。これは、この CSS ファイルをプレーンな CSS ではなく CSS module として処理する必要があることを Gatsby に伝えます。

-3. Create a new page component by creating a file at
+3. 次のファイルに新しいページコンポーネント作成します。


Suggested change

3. 次のファイルに新しいページコンポーネント作成します。

3. 次のファイルに新しいページコンポーネントを作成します。

uetchy · 2020-01-20T02:54:47Z

docs/tutorial/part-two/index.md

+#### ✋ CSS Modules を使用してコンポーネントのスタイルを設定

-In this section, you'll create a list of people with names, avatars, and short Latin biographies. You'll create a `<User />` component and style that component using a CSS module.
+このセクションでは、名前、アバターと短いラテン語の経歴（Lorem Ipsum - ダミーテキスト）を含む人々のリストを作成します。`<User />` コンポーネントと CSS モジュールを使用したスタイルを作成します。


Suggested change

このセクションでは、名前、アバターと短いラテン語の経歴（Lorem Ipsum - ダミーテキスト）を含む人々のリストを作成します。`<User />` コンポーネントと CSS モジュールを使用したスタイルを作成します。

このセクションでは、名前、アバターと短いラテン語のプロフィール（＝Lorem Ipsum - ダミーテキストのこと）を含む人々のリストを作成します。`<User />` コンポーネントと CSS モジュールを使用したスタイルを作成します。

uetchy · 2020-01-20T02:55:03Z

docs/tutorial/part-two/index.md

+1. `src/pages/about-css-modules.module.css` という CSS のファイルを作成します。

-2. Paste the following into the new file:
+2. 新しいファイルに次を貼り付けます。


Suggested change

2. 新しいファイルに次を貼り付けます。

2. 新しいファイルに次のコードを貼り付けます。

uetchy · 2020-01-20T02:55:16Z

docs/tutorial/part-two/index.md

+このセクションでは、名前、アバターと短いラテン語の経歴（Lorem Ipsum - ダミーテキスト）を含む人々のリストを作成します。`<User />` コンポーネントと CSS モジュールを使用したスタイルを作成します。

-1. Create the file for the CSS at `src/pages/about-css-modules.module.css`.
+1. `src/pages/about-css-modules.module.css` という CSS のファイルを作成します。


Suggested change

1. `src/pages/about-css-modules.module.css` という CSS のファイルを作成します。

1. `src/pages/about-css-modules.module.css` という名前で CSS ファイルを作成します。

uetchy · 2020-01-20T02:56:30Z

docs/tutorial/part-two/index.md

+#### CSS-in-JS に関するお勧めの読み物

-If you're interested in further reading, check out [Christopher "vjeux" Chedeau's 2014 presentation that sparked this movement](https://speakerdeck.com/vjeux/react-css-in-js) as well as [Mark Dalgleish's more recent post "A Unified Styling Language"](https://medium.com/seek-blog/a-unified-styling-language-d0c208de2660).
+さらに詳しものを読んでみたい場合は、[このムーブメントを引き起こした Christopher "vjeux" Chedeau の 2014 年のプレゼンテーション](https://speakerdeck.com/vjeux/react-css-in-js)と [Mark Dalgleish の最近の投稿「A Unified Styling Language」](https://medium.com/seek-blog/a-unified-styling-language-d0c208de2660)を参考にしてください。


Suggested change

さらに詳しものを読んでみたい場合は、[このムーブメントを引き起こした Christopher "vjeux" Chedeau の 2014 年のプレゼンテーション](https://speakerdeck.com/vjeux/react-css-in-js)と [Mark Dalgleish の最近の投稿「A Unified Styling Language」](https://medium.com/seek-blog/a-unified-styling-language-d0c208de2660)を参考にしてください。

さらに詳しく読んでみたい場合は、[このムーブメントを引き起こした Christopher "vjeux" Chedeau の 2014 年のプレゼンテーション](https://speakerdeck.com/vjeux/react-css-in-js)と [Mark Dalgleish の最近の投稿「A Unified Styling Language」](https://medium.com/seek-blog/a-unified-styling-language-d0c208de2660)を参考にしてください。

hirotaka · 2020-01-22T03:41:30Z

全体的に見直したので再度レビューお願いいたします 🙇

Naturalclar

👍

docs: translate tutorial/part-two/index

77ea47f

hirotaka requested review from Naturalclar and uetchy as code owners January 16, 2020 06:36

gatsbybot mentioned this pull request Jan 16, 2020

☂️ Japanese Translation Progress (Core / Docs / Tutorials) #1

Closed

uetchy added the status: awaiting review A pull request that is currently awaiting a reviewer's response label Jan 16, 2020

Naturalclar reviewed Jan 16, 2020

View reviewed changes

docs/tutorial/part-two/index.md Outdated Show resolved Hide resolved

hirotaka commented Jan 17, 2020

View reviewed changes

docs/tutorial/part-two/index.md Outdated Show resolved Hide resolved

hirotaka commented Jan 17, 2020

View reviewed changes

docs/tutorial/part-two/index.md Outdated Show resolved Hide resolved

hirotaka commented Jan 17, 2020

View reviewed changes

docs/tutorial/part-two/index.md Outdated Show resolved Hide resolved

hirotaka commented Jan 17, 2020

View reviewed changes

docs/tutorial/part-two/index.md Outdated Show resolved Hide resolved

hirotaka commented Jan 17, 2020

View reviewed changes

docs/tutorial/part-two/index.md Outdated Show resolved Hide resolved

hirotaka commented Jan 17, 2020

View reviewed changes

docs/tutorial/part-two/index.md Outdated Show resolved Hide resolved

hirotaka commented Jan 17, 2020

View reviewed changes

docs/tutorial/part-two/index.md Outdated Show resolved Hide resolved

hirotaka commented Jan 17, 2020

View reviewed changes

docs/tutorial/part-two/index.md Outdated Show resolved Hide resolved

hirotaka commented Jan 17, 2020

View reviewed changes

docs/tutorial/part-two/index.md Outdated Show resolved Hide resolved

hirotaka commented Jan 17, 2020

View reviewed changes

docs/tutorial/part-two/index.md Outdated Show resolved Hide resolved

hirotaka commented Jan 17, 2020

View reviewed changes

docs/tutorial/part-two/index.md Outdated Show resolved Hide resolved

hirotaka commented Jan 17, 2020

View reviewed changes

docs/tutorial/part-two/index.md Outdated Show resolved Hide resolved

hirotaka commented Jan 17, 2020

View reviewed changes

docs/tutorial/part-two/index.md Outdated Show resolved Hide resolved

hirotaka commented Jan 17, 2020

View reviewed changes

docs/tutorial/part-two/index.md Outdated Show resolved Hide resolved

hirotaka commented Jan 17, 2020

View reviewed changes

docs/tutorial/part-two/index.md Outdated Show resolved Hide resolved

hirotaka commented Jan 17, 2020

View reviewed changes

docs/tutorial/part-two/index.md Outdated Show resolved Hide resolved

hirotaka commented Jan 17, 2020

View reviewed changes

docs/tutorial/part-two/index.md Outdated Show resolved Hide resolved

hirotaka commented Jan 17, 2020

View reviewed changes

docs/tutorial/part-two/index.md Outdated Show resolved Hide resolved

hirotaka commented Jan 17, 2020

View reviewed changes

docs/tutorial/part-two/index.md Outdated Show resolved Hide resolved

hirotaka commented Jan 17, 2020

View reviewed changes

docs/tutorial/part-two/index.md Outdated Show resolved Hide resolved

hirotaka commented Jan 17, 2020

View reviewed changes

docs/tutorial/part-two/index.md Outdated Show resolved Hide resolved

hirotaka commented Jan 17, 2020

View reviewed changes

docs/tutorial/part-two/index.md Outdated Show resolved Hide resolved

hirotaka commented Jan 17, 2020

View reviewed changes

docs/tutorial/part-two/index.md Outdated Show resolved Hide resolved

hirotaka commented Jan 17, 2020

View reviewed changes

docs/tutorial/part-two/index.md Outdated Show resolved Hide resolved

hirotaka commented Jan 17, 2020

View reviewed changes

docs/tutorial/part-two/index.md Outdated Show resolved Hide resolved

Add space between hankaku and zenkaku

f0f2179

Co-Authored-By: Jesse Katsumata <[email protected]>

hirotaka requested a review from smorimoto as a code owner January 17, 2020 03:47

hirotaka requested a review from Naturalclar January 17, 2020 03:47

uetchy suggested changes Jan 17, 2020

View reviewed changes

uetchy added the status: awaiting author response A pull request that is awaiting author's response label Jan 17, 2020

docs: fix quotes

ee59fd5

Naturalclar added the core pages label Jan 19, 2020

docs: fix feedbacks

72329c4

hirotaka requested a review from uetchy January 19, 2020 03:51

smorimoto reviewed Jan 19, 2020

View reviewed changes

docs/tutorial/part-two/index.md Outdated Show resolved Hide resolved

docs: fix spaces

e0dc06e

hirotaka requested a review from smorimoto January 19, 2020 04:19

hirotaka removed the status: awaiting author response A pull request that is awaiting author's response label Jan 19, 2020

uetchy suggested changes Jan 20, 2020

View reviewed changes

hirotaka added the status: WIP Work in progress label Jan 20, 2020

hirotaka added 3 commits January 21, 2020 11:54

docs: Update feedbacks

8073a03

docs: Update docs/tutorieal/part-two/index

edb06d6

docs: Update docs/tutorieal/part-two/index

d5dd417

hirotaka removed the status: WIP Work in progress label Jan 22, 2020

uetchy approved these changes Jan 22, 2020

View reviewed changes

uetchy added status: awaiting more approval A pull request that is awaiting reviewer #2 to be assigned and removed status: awaiting review A pull request that is currently awaiting a reviewer's response labels Jan 22, 2020

Naturalclar approved these changes Jan 22, 2020

View reviewed changes

Naturalclar merged commit 8281dc3 into master Jan 22, 2020

Naturalclar deleted the tutorial/part-two branch January 22, 2020 14:07

uetchy removed the status: awaiting more approval A pull request that is awaiting reviewer #2 to be assigned label Jan 26, 2020

	さらに詳しものを読んでみたい場合は、[このムーブメントを引き起こした Christopher "vjeux" Chedeau の 2014 年のプレゼンテーション](https://speakerdeck.com/vjeux/react-css-in-js)と[Mark Dalgleish の最近の投稿"A Unified Styling Language"](https://medium.com/seek-blog/a-unified-styling-language-d0c208de2660)を参考にしてください。
	さらに詳しく読んでみたい場合は、[このムーブメントを引き起こした Christopher "vjeux" Chedeau の 2014 年のプレゼンテーション](https://speakerdeck.com/vjeux/react-css-in-js)と[Mark Dalgleish の最近の投稿"A Unified Styling Language"](https://medium.com/seek-blog/a-unified-styling-language-d0c208de2660)を参考にしてください。

	<!-- アイデア: 参照する用語集を作成します。これらの用語の多くは混乱します -->
	<!-- アイデア: 参照できる用語集を作成するのはどうでしょう。これらの用語の多くは混乱を招いています。 -->

	次の構成の新しい Gatsby サイト（Gatsby の「hello world」スターターに基づいた）が作成されました。
	Gatsby の「hello world」スターターに基づいた新しい Gatsby サイトが作成されました：

	3. 次のファイルに新しいページコンポーネント作成します。
	3. 次のファイルに新しいページコンポーネントを作成します。

	このセクションでは、名前、アバターと短いラテン語の経歴（Lorem Ipsum - ダミーテキスト）を含む人々のリストを作成します。`<User />` コンポーネントと CSS モジュールを使用したスタイルを作成します。
	このセクションでは、名前、アバターと短いラテン語のプロフィール（＝Lorem Ipsum - ダミーテキストのこと）を含む人々のリストを作成します。`<User />` コンポーネントと CSS モジュールを使用したスタイルを作成します。

	2. 新しいファイルに次を貼り付けます。
	2. 新しいファイルに次のコードを貼り付けます。

	1. `src/pages/about-css-modules.module.css` という CSS のファイルを作成します。
	1. `src/pages/about-css-modules.module.css` という名前で CSS ファイルを作成します。

docs: translate tutorial/part-two/index #46

docs: translate tutorial/part-two/index #46

Uh oh!

Conversation

hirotaka commented Jan 16, 2020 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

概要

チェックリスト

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

uetchy left a comment

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

hirotaka Jan 19, 2020 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

hirotaka commented Jan 22, 2020

Uh oh!

Naturalclar left a comment

Choose a reason for hiding this comment

Uh oh!

hirotaka commented Jan 16, 2020 •

edited

Loading

hirotaka Jan 19, 2020 •

edited

Loading