From c0203bf6cf341e92be62759f624ea007093b1f24 Mon Sep 17 00:00:00 2001 From: Kotaro Sugawara Date: Mon, 20 Jan 2020 22:47:55 +0900 Subject: [PATCH 1/2] translate docs/styling into japanese --- docs/docs/styling.md | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/docs/docs/styling.md b/docs/docs/styling.md index faf10a549..60dc64bca 100644 --- a/docs/docs/styling.md +++ b/docs/docs/styling.md @@ -1,14 +1,14 @@ --- -title: Styling +title: スタイリング overview: true --- -There are many ways to style your website. They can roughly be grouped into three styling approaches: +ウェブサイトのスタイルを設定する様々な方法があります。これらは次の 3 つのスタイリング手法に大別できます。 -- [**Global CSS Files**](/docs/global-css/): the traditional way to style a website. CSS rules are declared globally and styles are applied depending on specificity and inheritance. -- [**Modular Stylesheets**](/docs/css-modules): CSS rules are written traditionally but consumed with JavaScript and scoped locally to avoid unintended side-effects elsewhere. Works out-of-the-box with Gatsby. -- [**CSS-in-JS**](/docs/css-in-js/): locally-scoped CSS written and consumed in JavaScript, enabling the easier use of dynamic styling and other features. Requires the use of third-party libraries. +- [**グローバル CSS ファイル**](/docs/global-css/): ウェブサイトのスタイルを設定する昔ながらの方法です。CSS のルールはグローバルに宣言され、スタイルは詳細度と継承に応じて適用されます。 +- [**モジュール方式のスタイルシート**](/docs/css-modules): CSS のルールは昔ながらの方法で記述されますが、JavaScript によって使用され、スコープ外からの意図しない副作用を避けるために、ローカルにスコープされます。Gatsby ですぐに使用開始できます。 +- [**CSS-in-JS**](/docs/css-in-js/): JavaScript で記述および使用されるローカルにスコープされた CSS です。動的なスタイリングやその他の機能をより簡単に使用できます。これを実現するには、サードパーティライブラリーを使用する必要があります。 -Gatsby doesn't have an opinion about which styling approach you choose. Almost every possible option is supported through official and community plugins. _(If there isn’t a plugin yet for your favorite option, consider [contributing](/docs/creating-plugins) one!)_ +Gatsby では、どのスタイリング手法を選択すべきかについての意見はありません。公式およびコミュニティのプラグインによってほぼ全ての方法がサポートされています。 _（最適なプラグインが見つからない場合は、[貢献](/docs/creating-plugins)することを検討してください！）_ From 31084d94dcfa8fdb4a7e1e2e36482778603189d7 Mon Sep 17 00:00:00 2001 From: Kotaro Sugawara Date: Tue, 21 Jan 2020 09:34:57 +0900 Subject: [PATCH 2/2] update docs/styling --- docs/docs/styling.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/docs/styling.md b/docs/docs/styling.md index 60dc64bca..5c5c4b459 100644 --- a/docs/docs/styling.md +++ b/docs/docs/styling.md @@ -6,7 +6,7 @@ overview: true ウェブサイトのスタイルを設定する様々な方法があります。これらは次の 3 つのスタイリング手法に大別できます。 - [**グローバル CSS ファイル**](/docs/global-css/): ウェブサイトのスタイルを設定する昔ながらの方法です。CSS のルールはグローバルに宣言され、スタイルは詳細度と継承に応じて適用されます。 -- [**モジュール方式のスタイルシート**](/docs/css-modules): CSS のルールは昔ながらの方法で記述されますが、JavaScript によって使用され、スコープ外からの意図しない副作用を避けるために、ローカルにスコープされます。Gatsby ですぐに使用開始できます。 +- [**モジュール方式のスタイルシート**](/docs/css-modules): CSS のルールは昔ながらの方法で記述されますが、JavaScript オブジェクトとして使用され、スコープ外からの意図しない副作用を避けるために、ローカルにスコープされます。Gatsby ですぐに使用開始できます。 - [**CSS-in-JS**](/docs/css-in-js/): JavaScript で記述および使用されるローカルにスコープされた CSS です。動的なスタイリングやその他の機能をより簡単に使用できます。これを実現するには、サードパーティライブラリーを使用する必要があります。 Gatsby では、どのスタイリング手法を選択すべきかについての意見はありません。公式およびコミュニティのプラグインによってほぼ全ての方法がサポートされています。 _（最適なプラグインが見つからない場合は、[貢献](/docs/creating-plugins)することを検討してください！）_