From a7c8273ce49ee2000061a62dd848f4c1bfa7d989 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Thu, 13 Jan 2022 03:09:28 +0900
Subject: 2021/12/24 時点の英語版に同期
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
files/ja/web/manifest/screenshots/index.md | 89 ++++++++++++++----------------
1 file changed, 41 insertions(+), 48 deletions(-)
(limited to 'files/ja')
diff --git a/files/ja/web/manifest/screenshots/index.md b/files/ja/web/manifest/screenshots/index.md
index f73961106d..61c8250be0 100644
--- a/files/ja/web/manifest/screenshots/index.md
+++ b/files/ja/web/manifest/screenshots/index.md
@@ -2,72 +2,65 @@
title: screenshots
slug: Web/Manifest/screenshots
tags:
- - Manifest
+ - マニフェスト
- Screenshots
- - Web
+ - ウェブ
+browser-compat: html.manifest.screenshots
translation_of: Web/Manifest/screenshots
---
-<div>{{QuickLinksWithSubpages("/ja/docs/Web/Manifest")}}</div>
+{{QuickLinksWithSubpages("/ja/docs/Web/Manifest")}}
<table class="properties">
- <tbody>
- <tr>
- <th scope="row">型</th>
- <td><code>Object</code></td>
- </tr>
- <tr>
- <th scope="row">必須</th>
- <td>いいえ</td>
- </tr>
- </tbody>
+ <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>
+`screenshots` メンバーはアプリケーションのショーケースに向けたスクリーンショットの配列を定義します。これらの画像はプログレッシブウェブアプリストアで使用することを意図しています。
-<h2 id="Examples" name="Examples">例</h2>
+## 例
-<pre class="brush: json">"screenshots" : [
+```json
+"screenshots" : [
{
"src": "screenshot1.webp",
"sizes": "1280x720",
- "type": "image/webp"
+ "type": "image/webp",
+ "platform": "wide",
+ "label": "Homescreen of Awesome App"
},
{
"src": "screenshot2.webp",
"sizes": "1280x720",
- "type": "image/webp"
+ "type": "image/webp",
+ "platform": "wide",
+ "label": "List of Awesome Resources available in Awesome App"
}
-]</pre>
+]
+```
-<h2 id="Specification" name="Specification">仕様書</h2>
+`label` メンバーは、スクリーンショットのアクセス可能な名前として機能する文字列です。また、スクリーンショットの代替テキストとして使用することもできます。
-<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>
+また、 `platform` メンバーは文字列で、特定のスクリーンショットを適用する配信プラットフォームを定義することができます。定義されていない場合、ユーザーエージェントはスクリーンショットのアスペクト比を使用して表示することができます。
+
+`platform` メンバーには、以下の汎用的な値のいずれかを設定することができます。
+
+- `wide` : ワイドスクリーンにのみ適用されるスクリーンショット用 (例: ステータスボード)。
+- `narrow` : 狭いスクリーンショット用 (例: モバイル端末、ウェアラブル)。
+
+また、特定の OS で表示するスクリーンショットには `android`、`chromeos`、`ios`、`kaios`、`macos`、`windows`、`xbox` を、特定のアプリケーション配信プラットフォームで表示するスクリーンショットには `chrome_web_store`、`play`、`iTunes`、`microsoft-inbox`、`microsoft-store` を設定することができます。
+
+## 仕様書
+
+{{Specifications}}
-<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+## ブラウザーの互換性
-<p>{{Compat("html.manifest.screenshots")}}</p>
+{{Compat}}
--
cgit v1.2.3-54-g00ecf