From e5cc868f903c567d4bb1a67ed571f39ecce9f4ca Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Thu, 9 Dec 2021 23:47:32 +0900 Subject: 2021/10/11 時点の英語版に同期 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- files/ja/web/manifest/icons/index.md | 154 ++++++++++++++++------------------- 1 file changed, 71 insertions(+), 83 deletions(-) (limited to 'files/ja/web') diff --git a/files/ja/web/manifest/icons/index.md b/files/ja/web/manifest/icons/index.md index d94edad891..909718fb1c 100644 --- a/files/ja/web/manifest/icons/index.md +++ b/files/ja/web/manifest/icons/index.md @@ -2,32 +2,33 @@ title: icons slug: Web/Manifest/icons tags: - - Icons - - Manifest - - Web + - アイコン - マニフェスト + - ウェブ +browser-compat: html.manifest.icons translation_of: Web/Manifest/icons --- -
{{QuickLinksWithSubpages("/ja/docs/Web/Manifest")}}
+{{QuickLinksWithSubpages("/ja/docs/Web/Manifest")}} - - - - - - - - - - + + + + + + + + + +
型配列 (Array)
必須はい
型配列 (Array)
必須はい
-

icons メンバーは、様々なコンテキストでアプリケーションアイコンとして機能する画像ファイルを表すオブジェクトの配列を指定します。例えば、他のアプリケーションのリストの中でウェブアプリケーションを表現したり、ウェブアプリケーションを OS のタスクマネージャーやシステム環境設定と統合したりするために使用することができます。

+`icons` メンバーは、様々なコンテキストでアプリケーションアイコンとして機能する画像ファイルを表すオブジェクトの配列を指定します。例えば、他のアプリケーションのリストの中でウェブアプリケーションを表現したり、ウェブアプリケーションを OS のタスクマネージャーやシステム環境設定と統合したりするために使用することができます。 -

例

+## 例 -
"icons": [
+```json
+"icons": [
   {
     "src": "icon/lowres.webp",
     "sizes": "48x48",
@@ -45,78 +46,65 @@ translation_of: Web/Manifest/icons
     "src": "icon/hd_hi.svg",
     "sizes": "72x72"
   }
-]
+] +``` -

値

+## 値 -

画像オブジェクトには、次の値を入れることができます。

+画像オブジェクトには、次の値を入れることができます。 - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + +
メンバー説明
sizes画像の寸法を空白区切りで指定する文字列です。
src画像ファイルへのパスです。 src が相対 URL である場合、基準 URL はマニフェストの URL です。
type画像のメディア種別のヒントです。このメンバーは、ユーザーエージェントが対応していないメディア種別の画像を素早く無視することができるようにするためのものです。
purpose -

画像の目的を定義します。例えば、画像がホスト OS の特定の場面で、特別な目的を果たすことを意図している場合などです (すなわち、よりよく統合するため)。

- -

purpose は以下の値を1つ以上、空白で区切って指定することができます。

- -
    -
  • badge: ユーザーエージェントは、アプリケーションアイコンと異なるスペースの制約や色の要件がある場合に、このアイコンを表示することができます。
    • -
  • maskable: 画像がアイコンのマスクと安全領域に配慮して設計されており、画像の安全領域外の部分をユーザーエージェントが無視したりマスクしたりしても安全になるようになっています。
    • -
  • any: ユーザーエージェントはどのような場合でも、自由にこのアイコンを表示することができます (これが既定値です)。
    • -
-
メンバー説明
sizes画像の寸法を空白区切りで指定する文字列です。
src + 画像ファイルへのパスです。 src が相対 URL である場合、基準 URL はマニフェストの URL です。 +
type + 画像のメディア種別のヒントです。このメンバーは、ユーザーエージェントが対応していないメディア種別の画像を素早く無視することができるようにするためのものです。 +
purpose +

+ 画像の目的を定義します。例えば、画像がホスト OS の特定の場面で、特別な目的を果たすことを意図している場合などです (すなわち、よりよく統合するため)。 +

+

+ purpose は以下の値を1つ以上、空白で区切って指定することができます。 +

+
    +
  • monochrome: ユーザーエージェントは、このアイコンを、塗りつぶしのあるモノクロのアイコンが必要なときに表示することができます。アイコンの色情報は破棄され、アルファデータのみが使用されます。アルファデータのみが使用されます。このアイコンは、ユーザーエージェントが塗りつぶしのマスクのように使うことができます。 +
    • +
  • + maskable: 画像がアイコンのマスクと安全領域に配慮して設計されており、画像の安全領域外の部分をユーザーエージェントが無視したりマスクしたりしても安全になるようになっています。 +
    • +
  • + any: ユーザーエージェントはどのような場合でも、自由にこのアイコンを表示することができます (これが既定値です)。 +
    • +
+
-

仕様書

+## 仕様書 - - - - - - - - - - - - - - - - - -
仕様書状態備考フィードバック
-

{{SpecName('Manifest', '#icons-member', 'icons')}}

- 		-

{{Spec2('Manifest')}}

- 		-

初回定義

- 		-

Web App Manifest Working Group drafts

-
+{{Specifications}} -

ブラウザーの互換性

+## ブラウザーの互換性 -

{{Compat("html.manifest.icons")}}

+{{Compat}} -- cgit v1.2.3-54-g00ecf