initial commit

19 files changed, 1580 insertions, 0 deletions

diff --git a/files/ja/web/manifest/background_color/index.html b/files/ja/web/manifest/background_color/index.html
new file mode 100644
index 0000000000..be7b0035fc
--- /dev/null
+++ b/files/ja/web/manifest/background_color/index.html
@@ -0,0 +1,71 @@
+---
+title: background_color
+slug: Web/Manifest/background_color
+tags:
+  - Manifest
+  - Web
+  - background_color
+  - マニフェスト
+translation_of: Web/Manifest/background_color
+---
+<div>{{QuickLinksWithSubpages("/ja/docs/Web/Manifest")}}</div>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row">型</th>
+   <td><code>String</code></td>
+  </tr>
+  <tr>
+   <th scope="row">必須</th>
+   <td>いいえ</td>
+  </tr>
+ </tbody>
+</table>
+
+<p><code>background_color</code> メンバーは、スタイルシートが読み込まれる前に表示するアプリケーションページの背景色を定義します。 この値は、スタイルシートが読み込まれる前にマニフェストが利用可能な場合、ショートカットの背景色を描画するために、ユーザーエージェントが使用します。</p>
+
+<p>したがって、 <code>background_color</code> はウェブアプリケーションを起動してからサイトのコンテンツを読み込むまでの間のスムーズな移行のため、 CSS の {{cssxref("background-color")}} と一致させるべきです。</p>
+
+<div class="blockIndicator note">
+<p><strong>注</strong>: <code>background_color</code> メンバーは、メインスタイルシートがネットワークまたはストレージメディアから読み込まれている間にだけ、ユーザーの操作感を向上させるためだけのものです。プログレッシブウェブアプリのスタイルシートが利用できるようになった後は、ユーザーエージェントが CSS の {{cssxref("background-color")}} プロパティとして使用されることはありません。</p>
+</div>
+
+<h2 id="Examples" name="Examples">例</h2>
+
+<pre class="brush: json">"background_color": "red"</pre>
+
+<h2 id="Specification" name="Specification">仕様書</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">仕様書</th>
+   <th scope="col">状態</th>
+   <th scope="col">備考</th>
+   <th scope="col">フィードバック</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>
+    <p>{{SpecName('Manifest', '#background_color-member', 'background_color')}}</p>
+   </td>
+   <td>
+    <p>{{Spec2('Manifest')}}</p>
+   </td>
+   <td>
+    <p>初回定義</p>
+   </td>
+   <td>
+    <p><a href="https://github.com/w3c/manifest/issues/">Web App Manifest Working Group drafts</a></p>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+
+<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div>
+
+<p>{{Compat("html.manifest.background_color")}}</p>
diff --git a/files/ja/web/manifest/categories/index.html b/files/ja/web/manifest/categories/index.html
new file mode 100644
index 0000000000..825226b00e
--- /dev/null
+++ b/files/ja/web/manifest/categories/index.html
@@ -0,0 +1,74 @@
+---
+title: categories
+slug: Web/Manifest/categories
+tags:
+  - Manifest
+  - Web
+  - categories
+  - マニフェスト
+translation_of: Web/Manifest/categories
+---
+<div>{{QuickLinksWithSubpages("/ja/docs/Web/Manifest")}}</div>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row">型</th>
+   <td><code>String</code> の配列 (<code>Array</code>)</td>
+  </tr>
+  <tr>
+   <th scope="row">必須</th>
+   <td>いいえ</td>
+  </tr>
+ </tbody>
+</table>
+
+<p><dfn><code>categories</code></dfn> メンバーは、アプリケーションが属すると思われるカテゴリの名前を定義する文字列の配列です。標準化された値の一覧はありませんが、 W3C は<a href="https://github.com/w3c/manifest/wiki/Categories">既知のカテゴリの一覧</a>を保守しています。
+
+</p><div class="blockIndicator note">
+<p><strong>注:</strong> <code>categories</code> は、ウェブアプリケーションの一覧を収集したり格納したりするヒントとしてのみ使用されます。検索エンジンやメタキーワードと同様に、カタログを無視して収集や格納を行うことができます。</p>
+</div>
+
+<div class="blockIndicator note">
+<p><strong>注</strong>: カテゴリの値は、格納したり収集したりする処理の前に小文字化されますので、 "News" と "news" は同じ値として扱われます。そもそも、開発者は小文字を使うことが推奨されています。</p>
+</div>
+
+<h2 id="Examples" name="Examples">例</h2>
+
+<pre class="brush: json">"categories": ["books", "education", "medical"]
+</pre>
+
+<h2 id="Specification" name="Specification">仕様書</h2>
+
+<table class="fullwidth-table standard-table">
+ <thead>
+  <tr>
+   <th scope="col">仕様書</th>
+   <th scope="col">状態</th>
+   <th scope="col">備考</th>
+   <th scope="col">フィードバック</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>
+    <p>{{SpecName('Manifest', '#categories-member', 'categories')}}</p>
+   </td>
+   <td>
+    <p>{{Spec2('Manifest')}}</p>
+   </td>
+   <td>
+    <p>初回定義</p>
+   </td>
+   <td>
+    <p><a href="https://github.com/w3c/manifest/issues/">Web App Manifest Working Group drafts</a></p>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+
+<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div>
+
+<p>{{Compat("html.manifest.categories")}}</p>
diff --git a/files/ja/web/manifest/description/index.html b/files/ja/web/manifest/description/index.html
new file mode 100644
index 0000000000..891ece8a21
--- /dev/null
+++ b/files/ja/web/manifest/description/index.html
@@ -0,0 +1,73 @@
+---
+title: description
+slug: Web/Manifest/description
+tags:
+  - Manifest
+  - Web
+  - description
+  - マニフェスト
+translation_of: Web/Manifest/description
+---
+<div>{{QuickLinksWithSubpages("/ja/docs/Web/Manifest")}}</div>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row">型</th>
+   <td><code>String</code></td>
+  </tr>
+  <tr>
+   <th scope="row">必須</th>
+   <td>いいえ</td>
+  </tr>
+ </tbody>
+</table>
+
+<p><dfn><code>description</code></dfn> メンバーは、アプリケーションが何をするかを開発者が説明することができる文字列です。 <code>description</code> は書字方向を設定することができ、マニフェストメンバーの <code><a href="./dir">dir</a></code> と <code><a href="./lang">lang</a></code> の値に基づいて左書きまたは右書きで表示することができます。</p>
+
+<h2 id="Examples" name="Examples">例</h2>
+
+<p>左書き言語用の単純な <code>description</code> です。</p>
+
+<pre class="brush: json">"description": "Awesome application that will help you achieve your dreams."</pre>
+
+<p>アラビア語の <code>description</code> で、右書きで表示されます。</p>
+
+<pre class="brush: json">"dir": "rtl",
+"lang": "ar",
+"description": ".تطبيق رائع سيساعدك على تحقيق أحلامك"</pre>
+
+<h2 id="Specification" name="Specification">仕様書</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">仕様書</th>
+   <th scope="col">状態</th>
+   <th scope="col">備考</th>
+   <th scope="col">フィードバック</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>
+    <p>{{SpecName('Manifest', '#description-member', 'description')}}</p>
+   </td>
+   <td>
+    <p>{{Spec2('Manifest')}}</p>
+   </td>
+   <td>
+    <p>初回定義</p>
+   </td>
+   <td>
+    <p><a href="https://github.com/w3c/manifest/issues/">Web App Manifest Working Group drafts</a></p>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+
+<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div>
+
+<p>{{Compat("html.manifest.description")}}</p>
diff --git a/files/ja/web/manifest/dir/index.html b/files/ja/web/manifest/dir/index.html
new file mode 100644
index 0000000000..7d58dca06a
--- /dev/null
+++ b/files/ja/web/manifest/dir/index.html
@@ -0,0 +1,87 @@
+---
+title: dir
+slug: Web/Manifest/dir
+tags:
+  - Manifest
+  - Web
+  - dir
+  - マニフェスト
+translation_of: Web/Manifest/dir
+---
+<div>{{QuickLinksWithSubpages("/ja/docs/Web/Manifest")}}</div>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row">型</th>
+   <td><code>String</code></td>
+  </tr>
+  <tr>
+   <th scope="row">必須</th>
+   <td>いいえ</td>
+  </tr>
+ </tbody>
+</table>
+
+<p>マニフェストの書字方向に対応しているメンバーを表示するための基本的な方向です。 <code><a href="./lang">lang</a></code> メンバーと共に、右書きの言語を正しく表示するのに役立ちます。</p>
+
+<p><code>dir</code> メンバーには、次の値のうちの一つを設定することができます。</p>
+
+<ul>
+ <li><code>auto</code> — ユーザーエージェントが判断した書字方向</li>
+ <li><code>ltr</code> — 左書き (left to right)</li>
+ <li><code>rtl</code> — 右書き (right to left)</li>
+</ul>
+
+<p><dfn>書字方向に対応しているメンバー</dfn>は以下の通りです。</p>
+
+<ul>
+ <li><code><a href="./name">name</a></code></li>
+ <li><code><a href="./short_name">short_name</a></code></li>
+ <li><code><a href="./description">description</a></code></li>
+</ul>
+
+<div class="blockIndicator note">
+<p><strong>注</strong>: この値が省略されたり <code>auto</code> に設定されていたりした場合は、ブラウザーは <a href="/ja/docs/Web/Localization/Unicode_Bidirectional_Text_Algorithm">Unicode 双方向アルゴリズム</a>を使用してテキストの書字方向に最適な推測を行います。</p>
+</div>
+
+<h2 id="Examples" name="Examples">例</h2>
+
+<pre class="brush: json" dir="rtl"><code>"dir": "rtl",
+"lang": "ar",
+"short_name": "!أنا من التطبيق"</code></pre>
+
+<h2 id="Specification" name="Specification">仕様書</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">仕様書</th>
+   <th scope="col">状態</th>
+   <th scope="col">備考</th>
+   <th scope="col">フィードバック</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>
+    <p>{{SpecName('Manifest', '#dir-member', 'dir')}}</p>
+   </td>
+   <td>
+    <p>{{Spec2('Manifest')}}</p>
+   </td>
+   <td>
+    <p>初回定義</p>
+   </td>
+   <td>
+    <p><a href="https://github.com/w3c/manifest/issues/">Web App Manifest Working Group drafts</a></p>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+
+<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div>
+
+<p>{{Compat("html.manifest.dir")}}</p>
diff --git a/files/ja/web/manifest/display/index.html b/files/ja/web/manifest/display/index.html
new file mode 100644
index 0000000000..3bd009c770
--- /dev/null
+++ b/files/ja/web/manifest/display/index.html
@@ -0,0 +1,114 @@
+---
+title: display
+slug: Web/Manifest/display
+tags:
+  - Manifest
+  - Web
+  - display
+  - マニフェスト
+translation_of: Web/Manifest/display
+---
+<div>{{QuickLinksWithSubpages("/ja/docs/Web/Manifest")}}</div>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row">型</th>
+   <td><code>String</code></td>
+  </tr>
+  <tr>
+   <th scope="row">必須</th>
+   <td>いいえ</td>
+  </tr>
+ </tbody>
+</table>
+
+<p><code>display</code> メンバーは、開発者が推奨するウェブサイトの表示モードを判別する文字列です。この表示モードは、ブラウザーの UI をどれだけユーザーに見せるかを変更するものであり、 <code>browser</code> (ブラウザーのウィンドウが完全に見える) から <code>fullscreen</code> (アプリが全画面になる) までの範囲を取ります。</p>
+
+<div class="blockIndicator note">
+<p><strong>注:</strong> <code>display</code> メンバーが指定されてなかった場合は、既定で <code>browser</code> になります。</p>
+</div>
+
+<div class="blockIndicator note">
+<p><strong>注:</strong> 表示モードに応じて選択的に CSS を提供するには、 {{cssxref("@media/display-mode", "display-mode")}} メディア特性を使用することができます。これにより、サイトを URL から起動した場合とデスクトップアイコンから起動した場合とでユーザーの操作に一貫性を持たせることができます。</p>
+</div>
+
+<h2 id="値">値</h2>
+
+<p>次の値を使用することができます。</p>
+
+<table class="fullwidth-table standard-table">
+ <thead>
+  <tr>
+   <th scope="col">表示モード</th>
+   <th scope="col">解説</th>
+   <th scope="col">代替表示モード</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td><code>fullscreen</code></td>
+   <td>利用可能な画面の領域をすべて使用し、ユーザーエージェントの{{Glossary("chrome", "クローム")}}は表示されなくなります。</td>
+   <td><code>standalone</code></td>
+  </tr>
+  <tr>
+   <td><code>standalone</code></td>
+   <td>アプリケーションの外見は、単独のアプリケーションのようになります。これは、アプリケーションに別のウィンドウを持たせたり、アプリケーションランチャーに独自のアイコンを追加したりすることができるようになります。このモードでは、ユーザーエージェントはナビゲーションを制御するための UI 要素を除外しますが、ステータスバーなどの他の UI 要素を含めることはできます。</td>
+   <td><code>minimal-ui</code></td>
+  </tr>
+  <tr>
+   <td><code>minimal-ui</code></td>
+   <td>アプリケーションの外見は、単独のアプリケーションのようになりますが、ナビゲーションを制御するために最小限の UI 要素が表示されます。要素はブラウザーによって異なります。</td>
+   <td><code>browser</code></td>
+  </tr>
+  <tr>
+   <td><code>browser</code></td>
+   <td>アプリケーションはブラウザーやプラットフォームに応じた一般的なブラウザータブや新しいウインドウで表示されます。これが既定値です。</td>
+   <td>(なし)</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Examples" name="Examples">例</h2>
+
+<pre class="brush: json">"display": "standalone"
+</pre>
+
+<h2 id="Specification" name="Specification">仕様書</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">仕様書</th>
+   <th scope="col">状態</th>
+   <th scope="col">備考</th>
+   <th scope="col">フィードバック</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>
+    <p>{{SpecName('Manifest', '#display-member', 'display')}}</p>
+   </td>
+   <td>
+    <p>{{Spec2('Manifest')}}</p>
+   </td>
+   <td>
+    <p>初回定義</p>
+   </td>
+   <td>
+    <p><a href="https://github.com/w3c/manifest/issues/">Web App Manifest Working Group drafts</a></p>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+
+<div class="blockIndicator note">
+<p><strong>注:</strong> Firefox バージョン 47 では、 <code>display</code> の値は <code>browser</code> のみに対応しています。 <code>minimal-ui</code>, <code>standalone</code> , <code>fullscreen</code> は Firefox 57 で追加されました。</p>
+</div>
+
+<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div>
+
+<p>{{Compat("html.manifest.display")}}</p>
diff --git a/files/ja/web/manifest/iarc_rating_id/index.html b/files/ja/web/manifest/iarc_rating_id/index.html
new file mode 100644
index 0000000000..485049f771
--- /dev/null
+++ b/files/ja/web/manifest/iarc_rating_id/index.html
@@ -0,0 +1,77 @@
+---
+title: iarc_rating_id
+slug: Web/Manifest/iarc_rating_id
+tags:
+  - Manifest
+  - Web
+  - iarc_rating_id
+  - マニフェスト
+translation_of: Web/Manifest/iarc_rating_id
+---
+<div>{{QuickLinksWithSubpages("/ja/docs/Web/Manifest")}}</div>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row">型</th>
+   <td><code>String</code></td>
+  </tr>
+  <tr>
+   <th scope="row">必須</th>
+   <td>いいえ</td>
+  </tr>
+ </tbody>
+</table>
+
+<p><dfn><code>iarc_rating_id</code></dfn> メンバーは、ウェブアプリケーションの <a href="https://www.globalratings.com/">International Age Rating Coalition (IARC)</a> 認証コードを表す文字列です。これは、このウェブアプリケーションがどの年齢に適切であるかを示すために使うためのものです。</p>
+
+<div class="blockIndicator note">
+<p><strong>注</strong>: 流通する製品が同じである限り、同じコードを複数の参加店舗で共有することができます (つまり、異なる店舗で全く異なるコードパスを提供しない)。</p>
+</div>
+
+<h2 id="Examples" name="Examples">例</h2>
+
+<pre class="brush: json">"iarc_rating_id": "e84b072d-71b3-4d3e-86ae-31a8ce4e53b7"
+</pre>
+
+<h2 id="Specification" name="Specification">仕様書</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">仕様書</th>
+   <th scope="col">状態</th>
+   <th scope="col">備考</th>
+   <th scope="col">フィードバック</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>
+    <p>{{SpecName('Manifest', '#iarc_rating_id-member', 'iarc_rating_id')}}</p>
+   </td>
+   <td>
+    <p>{{Spec2('Manifest')}}</p>
+   </td>
+   <td>
+    <p>初回定義</p>
+   </td>
+   <td>
+    <p><a href="https://github.com/w3c/manifest/issues/">Web App Manifest Working Group drafts</a></p>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+
+<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div>
+
+<p>{{Compat("html.manifest.iarc_rating_id")}}</p>
+
+<h2 id="See_also" name="See_also">関連情報</h2>
+
+<ul>
+ <li><a href="https://www.globalratings.com/how-iarc-works.aspx">IARC が動作する仕組み</a></li>
+ <li><a href="https://www.globalratings.com/for-developers.aspx">開発者がゲームやアプリで IARC の格付けを受ける方法</a></li>
+</ul>
diff --git a/files/ja/web/manifest/icons/index.html b/files/ja/web/manifest/icons/index.html
new file mode 100644
index 0000000000..110c836a3b
--- /dev/null
+++ b/files/ja/web/manifest/icons/index.html
@@ -0,0 +1,124 @@
+---
+title: icons
+slug: Web/Manifest/icons
+tags:
+  - Icons
+  - Manifest
+  - Web
+  - マニフェスト
+translation_of: Web/Manifest/icons
+---
+<div>{{QuickLinksWithSubpages("/ja/docs/Web/Manifest")}}</div>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row">型</th>
+   <td>配列 (<code>Array</code>)</td>
+  </tr>
+  <tr>
+   <th scope="row">必須</th>
+   <td>はい</td>
+  </tr>
+ </tbody>
+</table>
+
+<p><code>icons</code> メンバーは、様々なコンテキストでアプリケーションアイコンとして機能する画像ファイルを表すオブジェクトの配列を指定します。例えば、他のアプリケーションのリストの中でウェブアプリケーションを表現したり、ウェブアプリケーションを <abbr title="operating system">OS</abbr> のタスクマネージャーやシステム環境設定と統合したりするために使用することができます。</p>
+
+<h2 id="Examples" name="Examples">例</h2>
+
+<pre class="brush: json">"icons": [
+  {
+    "src": "icon/lowres.webp",
+    "sizes": "48x48",
+    "type": "image/webp"
+  },
+  {
+    "src": "icon/lowres",
+    "sizes": "48x48"
+  },
+  {
+    "src": "icon/hd_hi.ico",
+    "sizes": "72x72 96x96 128x128 256x256"
+  },
+  {
+    "src": "icon/hd_hi.svg",
+    "sizes": "72x72"
+  }
+]</pre>
+
+<h2 id="Values" name="Values">値</h2>
+
+<p>画像オブジェクトには、次の値を入れることができます。</p>
+
+<table class="fullwidth-table standard-table">
+ <thead>
+  <tr>
+   <th scope="col">メンバー</th>
+   <th scope="col">説明</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td><code>sizes</code></td>
+   <td>画像の寸法を空白区切りで指定する文字列です。</td>
+  </tr>
+  <tr>
+   <td><code>src</code></td>
+   <td>画像ファイルへのパスです。 <code>src</code> が相対 URL である場合、基準 URL はマニフェストの URL です。</td>
+  </tr>
+  <tr>
+   <td><code>type</code></td>
+   <td>画像のメディア種別のヒントです。このメンバーは、ユーザーエージェントが対応していないメディア種別の画像を素早く無視することができるようにするためのものです。</td>
+  </tr>
+  <tr>
+   <td><code>purpose</code></td>
+   <td>
+   <p>画像の目的を定義します。例えば、画像がホスト OS の特定の場面で、特別な目的を果たすことを意図している場合などです (すなわち、よりよく統合するため)。</p>
+
+   <p><a href="https://w3c.github.io/manifest/#purpose-member"><code>purpose</code></a> は以下の値を1つ以上、空白で区切って指定することができます。</p>
+
+   <ul>
+    <li><code>badge</code>: ユーザーエージェントは、アプリケーションアイコンと異なるスペースの制約や色の要件がある場合に、このアイコンを表示することができます。</li>
+    <li><code>maskable</code>:  画像が<a href="https://w3c.github.io/manifest/#icon-masks">アイコンのマスクと安全領域</a>に配慮して設計されており、画像の安全領域外の部分をユーザーエージェントが無視したりマスクしたりしても安全になるようになっています。</li>
+    <li><code>any</code>: ユーザーエージェントはどのような場合でも、自由にこのアイコンを表示することができます (これが既定値です)。</li>
+   </ul>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Specification" name="Specification">仕様書</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">仕様書</th>
+   <th scope="col">状態</th>
+   <th scope="col">備考</th>
+   <th scope="col">フィードバック</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>
+    <p>{{SpecName('Manifest', '#icons-member', 'icons')}}</p>
+   </td>
+   <td>
+    <p>{{Spec2('Manifest')}}</p>
+   </td>
+   <td>
+    <p>初回定義</p>
+   </td>
+   <td>
+    <p><a href="https://github.com/w3c/manifest/issues/">Web App Manifest Working Group drafts</a></p>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+
+<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div>
+
+<p>{{Compat("html.manifest.icons")}}</p>
diff --git a/files/ja/web/manifest/index.html b/files/ja/web/manifest/index.html
new file mode 100644
index 0000000000..5c7959ef31
--- /dev/null
+++ b/files/ja/web/manifest/index.html
@@ -0,0 +1,116 @@
+---
+title: ウェブアプリマニフェスト
+slug: Web/Manifest
+tags:
+  - App
+  - PWA
+  - Reference
+  - アプリ
+  - ウェブ
+  - マニフェスト
+  - リファレンス
+translation_of: Web/Manifest
+---
+<div>{{QuickLinksWithSubpages("/ja/docs/Web/Manifest")}}</div>
+
+<div>{{SeeCompatTable}}</div>
+
+<p><strong>ウェブアプリマニフェスト</strong>は、<a href="/ja/docs/Web/Progressive_web_apps">プログレッシブウェブアプリ</a> (PWA) と呼ばれる一連のウェブ技術の一部であり、アプリストアを通さずに端末のホーム画面にインストールすることができるものです。単純なホームスクリーンリンクやブックマークを持つ通常のウェブアプリとは異なり、 PWA は事前にダウンロードしてオフラインでも動作するだけでなく、通常の <a href="/ja/docs/Web/API">Web API</a> を使用することもできます。</p>
+
+<p>ウェブアプリマニフェストは、ウェブアプリケーションについて、ウェブアプリをダウンロードしたり、ユーザーにネイティブアプリと同じように見せる (例えば、端末のホーム画面にインストールされ、ユーザーに素早いアクセスと豊かな操作性を提供するなどの) ために必要なの情報を {{Glossary("JSON")}} テキストファイルで提供します。 PWA のマニフェストには、その名前、作者、アイコン、バージョン、説明、および (他のものの中で特に) 必要なすべてのリソースのリストが含まれています。</p>
+
+<div class="hidden">
+<p>PWA のマニフェストにはコメントが入れられるのでしょうか？<br>
+ これは {{Glossary("JSON")}} 形式のファイルですが、一つ例外があります。 "<code>//</code>" 形式のコメントを入れることができます。</p>
+</div>
+
+<h2 id="メンバー">メンバー</h2>
+
+<p>ウェブマニフェストは以下のキーを含むことができます。それぞれのリンクをクリックすると詳細情報を見ることができます。</p>
+
+<p>{{ListSubpages("/ja/docs/Web/Manifest")}}</p>
+
+<h2 id="Example_manifest" name="Example_manifest">マニフェストの例</h2>
+
+<pre class="brush: json">{
+  "name": "HackerWeb",
+  "short_name": "HackerWeb",
+  "start_url": ".",
+  "display": "standalone",
+  "background_color": "#fff",
+  "description": "A simply readable Hacker News app.",
+  "icons": [{
+    "src": "images/touch/homescreen48.png",
+    "sizes": "48x48",
+    "type": "image/png"
+  }, {
+    "src": "images/touch/homescreen72.png",
+    "sizes": "72x72",
+    "type": "image/png"
+  }, {
+    "src": "images/touch/homescreen96.png",
+    "sizes": "96x96",
+    "type": "image/png"
+  }, {
+    "src": "images/touch/homescreen144.png",
+    "sizes": "144x144",
+    "type": "image/png"
+  }, {
+    "src": "images/touch/homescreen168.png",
+    "sizes": "168x168",
+    "type": "image/png"
+  }, {
+    "src": "images/touch/homescreen192.png",
+    "sizes": "192x192",
+    "type": "image/png"
+  }],
+  "related_applications": [{
+    "platform": "play",
+    "url": "https://play.google.com/store/apps/details?id=cheeaun.hackerweb"
+  }]
+}</pre>
+
+<h2 id="Deploying_a_manifest_with_the_link_tag" name="Deploying_a_manifest_with_the_link_tag">マニフェストの展開</h2>
+
+<p>ウェブアプリマニフェストは、文書の {{HTMLElement("head")}} 内にある {{HTMLElement("link")}} 要素を使用して HTML ページから展開されます。</p>
+
+<pre class="brush: html">&lt;link rel="manifest" href="/manifest.webmanifest"&gt;</pre>
+
+<div class="note">
+<p><strong>注</strong>: <code>.webmanifest</code> の拡張子が仕様書の <a href="https://w3c.github.io/manifest/#media-type-registration">Media type registration</a> の節で指定されています (マニフェストファイルのレスポンスは <code>Content-Type: application/manifest+json</code> を返してください)。ブラウザーは一般に <code>.json</code> (<code>Content-Type: application/json</code>) のような他の適切な拡張子でもマニフェストに対応します。</p>
+</div>
+
+<div class="note">
+<p><strong>注</strong>: マニフェストのアクセスに資格情報が必要な場合は、マニフェストファイルが現在のページと同じオリジンにあったとしても、 {{domxref("HTML/CORS_settings_attributes", "crossorigin")}} 属性を <code>use-credentials</code> に設定する必要があります。</p>
+</div>
+
+<h2 id="Splash_screens" name="Splash_screens">スプラッシュ画面</h2>
+
+<p>Chrome 47 以降では、ホーム画面からサイトが起動されるとスプラッシュ画面が表示されます。スプラッシュ画面はウェブアプリマニフェストのプロパティから、具体的には以下のように自動生成されます。</p>
+
+<ul>
+ <li><code><a href="/docs/Web/Manifest/name">name</a></code></li>
+ <li><code><a href="/docs/Web/Manifest/background_color">background_color</a></code></li>
+ <li><code><a href="/docs/Web/Manifest/icons">icons</a></code> の配列中のアイコンで、端末の 128dpi に最も近いもの。
+</li></ul>
+
+<h2 id="Specification" name="Specification">仕様書</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">仕様書</th>
+   <th scope="col">状態</th>
+   <th scope="col">備考</th>
+  </tr>
+  <tr>
+   <td>{{SpecName("Manifest")}}</td>
+   <td>{{Spec2("Manifest")}}</td>
+   <td>初回定義</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+
+<p>{{Compat("html.manifest")}}</p>
diff --git a/files/ja/web/manifest/lang/index.html b/files/ja/web/manifest/lang/index.html
new file mode 100644
index 0000000000..a2ad101e0f
--- /dev/null
+++ b/files/ja/web/manifest/lang/index.html
@@ -0,0 +1,65 @@
+---
+title: lang
+slug: Web/Manifest/lang
+tags:
+  - Manifest
+  - Web
+  - lang
+  - マニフェスト
+translation_of: Web/Manifest/lang
+---
+<div>{{QuickLinksWithSubpages("/ja/docs/Web/Manifest")}}</div>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row">型</th>
+   <td><code>String</code></td>
+  </tr>
+  <tr>
+   <th scope="row">必須</th>
+   <td>いいえ</td>
+  </tr>
+ </tbody>
+</table>
+
+<p><dfn><code>lang</code></dfn> メンバーは単一の<a href="../HTML/Global_attributes/lang">言語タグ</a>を持つ文字列です。これは、マニフェストの書字方向に対応しているメンバーの主言語を指定し、 <code><a href="./dir">dir</a></code> と共に書字方向を特定します。</p>
+
+<h2 id="Examples" name="Examples">例</h2>
+
+<pre class="brush: json" dir="rtl">"lang": "en-US"</pre>
+
+<h2 id="Specification" name="Specification">仕様書</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">仕様書</th>
+   <th scope="col">状態</th>
+   <th scope="col">備考</th>
+   <th scope="col">フィードバック</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>
+    <p>{{SpecName('Manifest', '#lang-member', 'lang')}}</p>
+   </td>
+   <td>
+    <p>{{Spec2('Manifest')}}</p>
+   </td>
+   <td>
+    <p>初回定義</p>
+   </td>
+   <td>
+    <p><a href="https://github.com/w3c/manifest/issues/">Web App Manifest Working Group drafts</a></p>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+
+<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div>
+
+<p>{{Compat("html.manifest.lang")}}</p>
diff --git a/files/ja/web/manifest/name/index.html b/files/ja/web/manifest/name/index.html
new file mode 100644
index 0000000000..e7f550869e
--- /dev/null
+++ b/files/ja/web/manifest/name/index.html
@@ -0,0 +1,73 @@
+---
+title: name
+slug: Web/Manifest/name
+tags:
+  - Manifest
+  - Web
+  - name
+  - マニフェスト
+translation_of: Web/Manifest/name
+---
+<div>{{QuickLinksWithSubpages("/ja/docs/Web/Manifest")}}</div>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row">型</th>
+   <td><code>String</code></td>
+  </tr>
+  <tr>
+   <th scope="row">必須</th>
+   <td>はい</td>
+  </tr>
+ </tbody>
+</table>
+
+<p><dfn><code>name</code></dfn> メンバーは文字列で、ウェブアプリケーションの名前を通常ユーザーに表示される形 (例えば、他のアプリケーションとのリストの中や、アイコンのラベルなど) で表します。 <code>name</code> は書字方向に対応しており、 <code><a href="./dir">dir</a></code> および <code><a href="./lang">lang</a></code> の各マニフェストメンバーの値に基づいて左書きで表示されたり右書きで表示されたりします。</p>
+
+<h2 id="Examples" name="Examples">例</h2>
+
+<p>単純な <code>name</code> を左書き言語で:</p>
+
+<pre class="brush: json">"name": "Awesome application"</pre>
+
+<p>アラビア語で右書きの <code>name</code>:</p>
+
+<pre class="brush: json" dir="rtl"><code>"dir": "rtl",
+"lang": "ar",
+"name": "!أنا من التطبيق"</code></pre>
+
+<h2 id="Specification" name="Specification">仕様書</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">仕様書</th>
+   <th scope="col">状態</th>
+   <th scope="col">備考</th>
+   <th scope="col">フィードバック</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>
+    <p>{{SpecName('Manifest', '#name-member', 'name')}}</p>
+   </td>
+   <td>
+    <p>{{Spec2('Manifest')}}</p>
+   </td>
+   <td>
+    <p>初回定義</p>
+   </td>
+   <td>
+    <p><a href="https://github.com/w3c/manifest/issues/">Web App Manifest Working Group drafts</a></p>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+
+<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div>
+
+<p>{{Compat("html.manifest.name")}}</p>
diff --git a/files/ja/web/manifest/orientation/index.html b/files/ja/web/manifest/orientation/index.html
new file mode 100644
index 0000000000..13226e0953
--- /dev/null
+++ b/files/ja/web/manifest/orientation/index.html
@@ -0,0 +1,88 @@
+---
+title: orientation
+slug: Web/Manifest/orientation
+tags:
+  - Manifest
+  - Orientation
+  - Web
+  - マニフェスト
+translation_of: Web/Manifest/orientation
+---
+<div>{{QuickLinksWithSubpages("/ja/docs/Web/Manifest")}}</div>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row">型</th>
+   <td><code>String</code></td>
+  </tr>
+  <tr>
+   <th scope="row">必須</th>
+   <td>いいえ</td>
+  </tr>
+ </tbody>
+</table>
+
+<p><code>orientation</code> メンバーは、ウェブサイトの最上位の{{Glossary("Browsing context", "閲覧コンテキスト")}}すべてについて、既定の向きを定義します。</p>
+
+<div class="blockIndicator note">
+<p><strong>注:</strong> ユーザーエージェントの表示モードによっては、 <code>orientation</code> やその中の特定の値に対応していないことがあります。これらに対応することが、特定のコンテキストでは意味がないからです。</p>
+</div>
+
+<div class="blockIndicator note">
+<p><strong>注:</strong> 実行時に画面の向きを変更するには、 <a href="/ja/docs/Web/API/Screen/orientation">Screen Orientation API</a> を利用して実現することができます。</p>
+</div>
+
+<h2 id="値">値</h2>
+
+<p><code>orientation</code> は以下の値の内の一つを取ることができます。</p>
+
+<ul>
+ <li><code>any</code></li>
+ <li><code>natural</code></li>
+ <li><code>landscape</code></li>
+ <li><code>landscape-primary</code></li>
+ <li><code>landscape-secondary</code></li>
+ <li><code>portrait</code></li>
+ <li><code>portrait-primary</code></li>
+ <li><code>portrait-secondary</code></li>
+</ul>
+
+<h2 id="Examples" name="Examples">例</h2>
+
+<pre class="brush: json">  "orientation": "portrait-primary"</pre>
+
+<h2 id="Specification" name="Specification">仕様書</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">仕様書</th>
+   <th scope="col">状態</th>
+   <th scope="col">備考</th>
+   <th scope="col">フィードバック</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>
+    <p>{{SpecName('Manifest', '#orientation-member', 'orientation')}}</p>
+   </td>
+   <td>
+    <p>{{Spec2('Manifest')}}</p>
+   </td>
+   <td>
+    <p>初回定義</p>
+   </td>
+   <td>
+    <p><a href="https://github.com/w3c/manifest/issues/">Web App Manifest Working Group drafts</a></p>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+
+<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div>
+
+<p>{{Compat("html.manifest.orientation")}}</p>
diff --git a/files/ja/web/manifest/prefer_related_applications/index.html b/files/ja/web/manifest/prefer_related_applications/index.html
new file mode 100644
index 0000000000..c31e8772cd
--- /dev/null
+++ b/files/ja/web/manifest/prefer_related_applications/index.html
@@ -0,0 +1,68 @@
+---
+title: prefer_related_applications
+slug: Web/Manifest/prefer_related_applications
+tags:
+  - Manifest
+  - Web
+  - prefer_related_applications
+  - マニフェスト
+translation_of: Web/Manifest/prefer_related_applications
+---
+<div>{{QuickLinksWithSubpages("/ja/docs/Web/Manifest")}}</div>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row">型</th>
+   <td><code>String</code></td>
+  </tr>
+  <tr>
+   <th scope="row">必須</th>
+   <td>いいえ</td>
+  </tr>
+ </tbody>
+</table>
+
+<p><dfn><code>prefer_related_applications</code></dfn> メンバーは論理値で、 <code><a href="./related_applications">related_applications</a></code> で挙がっているアプリケーションがこのウェブアプリケーションよりも推奨されることを示します。 <code>prefer_related_applications</code> メンバーが <code>true</code> に設定されていた場合、ユーザーエージェントはこのウェブアプリの代わりに関連アプリケーションのうちの一つをインストールするよう勧めるかもしれません。</p>
+
+<p>省略された場合は、 <dfn><code>prefer_related_applications</code></dfn> の既定値は <code>false</code> になります。</p>
+
+<h2 id="Examples" name="Examples">例</h2>
+
+<pre class="brush: json">"prefer_related_applications": true
+</pre>
+
+<h2 id="Specification" name="Specification">仕様書</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">仕様書</th>
+   <th scope="col">状態</th>
+   <th scope="col">備考</th>
+   <th scope="col">フィードバック</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>
+    <p>{{SpecName('Manifest', '#prefer_related_applications-member', 'prefer_related_applications')}}</p>
+   </td>
+   <td>
+    <p>{{Spec2('Manifest')}}</p>
+   </td>
+   <td>
+    <p>初回定義</p>
+   </td>
+   <td>
+    <p><a href="https://github.com/w3c/manifest/issues/">Web App Manifest Working Group drafts</a></p>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+
+<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div>
+
+<p>{{Compat("html.manifest.prefer_related_applications")}}</p>
diff --git a/files/ja/web/manifest/related_applications/index.html b/files/ja/web/manifest/related_applications/index.html
new file mode 100644
index 0000000000..6cc7e65283
--- /dev/null
+++ b/files/ja/web/manifest/related_applications/index.html
@@ -0,0 +1,99 @@
+---
+title: related_applications
+slug: Web/Manifest/related_applications
+tags:
+  - Manifest
+  - Web
+  - related_applications
+  - マニフェスト
+translation_of: Web/Manifest/related_applications
+---
+<div>{{QuickLinksWithSubpages("/ja/docs/Web/Manifest")}}</div>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row">型</th>
+   <td>配列 (<code>Array</code>)</td>
+  </tr>
+  <tr>
+   <th scope="row">必須</th>
+   <td>はい</td>
+  </tr>
+ </tbody>
+</table>
+
+<p><code>related_applications</code> フィールドはオブジェクトの配列で、基礎となるプラットフォームにインストール可能、またはアクセス可能なネイティブアプリケーション — たとえば、 Google Play ストアで入手可能なネイティブの Android アプリケーションなどを指定します。このようなアプリケーションは、ネイティブアプリの同等品のように、同様または同等の機能を提供するマニフェストのウェブサイトの代替品となることを意図しています。</p>
+
+<div class="blockIndicator note">
+<p><strong>注:</strong> 開発者は <code>prefer_related_applications</code> に <code>true</code> を設定することで、ネイティブアプリケーションがウェブアプリケーションよりも推奨されることを示すことができます。</p>
+</div>
+
+<h2 id="Examples" name="Examples">例</h2>
+
+<pre class="brush: json">"related_applications": [
+  {
+    "platform": "play",
+    "url": "https://play.google.com/store/apps/details?id=com.example.app1",
+    "id": "com.example.app1"
+  }, {
+    "platform": "itunes",
+    "url": "https://itunes.apple.com/app/example-app1/id123456789"
+  }
+]</pre>
+
+<h2 id="Values" name="Values">値</h2>
+
+<p>アプリケーションオブジェクトには、次の値を入れることができます。</p>
+
+<table class="fullwidth-table standard-table">
+ <thead>
+  <tr>
+   <th scope="col">メンバー</th>
+   <th scope="col">説明</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td><code>platform</code></td>
+   <td>アプリケーションを見つけることができるプラットフォームです。<a href="https://github.com/w3c/manifest/wiki/Platforms">利用できる値の一覧</a></td>
+  </tr>
+  <tr>
+   <td><code>url</code></td>
+   <td>アプリケーションを見つけることができる URL です。</td>
+  </tr>
+  <tr>
+   <td><code>id</code></td>
+   <td>指定されたプラットフォームでアプリケーションを表す ID です。</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Specification" name="Specification">仕様書</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">仕様書</th>
+   <th scope="col">状態</th>
+   <th scope="col">備考</th>
+   <th scope="col">フィードバック</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('Manifest', '#related_applications-member', 'related_applications')}}</td>
+   <td>
+    <p>{{Spec2('Manifest')}}</p>
+   </td>
+   <td>初回定義</td>
+   <td><a href="https://github.com/w3c/manifest/issues/">Web App Manifest Working Group drafts</a></td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+
+<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div>
+
+<p>{{Compat("html.manifest.related_applications")}}</p>
diff --git a/files/ja/web/manifest/scope/index.html b/files/ja/web/manifest/scope/index.html
new file mode 100644
index 0000000000..91802f6725
--- /dev/null
+++ b/files/ja/web/manifest/scope/index.html
@@ -0,0 +1,80 @@
+---
+title: scope
+slug: Web/Manifest/scope
+tags:
+  - Manifest
+  - Web
+  - scope
+  - マニフェスト
+translation_of: Web/Manifest/scope
+---
+<div>{{QuickLinksWithSubpages("/ja/docs/Web/Manifest")}}</div>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row">型</th>
+   <td><code>String</code></td>
+  </tr>
+  <tr>
+   <th scope="row">必須</th>
+   <td>いいえ</td>
+  </tr>
+ </tbody>
+</table>
+
+<p><dfn><code>scope</code></dfn> メンバーは文字列型で、このウェブアプリケーションのアプリケーションコンテキストのナビゲーションスコープを定義します。これは、マニフェストが適用されている時に見ることができるウェブページを制限するものです。ユーザーがスコープ外へ移動した場合は、ブラウザータブやウィンドウの中の通常のウェブページに戻ります。</p>
+
+<p><code>scope</code> が相対 URL である場合、ベース URL はマニフェストの URL になります。</p>
+
+<h2 id="Examples" name="Examples">例</h2>
+
+<p>スコープが相対パスの場合は、マニフェストの URL がベース URL として使用されます。</p>
+
+<pre class="brush: json">"scope": "/app/"
+</pre>
+
+<p>以下のスコープは、ナビゲーションを現在のサイトに制限します。</p>
+
+<pre class="brush: json">"scope": "https://example.com/"
+</pre>
+
+<p>最後に、以下の例はナビゲーションを現在のサイトのサブディレクトリに制限します。</p>
+
+<pre class="brush: json">"scope": "https://example.com/subdirectory/"
+</pre>
+
+<h2 id="Specification" name="Specification">仕様書</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">仕様書</th>
+   <th scope="col">状態</th>
+   <th scope="col">備考</th>
+   <th scope="col">フィードバック</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>
+    <p>{{SpecName('Manifest', '#scope-member', 'scope')}}</p>
+   </td>
+   <td>
+    <p>{{Spec2('Manifest')}}</p>
+   </td>
+   <td>
+    <p>初回定義</p>
+   </td>
+   <td>
+    <p><a href="https://github.com/w3c/manifest/issues/">Web App Manifest Working Group drafts</a></p>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+
+<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div>
+
+<p>{{Compat("html.manifest.scope")}}</p>
diff --git a/files/ja/web/manifest/screenshots/index.html b/files/ja/web/manifest/screenshots/index.html
new file mode 100644
index 0000000000..b7cbd8d6b7
--- /dev/null
+++ b/files/ja/web/manifest/screenshots/index.html
@@ -0,0 +1,75 @@
+---
+title: screenshots
+slug: Web/Manifest/screenshots
+tags:
+  - Manifest
+  - Screenshots
+  - Web
+translation_of: Web/Manifest/screenshots
+---
+<div>{{QuickLinksWithSubpages("/ja/docs/Web/Manifest")}}</div>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row">型</th>
+   <td><code>Object</code></td>
+  </tr>
+  <tr>
+   <th scope="row">必須</th>
+   <td>いいえ</td>
+  </tr>
+ </tbody>
+</table>
+
+<p><code>screenshots</code> メンバーはアプリケーションのショーケースに向けたスクリーンショットの配列を定義します。これらの画像はプログレッシブウェブアプリストアで使用することを意図しています。</p>
+
+<h2 id="Examples" name="Examples">例</h2>
+
+<pre class="brush: json">"screenshots" : [
+  {
+    "src": "screenshot1.webp",
+    "sizes": "1280x720",
+    "type": "image/webp"
+  },
+  {
+    "src": "screenshot2.webp",
+    "sizes": "1280x720",
+    "type": "image/webp"
+  }
+]</pre>
+
+<h2 id="Specification" name="Specification">仕様書</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">仕様書</th>
+   <th scope="col">状態</th>
+   <th scope="col">備考</th>
+   <th scope="col">フィードバック</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>
+    <p>{{SpecName('Manifest', '#screenshots-member', 'screenshots')}}</p>
+   </td>
+   <td>
+    <p>{{Spec2('Manifest')}}</p>
+   </td>
+   <td>
+    <p>初回定義</p>
+   </td>
+   <td>
+    <p><a href="https://github.com/w3c/manifest/issues/">Web App Manifest Working Group drafts</a></p>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+
+<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div>
+
+<p>{{Compat("html.manifest.screenshots")}}</p>
diff --git a/files/ja/web/manifest/serviceworker/index.html b/files/ja/web/manifest/serviceworker/index.html
new file mode 100644
index 0000000000..7215a877d7
--- /dev/null
+++ b/files/ja/web/manifest/serviceworker/index.html
@@ -0,0 +1,77 @@
+---
+title: serviceworker
+slug: Web/Manifest/serviceworker
+tags:
+  - Manifest
+  - ServiceWorker
+  - Web
+  - マニフェスト
+translation_of: Web/Manifest/serviceworker
+---
+<div>{{QuickLinksWithSubpages("/ja/docs/Web/Manifest")}}</div>
+
+<div>{{obsolete_header}}</div>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row">型</th>
+   <td><code>Object</code></td>
+  </tr>
+  <tr>
+   <th scope="row">必須</th>
+   <td>いいえ</td>
+  </tr>
+ </tbody>
+</table>
+
+<p><dfn><code>serviceworker</code></dfn> メンバーは開発者が PWA を制御するためにインストールする<a href="/en-US/docs/Web/API/Service_Worker_API">サービスワーカー</a>を記述します。</p>
+
+<h2 id="Examples" name="Examples">例</h2>
+
+<pre class="brush: json">"serviceworker": {
+  "src": "./serviceworker.js",
+  "scope": "/app",
+  "type": "",
+  "update_via_cache": "none"
+}
+</pre>
+
+<h2 id="Values" name="Values">値</h2>
+
+<p>サービスワーカーには以下の値が含まれます (<code>src</code> のみが必須です)。</p>
+
+<table class="fullwidth-table standard-table">
+ <thead>
+  <tr>
+   <th scope="col">メンバー</th>
+   <th scope="col">説明</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td><code>src</code></td>
+   <td>サービスワーカーのスクリプトのダウンロード元となる URL。これだけが <code>serviceworker</code> メンバーで必須です。</td>
+  </tr>
+  <tr>
+   <td><code>scope</code></td>
+   <td>サービスワーカーの登録スコープを定義する URL を表す文字列で、サービスワーカーが制御できる URL の範囲を表します。これは通常、アプリケーションのベース URL からの相対 URL です。既定では、サービスワーカー登録のスコープ値は、サービスワーカーのスクリプトが置かれているディレクトリに設定されています。</td>
+  </tr>
+  <tr>
+   <td><code>type</code></td>
+   <td>?</td>
+  </tr>
+  <tr>
+   <td><code>update_via_cache</code></td>
+   <td>
+    <p>ユーザーエージェントがサービスワーカーを読み込むときにキャッシュを回避するかどうかです。</p>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+
+<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div>
+
+<p>{{Compat("html.manifest.serviceworker")}}</p>
diff --git a/files/ja/web/manifest/short_name/index.html b/files/ja/web/manifest/short_name/index.html
new file mode 100644
index 0000000000..9d8b1dc36a
--- /dev/null
+++ b/files/ja/web/manifest/short_name/index.html
@@ -0,0 +1,76 @@
+---
+title: short_name
+slug: Web/Manifest/short_name
+tags:
+  - Manifest
+  - Web
+  - short_name
+  - マニフェスト
+translation_of: Web/Manifest/short_name
+---
+<div>{{QuickLinksWithSubpages("/ja/docs/Web/Manifest")}}</div>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row">型</th>
+   <td><code>String</code></td>
+  </tr>
+  <tr>
+   <th scope="row">必須</th>
+   <td>はい</td>
+  </tr>
+ </tbody>
+</table>
+
+<p><dfn><code>short_name</code></dfn> メンバーは文字列で、 <code><a href="./name">name</a></code> を表示するのに十分なスペースがない場合 (例えば、携帯電話のホーム画面にあるアイコンのラベルなど) に、ユーザーに表示するウェブアプリケーションの名前を表します。 <code>short_name</code> は書字方向に対応しており、 <code><a href="./dir">dir</a></code> および <code><a href="./lang">lang</a></code> の各マニフェストメンバーの値に基づいて左書きで表示されたり右書きで表示されたりします。</p>
+
+<h2 id="Examples" name="Examples">例</h2>
+
+<p>単純な <code>short_name</code> を左書き言語で:</p>
+
+<pre class="brush: json">"name": "Awesome application",
+"short_name": "Awesome app"</pre>
+
+<p>アラビア語で右書きの <code>short_name</code>:</p>
+
+<pre class="brush: json" dir="rtl"><code>"dir": "rtl",
+"lang": "ar",
+"nam</code>e": "تطبيق رائع",
+"short_name": "رائع"
+</pre>
+
+<h2 id="Specification" name="Specification">仕様書</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">仕様書</th>
+   <th scope="col">状態</th>
+   <th scope="col">備考</th>
+   <th scope="col">フィードバック</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>
+    <p>{{SpecName('Manifest', '#short_name-member', 'short_name')}}</p>
+   </td>
+   <td>
+    <p>{{Spec2('Manifest')}}</p>
+   </td>
+   <td>
+    <p>初回定義</p>
+   </td>
+   <td>
+    <p><a href="https://github.com/w3c/manifest/issues/">Web App Manifest Working Group drafts</a></p>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+
+<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div>
+
+<p>{{Compat("html.manifest.short_name")}}</p>
diff --git a/files/ja/web/manifest/start_url/index.html b/files/ja/web/manifest/start_url/index.html
new file mode 100644
index 0000000000..836e94ef03
--- /dev/null
+++ b/files/ja/web/manifest/start_url/index.html
@@ -0,0 +1,77 @@
+---
+title: start_url
+slug: Web/Manifest/start_url
+tags:
+  - Manifest
+  - Web
+  - start_url
+  - マニフェスト
+translation_of: Web/Manifest/start_url
+---
+<div>{{QuickLinksWithSubpages("/ja/docs/Web/Manifest")}}</div>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row">型</th>
+   <td><code>String</code></td>
+  </tr>
+  <tr>
+   <th scope="row">必須</th>
+   <td>いいえ</td>
+  </tr>
+ </tbody>
+</table>
+
+<p><dfn><code>start_url</code></dfn> メンバーは文字列で、<dfn>ウェブアプリケーションの開始 URL</dfn> を表します。 — ユーザーがウェブアプリケーションを起動したとき (例えば、ユーザーが端末のアプリケーションメニューやホーム画面でウェブアプリケーションのアイコンをタップしたときなど) に読み込まれるべき推奨 URL です。</p>
+
+<div class="blockIndicator note">
+<p><strong>注:</strong> <code>start_url</code> メンバーは純粋に参考であり、ユーザーエージェントがこれを無視したり、インストール時やその後でユーザーに変更を許したりすることがあります。</p>
+</div>
+
+<h2 id="Examples" name="Examples">例</h2>
+
+<h3 id="Absolute_URL" name="Absolute_URL">絶対 URL</h3>
+
+<pre class="brush: json notranslate">"start_url": "https://example.com"</pre>
+
+<h3 id="Relative_URL" name="Relative_URL">相対 URL</h3>
+
+<p>相対 URL の場合、解決のためのベース URL にはマニフェストの URL が使われます。</p>
+
+<pre class="brush: json notranslate">"start_url": "../startpoint.html"</pre>
+
+<h2 id="Specification" name="Specification">仕様書</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">仕様書</th>
+   <th scope="col">状態</th>
+   <th scope="col">備考</th>
+   <th scope="col">フィードバック</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>
+    <p>{{SpecName('Manifest', '#start_url-member', 'start_url')}}</p>
+   </td>
+   <td>
+    <p>{{Spec2('Manifest')}}</p>
+   </td>
+   <td>
+    <p>初回定義</p>
+   </td>
+   <td>
+    <p><a href="https://github.com/w3c/manifest/issues/">Web App Manifest Working Group drafts</a></p>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+
+<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div>
+
+<p>{{Compat("html.manifest.start_url")}}</p>
diff --git a/files/ja/web/manifest/theme_color/index.html b/files/ja/web/manifest/theme_color/index.html
new file mode 100644
index 0000000000..bdba26087a
--- /dev/null
+++ b/files/ja/web/manifest/theme_color/index.html
@@ -0,0 +1,66 @@
+---
+title: theme_color
+slug: Web/Manifest/theme_color
+tags:
+  - Manifest
+  - Web
+  - theme_color
+  - マニフェスト
+translation_of: Web/Manifest/theme_color
+---
+<div>{{QuickLinksWithSubpages("/ja/docs/Web/Manifest")}}</div>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row">型</th>
+   <td><code>String</code></td>
+  </tr>
+  <tr>
+   <th scope="row">必須</th>
+   <td>いいえ</td>
+  </tr>
+ </tbody>
+</table>
+
+<p><code>theme_color</code> メンバーは文字列で、アプリケーションの既定のテーマカラーを定義します。これは OS がどのようにサイトを表示するかに影響することがあります (例えば、 Android のタスクスイッチャーでは、サイトの周りにテーマカラーが表示されます)。</p>
+
+<h2 id="Examples" name="Examples">例</h2>
+
+<pre class="brush: json">"theme_color": "red"
+</pre>
+
+<h2 id="Specification" name="Specification">仕様書</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">仕様書</th>
+   <th scope="col">状態</th>
+   <th scope="col">備考</th>
+   <th scope="col">フィードバック</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>
+    <p>{{SpecName('Manifest', '#background_color-member', 'background_color')}}</p>
+   </td>
+   <td>
+    <p>{{Spec2('Manifest')}}</p>
+   </td>
+   <td>
+    <p>初回定義</p>
+   </td>
+   <td>
+    <p><a href="https://github.com/w3c/manifest/issues/">Web App Manifest Working Group drafts</a></p>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+
+<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div>
+
+<p>{{Compat("html.manifest.theme_color")}}</p>