Add Japanese document (#1186)

* Fixed invalid url link.

* Update docs/features/side-navigation.md

Co-Authored-By: Suzana Dirla <dirla.silvia.suzana@gmail.com>

* Initial japanese translation.

docs/ja/getting-started/navigation.md

@@ -0,0 +1,213 @@
+---
+Title: ナビゲーション
+---
+
+# ナビゲーション
+
+ Alfresco Content Application は、次のナビゲーションリンクを提供します:
+
+- 個人用ファイル
+- ファイルライブラリ
+- 共有
+- 最近使用したファイル
+- お気に入り
+- ゴミ箱
+
+サイドナビゲーションは、`app.config.json` を編集してリンクの外観をカスタマイズするサポートを提供します。
+
+## カスタマイズ
+
+ナビゲーション設定は、スキーマのような配列とオブジェクトをサポートします。オブジェクトを定義すると、ナビゲーションがリンクの異なるグループ間の視覚的な区切り文字をレンダリングするのに役立ちます。
+
+```json
+{
+  "navigation": {
+     "main": [
+      ...
+     ],
+   "secondary": [
+     ...
+    ]
+  }
+}
+```
+
+![](../images/navigation-01.png)
+
+```json
+{
+  "navigation": [
+    { ... },
+    { ... },
+    ...
+  ]
+}
+```
+
+![](../images/navigation-02.png)
+
+### アイコンとテキストをカスタマイズする
+
+`icon` -  サポートされる値は、[Material Design](https://material.io/icons) アイコンライブラリの任意のものです。定義されていない場合、リンクはラベルの値のみをレンダリングします。
+
+`title` - 指定された値でネイティブブラウザのツールチップをレンダリングするようにリンクに指示します。文字列または国際化定義の参照が可能です。定義されていない場合、リンクにはツールチップが表示されません。
+
+`label` - リンクの視覚的な名前を表します。文字列または国際化定義の参照が可能です。
+
+**注意:** ` "route": { "url": "/..." } ` の値を変更すると、これらはアプリケーションルーティングシステムにマッピングされるため、ナビゲーションに影響します。
+
+### カスタムテキスト (i18n)
+
+ナビゲーションリンクの `title` と `label` を変更するには、`/src/assets/i18n/en.json` にある `BROWSE` エントリの下の値を編集します
+
+```json
+"APP" : {
+  ...
+  "BROWSE": {
+    "PERSONAL": {
+    "TITLE": "Personal Files",
+    "SIDENAV_LINK": {
+        "LABEL": "Personal Files",
+        "TOOLTIP": "View your Personal Files"
+      }
+    },
+    ...
+  }
+}
+```
+
+国際化の詳細については、[国際化 (i18n)](/getting-started/internationalization) セクションを参照してください。
+
+## ユーザー定義のナビゲーション
+
+アプリケーションにカスタムナビゲーションリンクを追加するには、最初にコンポーネントを作成する必要があります。
+
+`src/app/components/custom-page/custom-page.component.ts`
+
+```js
+import { Component } from '@angular/core';
+
+@Component({
+template: `
+    <h4>{{ title }}</h4>
+    `
+})
+export class CustomPage {
+    title = 'My Custom Page'
+}
+```
+
+コンポーネントを ```app.module.ts``` に登録します
+
+```javascript
+
+  ...
+  import { CustomPage } from './components/custom-page/custom-page.component';
+
+  @NgModule({
+    ...
+    declarations: [
+        ...,
+        CustomPage
+    ],
+    ...
+})
+
+```
+
+`app.config.json` で、カスタムページを指すリンクエントリを定義します
+
+```json
+{
+  ...,
+  "navigation": [
+      "main": [ ... ],
+      "secondary": [ ... ],
+      "custom": [
+        {
+          "icon": "work",
+          "label": "Link",
+          "title": "My custom link",
+          "route": {
+              "url": "/custom-route"
+          }
+        }
+      ]
+  ]
+}
+
+```
+
+これは ngrx ストアアクションを使用して宣言することもできます:
+
+```json
+{
+  ...,
+  "navigation": [
+      "main": [ ... ],
+      "secondary": [ ... ],
+      "custom": [
+        {
+          "icon": "work",
+          "label": "Link",
+          "title": "My custom link",
+          "click": {
+              "action": "NAVIGATE_ROUTE",
+              "payload": "custom-route"
+          }
+        }
+      ]
+  ]
+}
+
+```
+
+`app.routes.ts` の `/custom-route` を `LayoutComponent` 定義の子としてマッピングします。
+
+```js
+
+  import { CustomPage } from './components/custom-page/custom-page.component.ts';
+
+  ...
+  {
+    path: '',
+    component: LayoutComponent,
+    children: [
+     ...,
+     {
+        path: 'custom-route',
+        component: CustomPage
+      }
+    ]
+  }
+  ...,
+
+```
+
+![](../images/navigation-03.png)
+
+### カスタムコンポーネントのレンダリング
+
+ナビゲーション定義は、動的にレンダリングされるカスタムコンポーネントもサポートします。このスキーマは次のとおりです:
+
+```json
+"navbar": [
+  {
+      "id": "app.navbar.primary",
+      "items": [
+            ...
+
+          {
+              "id": "custom-component",
+              "component": "custom-menu-item"
+          }
+
+          ...
+      ]
+  }
+]
+```
+
+コンポーネントは app モジュールの下で entryComponents として宣言する必要があることに注意してください。
+
+カスタムページのコンテンツの詳細については、[ドキュメントリストのレイアウト](/features/document-list-layout) セクションを参照してください。