From 5d067c7f9771a32d2fd8a80c64c1cd655ab338d7 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Thu, 9 Dec 2021 23:36:05 +0900 Subject: Web/Manifest/icons を更新準備 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- files/ja/web/manifest/icons/index.html | 122 --------------------------------- files/ja/web/manifest/icons/index.md | 122 +++++++++++++++++++++++++++++++++ 2 files changed, 122 insertions(+), 122 deletions(-) delete mode 100644 files/ja/web/manifest/icons/index.html create mode 100644 files/ja/web/manifest/icons/index.md (limited to 'files') diff --git a/files/ja/web/manifest/icons/index.html b/files/ja/web/manifest/icons/index.html deleted file mode 100644 index d94edad891..0000000000 --- a/files/ja/web/manifest/icons/index.html +++ /dev/null @@ -1,122 +0,0 @@ ---- -title: icons -slug: Web/Manifest/icons -tags: - - Icons - - Manifest - - Web - - マニフェスト -translation_of: Web/Manifest/icons ---- -
{{QuickLinksWithSubpages("/ja/docs/Web/Manifest")}}
- - - - - - - - - - - - -
型配列 (Array)
必須はい
- -

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

- -

例

- -
"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"
-  }
-]
- -

値

- -

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

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

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

- -

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

- -
    -
  • badge: ユーザーエージェントは、アプリケーションアイコンと異なるスペースの制約や色の要件がある場合に、このアイコンを表示することができます。
    • -
  • maskable: 画像がアイコンのマスクと安全領域に配慮して設計されており、画像の安全領域外の部分をユーザーエージェントが無視したりマスクしたりしても安全になるようになっています。
    • -
  • any: ユーザーエージェントはどのような場合でも、自由にこのアイコンを表示することができます (これが既定値です)。
    • -
-
- -

仕様書

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

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

- 		-

{{Spec2('Manifest')}}

- 		-

初回定義

- 		-

Web App Manifest Working Group drafts

-
- -

ブラウザーの互換性

- -

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

diff --git a/files/ja/web/manifest/icons/index.md b/files/ja/web/manifest/icons/index.md new file mode 100644 index 0000000000..d94edad891 --- /dev/null +++ b/files/ja/web/manifest/icons/index.md @@ -0,0 +1,122 @@ +--- +title: icons +slug: Web/Manifest/icons +tags: + - Icons + - Manifest + - Web + - マニフェスト +translation_of: Web/Manifest/icons +--- +
{{QuickLinksWithSubpages("/ja/docs/Web/Manifest")}}
+ + + + + + + + + + + + +
型配列 (Array)
必須はい
+ +

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

+ +

例

+ +
"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"
+  }
+]
+ +

値

+ +

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

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

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

+ +

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

+ +
    +
  • badge: ユーザーエージェントは、アプリケーションアイコンと異なるスペースの制約や色の要件がある場合に、このアイコンを表示することができます。
    • +
  • maskable: 画像がアイコンのマスクと安全領域に配慮して設計されており、画像の安全領域外の部分をユーザーエージェントが無視したりマスクしたりしても安全になるようになっています。
    • +
  • any: ユーザーエージェントはどのような場合でも、自由にこのアイコンを表示することができます (これが既定値です)。
    • +
+
+ +

仕様書

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

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

+ 		+

{{Spec2('Manifest')}}

+ 		+

初回定義

+ 		+

Web App Manifest Working Group drafts

+
+ +

ブラウザーの互換性

+ +

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

-- cgit v1.2.3-54-g00ecf