diff options
| -rw-r--r-- | files/ja/web/manifest/screenshots/index.md | 89 |
1 files changed, 41 insertions, 48 deletions
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}} |