Skip to content
This repository was archived by the owner on Jan 20, 2025. It is now read-only.

Commit d6574a6

Browse files
committed
Translate totorials/index.md
1 parent 1c8816f commit d6574a6

File tree

1 file changed

+22
-22
lines changed

1 file changed

+22
-22
lines changed

docs/tutorial/index.md

Lines changed: 22 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -1,39 +1,39 @@
11
---
2-
title: Gatsby.js Tutorials
2+
title: Gatsby.jsチュートリアル
33
disableTableOfContents: true
44
---
55

6-
Welcome to Gatsby! We’re glad you’re here. The goal of this tutorial is to guide you through setting up and deploying your first Gatsby site using a starter template. As we walk through that process, we’ll introduce some more general web development topics, and go over the underlying structure of a Gatsby site.
6+
Gatsbyへようこそ!あなたがここにいることを嬉しく思います。このチュートリアルの目的は、スターターテンプレートを使用して最初のGatsbyサイトをセットアップおよびデプロイする方法をガイドすることです。そのプロセスを順を追って説明する中で、より一般的なWeb開発のトピックをいくつか紹介し、Gatsbyサイトの基本的な構造について説明します。
77

8-
> The full tutorial is intended to be as accessible as possible to people without much web development experience (yet!) — no need to be an expert. If you prefer to jump straight to code, feel free to skip the step-by-step tutorial and see the [quick start](/docs/quick-start/) page.
8+
> すべてのチュートリアルは、Web開発の経験があまりない方(まだ!)にでもできるだけわかりやすいように設計しているので、エクスパートである必要はありません。すぐにでもコードに移りたい方は、ステップバイステップのチュートリアルをスキップして、[クイックスタート](/docs/quick-start/)ページを参照してください。
99
10-
## Gatsby fundamentals
10+
## Gatsbyの基礎
1111

12-
0. [Set up your development environment](/tutorial/part-zero/): We'll introduce you to core technologies that power Gatsby, and guide you through setting up your development environment.
13-
1. [Get to know Gatsby building blocks](/tutorial/part-one/): Starting new projects, developing, and deploying sites.
14-
1. [Introduction to using CSS in Gatsby](/tutorial/part-two/): Explore libraries like Typography.js and CSS Modules.
15-
1. [Building nested layouts in Gatsby](/tutorial/part-three/): Layouts are sections of your site that are reused across multiple pages like headers and footers.
12+
0. [開発環境のセットアップ](/tutorial/part-zero/): Gatsbyの力の源となるコアテクノロジーを紹介し、開発環境のセットアップを紹介します。
13+
1. [Gatsbyの構成要素の理解](/tutorial/part-one/): 新しいプロジェクトを開始し、サイトを開発してデプロイします。
14+
1. [GatsbyでCSSを使用するための紹介](/tutorial/part-two/): Typography.jsなどのライブラリやCSSモジュールについて探索します。
15+
1. [Gatsbyでネストしたレイアウトを構築](/tutorial/part-three/): レイアウトは、サイト内で複数のページで再利用するヘッダーやフッターなどのセクションで構成します。
1616

17-
## Intermediate tutorials
17+
## 中級チュートリアル
1818

19-
In these intermediate tutorials, you'll learn how to pull data from almost anywhere into your Gatsby site with GraphQL.
19+
これらの中級チュートリアルでは、GraphQLを使用し、様々なデータ元からGatsbyサイトにデータを取得する方法を学びます。
2020

21-
4. [Querying for data in a blog](/tutorial/part-four/): Create a blog and use a GraphQL query to pull your site title into the blog header.
22-
5. [Source plugins and rendering queried data](/tutorial/part-five/): Use a source plugin to pull Markdown blog posts into your site and create an index page with a list of blog posts.
23-
6. [Transformer plugins](/tutorial/part-six/): Use a transformer plugin to transform your Markdown blog posts into a form the blog can render.
24-
7. [Programmatically create pages from data](/tutorial/part-seven/): Learn how to programmatically create a set of pages for your blog posts.
25-
8. [Preparing a site to go live](/tutorial/part-eight/): Learn how to audit your site for performance and best practices for accessibility, SEO, and more.
21+
4. [ブログでデータ取得するためのクエリ](/tutorial/part-four/): ブログを作成し、GraphQLクエリを使用し、ブログヘッダーにサイトのタイトルを取り込みます。
22+
5. [ソースプラグインと取得したデータのレンダリング](/tutorial/part-five/): ソースプラグインを使用して、Markdown形式のブログ投稿をサイトに取り込み、ブログ投稿の一覧のインデックスページを作成します。
23+
6. [トランスフォーマープラグイン](/tutorial/part-six/): トランスフォーマープラグインを使用して、Markdown形式のブログ投稿を、ブログに表示できる形式に変換します。
24+
7. [データからプログラムによるページ作成](/tutorial/part-seven/): 投稿したブログから一通りのページをプログラムで作成する方法を学びます。
25+
8. [サイト公開の準備](/tutorial/part-eight/): サイトのパフォーマンスを監査する方法とアクセシビリティやSEOなどのベストプラクティスを学びます。
2626

27-
## Theme tutorials
27+
## テーマのチュートリアル
2828

29-
Gatsby themes abstract all of your default configuration (shared functionality, data sourcing, design) out of your site and into an installable package.
29+
Gatsbyテーマは、すべてのデフォルト設定(共有機能、データ取得、デザイン)を抽象化して、サイトからインストール可能なパッケージにします。
3030

31-
This means that the configuration and functionality aren’t directly written into your project, but rather versioned, centrally managed, and installed as a dependency. You can seamlessly update a theme, compose themes together, and even swap out one compatible theme for another.
31+
つまり、構成と機能はプロジェクトに直接書き込むのではなく、バージョン管理し、一元管理して依存関係としてインストールします。テーマをシームレスに更新したり、テーマをまとめて構成することも、互換性のあるテーマを別のものに交換することもできます。
3232

33-
Learn more about using and building themes with the [Gatsby theme tutorials](/tutorial/theme-tutorials/).
33+
テーマの使用と構築に関しては[Gatsbyテーマチュートリアル](/tutorial/theme-tutorials/)で詳細を参照してください。
3434

35-
## Additional tutorials
35+
## 追加チュートリアル
3636

37-
There are many use cases for Gatsby, some of which aren't covered in the first set of tutorials to keep you focused while learning. Gatsby's Additional Tutorials section is a collection of resources showing how to complete even more Gatsby tasks step-by-step, such as using source plugins for images and CMS content.
37+
Gatsbyには多くの使い方がありますが、最初の一連のチュートリアルでは学習に集中するためにカバーしていないものがあります。Gatsbyの「追加チュートリアル」セクションでは、画像やCMSコンテンツのソースプラグインの使用方法など、さらに多くのGatsbyで、できる事をステップバイステップで達成できるようにまとめています。
3838

39-
Go deeper with [additional Gatsby tutorials](/tutorial/additional-tutorials/).
39+
[追加Gatsbyチュートリアル](/tutorial/additional-tutorials/)でさらに探求してください。

0 commit comments

Comments
 (0)