From e8aad845b091a3f73756a0e4486622f005c09d45 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Thu, 13 Jan 2022 00:39:02 +0900 Subject: Web/Manifest を変換準備 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- files/ja/web/manifest/index.html | 116 --------------------------------------- files/ja/web/manifest/index.md | 116 +++++++++++++++++++++++++++++++++++++++ 2 files changed, 116 insertions(+), 116 deletions(-) delete mode 100644 files/ja/web/manifest/index.html create mode 100644 files/ja/web/manifest/index.md (limited to 'files') diff --git a/files/ja/web/manifest/index.html b/files/ja/web/manifest/index.html deleted file mode 100644 index c4964ce6b0..0000000000 --- a/files/ja/web/manifest/index.html +++ /dev/null @@ -1,116 +0,0 @@ ---- -title: ウェブアプリマニフェスト -slug: Web/Manifest -tags: - - App - - PWA - - Reference - - アプリ - - ウェブ - - マニフェスト - - リファレンス -translation_of: Web/Manifest ---- -
{{QuickLinksWithSubpages("/ja/docs/Web/Manifest")}}
- -
{{SeeCompatTable}}
- -

ウェブアプリマニフェストは、プログレッシブウェブアプリ (PWA) と呼ばれる一連のウェブ技術の一部であり、アプリストアを通さずに端末のホーム画面にインストールすることができるものです。単純なホームスクリーンリンクやブックマークを持つ通常のウェブアプリとは異なり、 PWA は事前にダウンロードしてオフラインでも動作するだけでなく、通常の Web API を使用することもできます。

- -

ウェブアプリマニフェストは、ウェブアプリケーションについて、ウェブアプリをダウンロードしたり、ユーザーにネイティブアプリと同じように見せる (例えば、端末のホーム画面にインストールされ、ユーザーに素早いアクセスと豊かな操作性を提供するなどの) ために必要なの情報を {{Glossary("JSON")}} テキストファイルで提供します。 PWA のマニフェストには、その名前、作者、アイコン、バージョン、説明、および (他のものの中で特に) 必要なすべてのリソースのリストが含まれています。

- - - -

メンバー

- -

ウェブマニフェストは以下のキーを含むことができます。それぞれのリンクをクリックすると詳細情報を見ることができます。

- -

{{ListSubpages("/ja/docs/Web/Manifest")}}

- -

マニフェストの例

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

ウェブアプリマニフェストは、文書の {{HTMLElement("head")}} 内にある {{HTMLElement("link")}} 要素を使用して HTML ページから展開されます。

- -
<link rel="manifest" href="/manifest.webmanifest">
- -
-

注: .webmanifest の拡張子が仕様書の Media type registration の節で指定されています (マニフェストファイルのレスポンスは Content-Type: application/manifest+json を返してください)。ブラウザーは一般に .json (Content-Type: application/json) のような他の適切な拡張子でもマニフェストに対応します。

-
- -
-

注: マニフェストのアクセスに資格情報が必要な場合は、マニフェストファイルが現在のページと同じオリジンにあったとしても、 {{domxref("HTML/CORS_settings_attributes", "crossorigin")}} 属性を use-credentials に設定する必要があります。

-
- -

スプラッシュ画面

- -

Chrome 47 以降では、ホーム画面からサイトが起動されるとスプラッシュ画面が表示されます。スプラッシュ画面はウェブアプリマニフェストのプロパティから、具体的には以下のように自動生成されます。

- - - -

仕様書

- - - - - - - - - - - - - - -
仕様書状態備考
{{SpecName("Manifest")}}{{Spec2("Manifest")}}初回定義
- -

ブラウザーの互換性

- -

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

diff --git a/files/ja/web/manifest/index.md b/files/ja/web/manifest/index.md new file mode 100644 index 0000000000..c4964ce6b0 --- /dev/null +++ b/files/ja/web/manifest/index.md @@ -0,0 +1,116 @@ +--- +title: ウェブアプリマニフェスト +slug: Web/Manifest +tags: + - App + - PWA + - Reference + - アプリ + - ウェブ + - マニフェスト + - リファレンス +translation_of: Web/Manifest +--- +
{{QuickLinksWithSubpages("/ja/docs/Web/Manifest")}}
+ +
{{SeeCompatTable}}
+ +

ウェブアプリマニフェストは、プログレッシブウェブアプリ (PWA) と呼ばれる一連のウェブ技術の一部であり、アプリストアを通さずに端末のホーム画面にインストールすることができるものです。単純なホームスクリーンリンクやブックマークを持つ通常のウェブアプリとは異なり、 PWA は事前にダウンロードしてオフラインでも動作するだけでなく、通常の Web API を使用することもできます。

+ +

ウェブアプリマニフェストは、ウェブアプリケーションについて、ウェブアプリをダウンロードしたり、ユーザーにネイティブアプリと同じように見せる (例えば、端末のホーム画面にインストールされ、ユーザーに素早いアクセスと豊かな操作性を提供するなどの) ために必要なの情報を {{Glossary("JSON")}} テキストファイルで提供します。 PWA のマニフェストには、その名前、作者、アイコン、バージョン、説明、および (他のものの中で特に) 必要なすべてのリソースのリストが含まれています。

+ + + +

メンバー

+ +

ウェブマニフェストは以下のキーを含むことができます。それぞれのリンクをクリックすると詳細情報を見ることができます。

+ +

{{ListSubpages("/ja/docs/Web/Manifest")}}

+ +

マニフェストの例

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

ウェブアプリマニフェストは、文書の {{HTMLElement("head")}} 内にある {{HTMLElement("link")}} 要素を使用して HTML ページから展開されます。

+ +
<link rel="manifest" href="/manifest.webmanifest">
+ +
+

注: .webmanifest の拡張子が仕様書の Media type registration の節で指定されています (マニフェストファイルのレスポンスは Content-Type: application/manifest+json を返してください)。ブラウザーは一般に .json (Content-Type: application/json) のような他の適切な拡張子でもマニフェストに対応します。

+
+ +
+

注: マニフェストのアクセスに資格情報が必要な場合は、マニフェストファイルが現在のページと同じオリジンにあったとしても、 {{domxref("HTML/CORS_settings_attributes", "crossorigin")}} 属性を use-credentials に設定する必要があります。

+
+ +

スプラッシュ画面

+ +

Chrome 47 以降では、ホーム画面からサイトが起動されるとスプラッシュ画面が表示されます。スプラッシュ画面はウェブアプリマニフェストのプロパティから、具体的には以下のように自動生成されます。

+ + + +

仕様書

+ + + + + + + + + + + + + + +
仕様書状態備考
{{SpecName("Manifest")}}{{Spec2("Manifest")}}初回定義
+ +

ブラウザーの互換性

+ +

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

-- cgit v1.2.3-54-g00ecf