L10N: Added Learn/Tools_and_testing pages (#958)

* add English ver page

* Translate contents in Japenese

* Change a link label in the parent page

2 files changed, 52 insertions, 3 deletions

diff --git a/files/ja/learn/tools_and_testing/index.html b/files/ja/learn/tools_and_testing/index.html
index 0a95348d7e..299255548f 100644
--- a/files/ja/learn/tools_and_testing/index.html
+++ b/files/ja/learn/tools_and_testing/index.html
@@ -40,7 +40,7 @@ translation_of: Learn/Tools_and_testing
 
 <div class="callout">
   <h4 id="Looking_to_become_a_front-end_web_developer">フロントエンドのウェブ開発者を目指している方へ</h4>
-  
+
   <p>目標に向かって努力するために必要なすべての必須情報を含むコースをまとめました。</p>
 
   <p><a class="button primary" href="/ja/docs/Learn/Front-end_web_developer">始めましょう</a>
@@ -56,8 +56,8 @@ translation_of: Learn/Tools_and_testing
 <h2 id="Modules">モジュール</h2>
 
 <dl>
- <dt><a href="/ja/docs/Learn/Tools_and_testing/Understanding_client-side_tools">クライアント側ウェブ開発ツールの理解</a></dt>
- <dd>クライアント側のツールには脅威を感じますが、この記事シリーズではいくつかの普遍的なクライアント側のツール種類ごとに目的を例示して、一緒に連携させるツールや、パッケージマネージャーを使ったインストール方法、コマンドラインでの制御を説明します。最後にツールチェーンの例と、どのように生産的になるのかを示します。</dd>
+ <dt><a href="/ja/docs/Learn/Tools_and_testing/Understanding_client-side_tools">クライアントサイドウェブ開発ツールの理解</a></dt>
+ <dd>クライアントサイドのツールには脅威を感じますが、この記事シリーズではいくつかの普遍的なクライアントサイドのツール種類ごとに目的を例示して、一緒に連携させるツールや、パッケージマネージャーを使ったインストール方法、コマンドラインでの制御を説明します。最後にツールチェーンの例と、どのように生産的になるのかを示します。</dd>
  <dt><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks">クライアント側 JavaScript フレームワークを理解する</a></dt>
  <dd>JavaScript フレームワークは、現代のフロントエンドウェブ開発に欠かせないもので、スケーラブルでインタラクティブなウェブアプリケーションを構築するための試験済みのツールを開発者に提供しています。多くの企業がフレームワークをツールの標準的な部分として使用しているため、フロントエンド開発の仕事の多くはフレームワークの経験を必要としています。このモジュールでは、クライアント側のフレームワークがどのように機能し、ツールセットにどのように適合するかについての基本的な背景知識を学び、その後、現在最も人気のあるフレームワークのいくつかをカバーするチュートリアルシリーズに進みます。</dd>
  <dt><a href="/ja/docs/Learn/Tools_and_testing/GitHub">Git と GitHub</a></dt>
diff --git a/files/ja/learn/tools_and_testing/understanding_client-side_tools/index.html b/files/ja/learn/tools_and_testing/understanding_client-side_tools/index.html
new file mode 100644
index 0000000000..048ca5520f
--- /dev/null
+++ b/files/ja/learn/tools_and_testing/understanding_client-side_tools/index.html
@@ -0,0 +1,49 @@
+---
+title: クライアントサイドウェブ開発ツールの理解
+slug: Learn/Tools_and_testing/Understanding_client-side_tools
+tags:
+  - Beginner
+  - CSS
+  - Deployment
+  - HTML
+  - JavaScript
+  - Learn
+  - Tools
+  - Transformation
+  - client-side
+  - linting
+---
+<div>{{LearnSidebar}}</div>
+
+<p class="summary">クライアントサイドツールには、なかなか難しいものもありますが、この記事シリーズでは、いくつかの一般的なクライアントサイドツールの種類について、その目的を示し、一緒に連携させることができるツール、パッケージマネージャを使ったインストール方法、
+  コマンドラインでの制御を説明します。最後にツールチェーンの例を示して、生産性を高める方法を説明します。</p>
+
+<p class="summary"><strong><a href="/jp/docs/Learn/Tools_and_testing/Understanding_client-side_tools/Overview">"クライアントサイドツールの概要"で今すぐ始めましょう</a></strong></p>
+
+<h2 id="Prerequisites">前提条件</h2>
+
+<p>ここで紹介しているツールを使う前に、まずはコアの<a href="/jp/docs/Learn/HTML">HTML</a>、<a href="/jp/docs/Learn/CSS">CSS</a>、<a href="/jp/docs/Learn/JavaScript">JavaScript</a>の基礎を学習することをお勧めします。</p>
+
+<div class="callout">
+  <h4 id="Looking_to_become_a_front-end_web_developer">フロントエンドの開発者になりたいですか?</h4>
+
+  <p>ゴールに向かって頑張るために必要な情報をまとめたコースをご用意しました。</p>
+
+  <p><a href="/jp/docs/Learn/Front-end_web_developer"><strong>始めましょう</strong></a></p>
+
+</div>
+
+<h2 id="Guides">ガイド</h2>
+
+<dl>
+ <dt><a href="/jp/docs/Learn/Tools_and_testing/Understanding_client-side_tools/Overview">1. クライアントサイドツールの概要</a></dt>
+ <dd>この記事では、最新のウェブツールの概要、どのような種類のツールがあるのか、どこでウェブアプリ開発のライフサイクルを見つけるのか、そして個々のツールのヘルプを見つける方法について説明します。</dd>
+ <dt><a href="/jp/docs/Learn/Tools_and_testing/Understanding_client-side_tools/Command_line">2. コマンドライン集中コース</a></dt>
+ <dd>開発プロセスにおいて、ターミナル (または"コマンドライン") で何らかのコマンドを実行する必要があることは間違いありません。この記事では、ターミナルの紹介、ターミナルに入力する基本的なコマンド、コマンドを連鎖させる方法、独自のコマンドライン・インターフェース (CLI) ツールを追加する方法について説明します。</dd>
+ <dt><a href="/jp/docs/Learn/Tools_and_testing/Understanding_client-side_tools/Package_management">3. パッケージ管理の基本</a></dt>
+ <dd>この記事では、プロジェクトツールの依存関係をインストールしたり、最新の状態に保つなど、自分のプロジェクトでどのようにパッケージマネージャを使用できるかを理解するために、パッケージマネージャーについて詳しく説明していきます。</dd>
+ <dt><a href="/jp/docs/Learn/Tools_and_testing/Understanding_client-side_tools/Introducing_complete_toolchain">4. ツールチェーンの紹介</a></dt>
+ <dd>このシリーズの最後の数回では、サンプルケーススタディのツールチェーンを構築するプロセスを通じて、ツールに関する知識を確実なものにします。開発環境を構築し、変換ツールを導入し、実際にアプリをNetlifyにデプロイするプロセスを紹介します。</dd>
+ <dt><a href="/jp/docs/Learn/Tools_and_testing/Understanding_client-side_tools/Deployment">5. アプリのデプロイ</a></dt>
+ <dd>シリーズの最終回では、前回の記事で構築したツールチェーンの例を使い、サンプルアプリをデプロイできるようにしていきます。コードをGitHubにプッシュし、Netlifyを使ってデプロイし、簡単なテストを組み込む方法も紹介します。</dd>
+</dl>