From f24d4e9eeb4c7d6c065b08f603342629c1a14b9e Mon Sep 17 00:00:00 2001 From: Teruhisa Fukumoto Date: Sun, 19 Jan 2020 18:25:52 +0900 Subject: [PATCH 1/3] Translation docs/running-queries-with-graphiql into Japanese --- docs/docs/running-queries-with-graphiql.md | 44 +++++++++++----------- 1 file changed, 22 insertions(+), 22 deletions(-) diff --git a/docs/docs/running-queries-with-graphiql.md b/docs/docs/running-queries-with-graphiql.md index 91224739e..b8773f865 100644 --- a/docs/docs/running-queries-with-graphiql.md +++ b/docs/docs/running-queries-with-graphiql.md @@ -1,48 +1,48 @@ --- -title: Introducing GraphiQL +title: GraphiQLの紹介 --- -In this guide, you'll be learning to use something called GraphiQL, a tool that helps you structure GraphQL queries correctly. +このガイドでは、正しい構成の GraphiQL クエリーを作ることができる GraphiQL というツールの使用方法を学習します。 -## What is GraphiQL? +## GraphiQL とは？ -GraphiQL is the GraphQL integrated development environment (IDE). It's a powerful (and all-around awesome) tool -you'll use often while building Gatsby websites. +GraphiQL は、GraphQL の統合開発環境（IDE）です。GraphiQL は強力な（そして万能な）ツールです。 +Gatsby サイトを構築する際に、頻繁に使用することになるでしょう。 -You can access it when your site's development server is running--normally at +開発環境のサーバーを実行中に、GraphiQL へアクセスできます。 +通常、以下の URL になります。 . -## Example of using GraphiQL +## GraphiQL の使用例 -When you have open, it will look something like what this video shows. In the video below, watch someone poke around the built-in `Site` "type" and see what fields are available -on it—including the `siteMetadata` object. +を開くと、以下の動画のように表示されます。ビルドインの `Site` "type" を突っつくと、`siteMetadata`オブジェクトを含んだ、どのフィールドを利用できるかを確認することができます。 -## How to use GraphiQL +## GraphiQL の使用方法 -When the development server is running for one of your Gatsby sites, open GraphiQL at and play with your data! Press Ctrl + Space (or use Shift + Space as an alternate keyboard shortcut) to bring up the autocomplete window and Ctrl + Enter to run the GraphQL query. +Gatsby サイトで開発環境のサーバーを実行中に、で GraphiQL を開き、データを操作します！ Ctrl +Spaceを押して（または Shift + Spaceを別のショートカットに登録し使用して）オートコンプリートウィンドウを表示し、 Ctrl + Enter で GraphQL クエリーを実行します。 -Make sure to check out the GraphiQL docs in the upper right-hand corner of the IDE. It's easy to miss them, but they're worth visiting! +IDE の右上の端にある GraphiQL のドキュメントを読んでみてください。スルーしてしまいがちですが、読んで見る価値はあります！ -![A diagram pointing out where to find the GraphiQl docs](./images/graphiql-docs.png) +![GraphiQlドキュメントの場所を示す図](./images/graphiql-docs.png) -## Using the GraphiQL Explorer +## GraphiQL Explorer の使用 -The GraphiQL Explorer enables you to interactively construct full queries by clicking through available fields and inputs without the repetitive process of typing these queries out by hand. +GraphiQL Explorer を使用すれば、使用可能なフィールドと入力をクリックすることで、クエリーを手作業で何度も入力することなく、相互補完的にクエリーを完成させることができます。 -Read more [about the GraphiQL Explorer](/blog/2019-06-03-integrating-graphiql-explorer/) on the Gatsby blog. +GraphiQL Explorer についてもっと知りたい場合は、Gatsby ブログの[GraphiQL Explorer についての記事](/blog/2019-06-03-integrating-graphiql-explorer/)をご覧ください。 -## Other resources +## その他のリソース -- See [Tutorial Part 5: Source Plugins](/tutorial/part-five/) for a more complete example of using GraphiQL -- See the [README for GraphiQL](https://github.com/graphql/graphiql) -- See [Using GraphQL Playground](/docs/using-graphql-playground/) for another example of a GraphQL IDE +- GraphiQL の使用例については [Tutorial Part 5: Source Plugins](/tutorial/part-five/) をご覧ください。 +- [GraphiQL の README](https://github.com/graphql/graphiql)をご覧ください。 +- GraphQL IDE の他の使用例については、[Using GraphQL Playground](/docs/using-graphql-playground/)をご覧ください。 From d0cf055060c4d4e279a8825c25f61baf25b0c77a Mon Sep 17 00:00:00 2001 From: Teruhisa Fukumoto Date: Mon, 20 Jan 2020 23:06:40 +0900 Subject: [PATCH 2/3] Update suggestion Co-Authored-By: Yasuaki Uechi --- docs/docs/running-queries-with-graphiql.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/docs/running-queries-with-graphiql.md b/docs/docs/running-queries-with-graphiql.md index b8773f865..172666f04 100644 --- a/docs/docs/running-queries-with-graphiql.md +++ b/docs/docs/running-queries-with-graphiql.md @@ -36,7 +36,7 @@ GraphiQL Explorer を使用すれば、使用可能なフィールドと入力 GraphiQL Explorer についてもっと知りたい場合は、Gatsby ブログの[GraphiQL Explorer についての記事](/blog/2019-06-03-integrating-graphiql-explorer/)をご覧ください。 From 02029514dd3b889cc9f04cac52545fce37252c34 Mon Sep 17 00:00:00 2001 From: Teruhisa Fukumoto Date: Tue, 21 Jan 2020 23:31:42 +0900 Subject: [PATCH 3/3] replace GraphiQL into GraphQL Co-Authored-By: BSKY --- docs/docs/running-queries-with-graphiql.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/docs/running-queries-with-graphiql.md b/docs/docs/running-queries-with-graphiql.md index 172666f04..803e64548 100644 --- a/docs/docs/running-queries-with-graphiql.md +++ b/docs/docs/running-queries-with-graphiql.md @@ -2,7 +2,7 @@ title: GraphiQLの紹介 --- -このガイドでは、正しい構成の GraphiQL クエリーを作ることができる GraphiQL というツールの使用方法を学習します。 +このガイドでは、正しい構成の GraphQL クエリーを作ることができる GraphiQL というツールの使用方法を学習します。 ## GraphiQL とは？