docs: update visual-testing-with-storybook

Author: tatsushitoji

docs/docs/visual-testing-with-storybook.md

@@ -2,12 +2,12 @@
 title: Storybook を使用した Visual Testing
 ---
 
-すべての順列でコンポーネントが意図したとおりに見えることは、視覚的にテストするのに最適な方法であるだけでなく、「生きたドキュメント」を提供します。これにより、チームは次のことが容易になります。
+[Storybook](https://storybook.js.org/) は、コンポーネントの UI 開発環境です。 Storybook の機能により、コンポーネントがどのような組み合わせでも意図したとおりであると確認できることは、視覚的なテストを行う最適な方法であるだけでなく、「生きたドキュメント」の提供を可能にします。これにより、チームは次のことが容易になります。
 
-1. プロジェクトで利用可能なコンポーネントの把握
-2. それらのコンポーネントが受け取れる props と、すべての state が何であるか。
+1. プロジェクトで利用可能なコンポーネントの確認
+2. コンポーネントが受け取れる props と、状態の確認
 
-プロジェクトが時間とともに成長するにつれて、この情報を利用できることは非常に貴重です。これは [Storybook](https://storybook.js.org/) ライブラリーの機能です。Storybook は、UI コンポーネントの UI 開発環境です。これにより、UI コンポーネントのさまざまな状態を視覚化し、インタラクティブに開発できます。
+プロジェクトが時間とともに成長するにつれて、この情報を利用できることは非常に貴重です。 Storybook は、コンポーネントのさまざまな状態を視覚化し、インタラクティブに開発できます。
 
 ## 環境を設定する
 
@@ -17,14 +17,14 @@ Storybook をセットアップするには、依存関係をインストール
 npm install -g @storybook/cli
 ```
 
-CLI をインストールしたら、次のステップは Gatsby プロジェクトのルートディレクトリーから `sb init` コマンドを実行することです。
+CLI をインストールして次にやるべきことは、 Gatsby プロジェクトのルートディレクトリーから `sb init` コマンドを実行することです。
 
 ```shell
 cd my-awesome-gatsby-project
 sb init
 ```
 
-> `npm` (5.2.0+) の最新バージョンで実行する場合、代わりに `npx -p @storybook/cli sb init` コマンドを実行できます。 Storybook が推奨する方法で、マシンに CLI がインストールされないため、常に最新バージョンの CLI を実行できます。
+> `npm` (5.2.0+) の最新バージョンで実行する場合、代わりに `npx -p @storybook/cli sb init` コマンドを実行できます。マシンに CLI がインストールされないので、常に最新バージョンの CLI を実行できます。 Storybook も推奨する方法です。
 
 この `sb init` コマンドは、 React プロジェクトの Storybook を実行するために必要な基本設定を作成します。ただし、ストーリー内で Gatsby 固有のコンポーネントを使用しようとした場合にエラーが発生しないように、Gatsby プロジェクト用に、デフォルトの Storybook の設定を少し更新する必要があります。