Web App Manifest

Web App Manifest

仕様書

利用者インターフェイス

[46] Chrome (Android) では、メニュー → ホーム画面に追加が、 Web App Manifest のあるページではマニフェストに従ったアプリケーションの追加となります。 (それ以外のページでは単にそのページを追加するだけとなります。)

関連

[67] html 要素manifest 属性で指定する AppCache とは無関係です。

歴史

[1] Web Application Manifest Format and Management APIs ( ( 版)) http://dvcs.w3.org/hg/app-manifest/raw-file/tip/index.html

[6] Kickoff application manifest work ( (Marcos Caceres 著, 版)) http://lists.w3.org/Archives/Public/public-webapps/2013AprJun/0639.html

[2] Manifest for Web Applications ( ( 版)) http://www.w3.org/2012/sysapps/manifest/

[3] Manifest for web apps and bookmarks ( ( 版)) http://w3c.github.io/manifest/

[4] Web Manifest ( ( 版)) http://manifest.sysapps.org/

[5] CfC - working on manifest ( (Charles McCathie Nevile 著, 版)) http://lists.w3.org/Archives/Public/public-webapps/2013AprJun/0641.html

[7] Manifest for web apps and bookmarks ( ( 版)) http://www.w3.org/TR/2013/WD-appmanifest-20131217/

[8] Manifest for web apps and bookmarks ( ( 版)) http://manifest.sysapps.org/

[9] Use Cases and Requirements for Installable Web Apps ( ( 版)) http://w3c-webmob.github.io/installable-webapps/

[10] Add manifest and prefetch contexts. https://www.w3.org/Bugs/Public/show_... · ca784a7 · whatwg/fetch ( ( 版)) https://github.com/whatwg/fetch/commit/ca784a76050352fbc4ceb61e39ae71475197398c

[11] Chromium Blog: Chrome 42 Beta: Push Notifications, Promoting Add to Home Screen and ES6 Classes ( 版) http://blog.chromium.org/2015/03/chrome-42-beta-push-notifications_12.html

[12] Manifest for web application ( 版) http://www.w3.org/TR/2015/WD-appmanifest-20150317/

[13] Manifest for web application ( 版) http://www.w3.org/TR/2015/WD-appmanifest-20150320/

[14] Manifest for web application ( 版) http://www.w3.org/TR/2015/WD-appmanifest-20150323/

[15] Manifest for web application ( 版) http://www.w3.org/TR/2015/WD-appmanifest-20150324/

[16] Manifest for a web application ( 版) http://www.w3.org/TR/2015/WD-appmanifest-20150325/

[17] Manifest for a web application ( 版) http://www.w3.org/TR/2015/WD-appmanifest-20150407/

[18] Manifest for a web application ( 版) http://www.w3.org/TR/2015/WD-appmanifest-20150429/

[19] Manifest for a web application ( 版) http://www.w3.org/TR/2015/WD-appmanifest-20150505/

[20] Manifest for a web application ( 版) http://www.w3.org/TR/2015/WD-appmanifest-20150506/

[21] Manifest for a web application ( 版) http://www.w3.org/TR/2015/WD-appmanifest-20150513/

[22] Manifest for a web application ( 版) http://www.w3.org/TR/2015/WD-appmanifest-20150519/

[23] Manifest for a web application ( 版) http://www.w3.org/TR/2015/WD-appmanifest-20150529/

[24] Manifest for a web application ( 版) http://www.w3.org/TR/2015/WD-appmanifest-20150601/

[25] Manifest for a web application ( 版) http://www.w3.org/TR/2015/WD-appmanifest-20150605/

[26] Manifest for a web application ( 版) http://www.w3.org/TR/2015/WD-appmanifest-20150617/

[27] Manifest for a web application ( 版) http://www.w3.org/TR/2015/WD-appmanifest-20150703/

[28] Manifest for a web application ( 版) http://www.w3.org/TR/2015/WD-appmanifest-20150706/

[29] Manifest for a web application ( 版) http://www.w3.org/TR/2015/WD-appmanifest-20150708/

[30] Manifest for a web application ( 版) http://www.w3.org/TR/2015/WD-appmanifest-20150709/

[31] Manifest for a web application ( 版) http://www.w3.org/TR/2015/WD-appmanifest-20150713/

[32] App manifest - App Center | MDN ( 版) https://developer.mozilla.org/en-US/Apps/Build/Manifest

[33] Manifest for a web application ( 版) http://www.w3.org/TR/2015/WD-appmanifest-20150714/

[34] Manifest for a web application ( 版) http://www.w3.org/TR/2015/WD-appmanifest-20150731/

[35] Runtime and Security Model for Web Applications ( 版) http://www.w3.org/TR/2015/NOTE-runtime-20150806/#application-manifest

[36] Manifest for a web application ( 版) http://www.w3.org/TR/2015/WD-appmanifest-20150815/

[37] Manifest for a web application ( 版) http://www.w3.org/TR/2015/WD-appmanifest-20150919/

[38] Manifest for a web application ( 版) http://www.w3.org/TR/2015/WD-appmanifest-20150921/

[39] Rename the spec to "Web App Manifest" to align with the established n… · w3c/manifest@cc2778a ( 版) https://github.com/w3c/manifest/commit/cc2778a702c54dda8419dfaca92693a322d5630f

[40] Web App Manifest ( ( 版)) http://www.w3.org/TR/2015/WD-appmanifest-20151124/

[41] Web App Manifest ( 版) http://www.w3.org/TR/2015/WD-appmanifest-20151125/

[42] Push Notifications on the Open Web | Web Updates - Google Developers ( 版) https://developers.google.com/web/updates/2015/03/push-notifications-on-the-open-web

[43] Web App Manifest ( 版) http://www.w3.org/TR/2015/WD-appmanifest-20151215/

[44] Installable Web Apps with the WebApp Manifest in Chrome for Android | Web Updates - Google Developers ( 版) https://developers.google.com/web/updates/2014/11/Support-for-installable-web-apps-with-webapp-manifest-in-chrome-38-for-Android

[45] アプリマニフェスト - アプリセンター | MDN ( 版) https://developer.mozilla.org/ja/Apps/Manifest

[47] Using app install banners | Web Fundamentals - Google Developers ( 版) https://developers.google.com/web/fundamentals/engage-and-retain/simplified-app-installs/

Once you have the manifest created and and on your site, all you need to do is add a link tag to all the pages that encompass your web app as follows.

[48] Add to Homescreen - Google Chrome ( 版) https://developer.chrome.com/multidevice/android/installtohomescreen

Since Chrome 31, you can set up your web app to have an application shortcut icon added to a device's homescreen, and have the app launch in full-screen "app mode" using Chrome for Android’s "Add to homescreen" menu item.

New in Chrome 39, you can define the metadata associated with your web application in a JSON-based manifest. The manifest provides a way to wrap metadata about a web application into a single file. Using this metadata in conjunction with Add to Homescreen, you can create launch experiences more comparable to native applications.

[49] Web Manifest Validator ( 版) https://manifest-validator.appspot.com/

[50] Do more with app install banners | Web Fundamentals - Google Developers ( 版) https://developers.google.com/web/fundamentals/engage-and-retain/simplified-app-installs/advanced?hl=en

[54] >>50 次の日にアクセスしないと追加しますか?がまったく出ないのでつらい (一応開発用に常に出す設定があるらしいが...)。 しかも一度出ても、利用者が無視したら、もう出ない (また次の日になったら出るのかな)。 利用者の邪魔にならない配慮なのかもしれないけど、 利用者も迂闊に見逃せないからつらいと思う。 初日にまったく出ないのも、利用者が良いと思った好機を逃してしまうわけで...

[55] >>50 ドキュメントで指定されたサイズの画像が存在しないと出ない。 Service Worker が登録されていないと出ない。 Service Worker は特にすることがないので要らなそうに思えるのだけど、 次の日判定か何かに内部的に使っているのだろうか。謎い。

[56] >>54 その次の日になったけど出なかった...

[51] Web App Manifest ( 版) https://www.w3.org/TR/2016/WD-appmanifest-20160119/

[52] w3c/manifest ( 版) https://github.com/w3c/manifest

[57] Web App Manifest ( 版) https://www.w3.org/TR/2016/WD-appmanifest-20160127/

[58] w3c-webmob/installable-webapps: Use cases and requirements for installable web apps ( 版) https://github.com/w3c-webmob/installable-webapps

[59] Use Cases and Requirements for Installable Web Apps ( 版) https://w3c-webmob.github.io/installable-webapps/

[60] Web App Manifest ( 版) https://www.w3.org/TR/2016/WD-appmanifest-20160312/

[61] Web App Manifest ( 版) https://www.w3.org/TR/2016/WD-appmanifest-20160315/

[62] Web App Manifest ( 版) https://www.w3.org/TR/2016/WD-appmanifest-20160324/

[63] Web App Manifest ( 版) https://www.w3.org/TR/2016/WD-appmanifest-20160331/

[64] Web App Manifest ( 版) https://www.w3.org/TR/2016/WD-appmanifest-20160404/

[65] Web App Manifest ( 版) https://www.w3.org/TR/2016/WD-appmanifest-20160405/

[66] Web App Manifest ( 版) https://www.w3.org/TR/2016/WD-appmanifest-20160414/

[68] Web App Manifest ( 版) https://www.w3.org/TR/2016/WD-appmanifest-20160421/

[69] Web App Manifest ( 版) https://www.w3.org/TR/2016/WD-appmanifest-20160422/

[70] Web App Manifest ( 版) https://www.w3.org/TR/2016/WD-appmanifest-20160426/

[71] What are the Criteria? | Web Fundamentals - Google Developers ( ()) https://developers.google.com/web/fundamentals/engage-and-retain/app-install-banners/web-app-install-banners?hl=en

Chrome will automatically display the banner when your app meets the following criteria:

Has a web app manifest file with:

a short_name (used on the home screen)

a name (used in the banner)

a 144x144 png icon (the icon declarations must include a mime type of image/png)

a start_url that loads

Has a service worker registered on your site.

Is served over HTTPS (a requirement for using Service Worker).

Is visited at least twice, with at least five minutes between visits.

[72] Native app Install Banners | Web Fundamentals - Google Developers ( ()) https://developers.google.com/web/fundamentals/engage-and-retain/app-install-banners/native-app-install?hl=en

Native App install banners are similar to Web app install banners, but instead of adding to the home screen will let the user install your native app without leaving your site.

Native app install banner flow

Criteria to Show the Banner

The criteria is similar to the Web App install banner except for the need of a service worker. Your site must:

Have a web app manifest file with:

a short_name

a name (used in the banner prompt)

a 144x144 png icon, your icon declaration’s should include a mime type of image/png

a related_applications object with information about the app

Be served over HTTPS

Be visited by the user twice, over two separate days during the course of two weeks.

[73] Web App Manifest ( ()) https://www.w3.org/TR/2016/WD-appmanifest-20160518/

[74] Web App Manifest ( ()) https://www.w3.org/TR/2016/WD-appmanifest-20160519/

[75] Web App Manifest ( ()) https://www.w3.org/TR/2016/WD-appmanifest-20160609/

[76] Web App Manifest () https://www.w3.org/TR/2016/WD-appmanifest-20160629/

[77] Web App Manifest () https://www.w3.org/TR/2016/WD-appmanifest-20160714/

[78] Web App Manifest () https://www.w3.org/TR/2016/WD-appmanifest-20160805/

[79] Web App Manifest () https://www.w3.org/TR/2016/WD-appmanifest-20160809/

[80] Web App Manifest () https://www.w3.org/TR/2016/WD-appmanifest-20160812/

[81] Web App Manifest () https://www.w3.org/TR/2016/WD-appmanifest-20160825/

[82] Web App Manifest () https://www.w3.org/TR/2016/WD-appmanifest-20160901/

[83] Web App Manifest () https://www.w3.org/TR/2016/WD-appmanifest-20160912/

[84] Web App Manifest () https://www.w3.org/TR/2016/WD-appmanifest-20161007/

[85] Web App Manifest () https://www.w3.org/TR/2016/WD-appmanifest-20161013/

[86] Web App Manifest () https://www.w3.org/TR/2016/WD-appmanifest-20161103/

[87] Web App Manifest () https://www.w3.org/TR/2016/WD-appmanifest-20161107/

[88] Web App Manifest () https://www.w3.org/TR/2016/WD-appmanifest-20161108/

[89] Web App Manifest () https://www.w3.org/TR/2016/WD-appmanifest-20161110/

[90] Web App Manifest () https://www.w3.org/TR/2016/WD-appmanifest-20161114/

[91] Web App Manifest () https://www.w3.org/TR/2016/WD-appmanifest-20161130/

[92] Web App Manifest () https://www.w3.org/TR/2016/WD-appmanifest-20161205/

[93] Web App Manifest () https://www.w3.org/TR/2016/WD-appmanifest-20161206/

[94] Web App Manifest () https://www.w3.org/TR/2016/WD-appmanifest-20161212/

[95] Web App Manifest () https://www.w3.org/TR/2017/WD-appmanifest-20170104/

[96] Web App Manifest () https://www.w3.org/TR/2017/WD-appmanifest-20170117/

[97] Web App Manifest () https://www.w3.org/TR/2017/WD-appmanifest-20170124/

[98] deprecate gh-pages in favor of echidna (#494) (patrickkettner著, ) https://github.com/w3c/manifest/commit/040e8f2ea625d02ca9c75b0b9e5585e7109987e6

[99] Web App Manifest () https://www.w3.org/TR/2017/WD-appmanifest-20170129/

[100] fix various things reverting back to gh-pages (#546) (marcoscaceres著, ) https://github.com/w3c/manifest/commit/83a4c81ee10ee4189f6f4288a3fedbcdf42330a8

[101] example: update example to reflect modern times. (marcoscaceres著, ) https://github.com/w3c/manifest/pull/546/commits/a9179a1bb603e76400ae736c5865619de8627b6b

[102] こんなところで反トランプやるの???

[103] Removed country specificity (#548) (hexalys著, ) https://github.com/w3c/manifest/commit/f1bdcca278719400df04e1242da36c8629448929

[104] 突っ込みどころはそこなの???

[105] Resist, but not so much. (marcoscaceres著, ) https://github.com/w3c/manifest/commit/1241cd7a0ca5b44a76a7a49a57c3106e9a64270a

[106] Web App Manifest () https://www.w3.org/TR/2017/WD-appmanifest-20170130/

[107] style: less resistance (marcoscaceres著, ) https://github.com/w3c/manifest/commit/737c006eb283f4caf162053628ecd30387d031cf

[108] Web App Manifest () https://www.w3.org/TR/2017/WD-appmanifest-20170302/

[109] Web App Manifest () https://www.w3.org/TR/2017/WD-appmanifest-20170317/

[110] Web App Manifest () https://www.w3.org/TR/2017/WD-appmanifest-20170319/

[111] Web App Manifest () https://www.w3.org/TR/2017/WD-appmanifest-20170415/

[112] Web App Manifest () https://www.w3.org/TR/2017/WD-appmanifest-20170502/

[113] Use UTF-8 decode when obtaining a manifest (anssiko著, ) https://github.com/w3c/manifest/commit/e64847088d4b47751ee27f0d711e4917e54a6a0d

[114] Web App Manifest () https://www.w3.org/TR/2017/WD-appmanifest-20170503/

[115] Web App Manifest () https://www.w3.org/TR/2017/WD-appmanifest-20170505/

[116] Web Publications for the Open Web Platform: Vision And Technical Challenges () https://w3c.github.io/dpub-pwp/#simple_algorithm

If the headers include an entry of the form LINK <URI>; rel="manifest" (see [rfc5988]) then issue an HTTP GET URI request.

If that response is successful, the algorithm stops by returning the response message body to the caller as the PWP manifest.

[117] Web Publications for the Open Web Platform: Vision And Technical Challenges () https://w3c.github.io/dpub-pwp/#simple_algorithm

If the HTML content includes a <link rel="manifest" href="URI"> in the header:

Issue a HTTP GET URI request

If the response is successful, the algorithm stops by returning the response message body to the caller as the PWP manifest.

[118] Web App Manifest () https://www.w3.org/TR/2017/WD-appmanifest-20170509/

[119] Web App Manifest () https://www.w3.org/TR/2017/WD-appmanifest-20170510/

[120] Web App Manifest () https://www.w3.org/TR/2017/WD-appmanifest-20170608/

[121] Web App Manifest () https://www.w3.org/TR/2017/WD-appmanifest-20170628/

[122] Web App Manifest () https://www.w3.org/TR/2017/WD-appmanifest-20170726/

[123] Web App Manifest () https://www.w3.org/TR/2017/WD-appmanifest-20170727/

[124] Web App Manifest () https://www.w3.org/TR/2017/WD-appmanifest-20170807/

[125] Web App Manifest () https://www.w3.org/TR/2017/WD-appmanifest-20170808/

[126] Web App Manifest () https://www.w3.org/TR/2017/WD-appmanifest-20170811/

[127] Web App Manifest () https://www.w3.org/TR/2017/WD-appmanifest-20170814/

[128] Web App Manifest () https://www.w3.org/TR/2017/WD-appmanifest-20170828/

[129] Welcome to a new editor for Web App Manifest (Léonie Watson著, ) https://lists.w3.org/Archives/Public/public-webapps/2017JulSep/0033.html

[130] Web App Manifest () https://www.w3.org/TR/2017/WD-appmanifest-20170905/

[131] Web App Manifest () https://www.w3.org/TR/2017/WD-appmanifest-20170906/

[132] Web App Manifest () https://www.w3.org/TR/2017/WD-appmanifest-20170907/

[133] Add IDL section and define IDL for all the members (kenchris著, ) https://github.com/w3c/manifest/commit/c434135ba721947e4782b86286675a3e88b11033

[134] Revert "Add IDL section and define IDL for all the members" (kenchris著, ) https://github.com/w3c/manifest/commit/e0e053f2f7b7e0a977b27c6870b102a27585ea2e

[135] Web App Manifest () https://www.w3.org/TR/2017/WD-appmanifest-20170920/

[136] Web App Manifest () https://www.w3.org/TR/2017/WD-appmanifest-20170922/

[137] Web App Manifest () https://www.w3.org/TR/2017/WD-appmanifest-20171026/

[138] Web App Manifest () https://www.w3.org/TR/2017/WD-appmanifest-20171129/

[139] Web App Manifest () https://www.w3.org/TR/2018/WD-appmanifest-20180117/

[140] Web App Manifest () https://www.w3.org/TR/2018/WD-appmanifest-20180118/

[141] Web App Manifest () https://www.w3.org/TR/2018/WD-appmanifest-20180129/

[142] Web App Manifest () https://www.w3.org/TR/2018/WD-appmanifest-20180130/

[143] Web App Manifest () https://www.w3.org/TR/2018/WD-appmanifest-20180202/

[144] New Manifest editor: Matt Giuca (Chaals McCathie Nevile著, ) https://lists.w3.org/Archives/Public/public-webapps/2018JanMar/0011.html

[145] Web App Manifest () https://www.w3.org/TR/2018/WD-appmanifest-20180117/

[146] Web App Manifest () https://www.w3.org/TR/2018/WD-appmanifest-20180129/

[147] Web App Manifest () https://www.w3.org/TR/2018/WD-appmanifest-20180130/

[148] Web App Manifest () https://www.w3.org/TR/2018/WD-appmanifest-20180202/

[149] Web App Manifest () https://www.w3.org/TR/2018/WD-appmanifest-20180507/

[150] Web App Manifest () https://www.w3.org/TR/2018/WD-appmanifest-20180508/

[151] Web App Manifest () https://www.w3.org/TR/2018/WD-appmanifest-20180523/

[152] Added an Uninstallation section. (mgiuca著, ) https://github.com/w3c/manifest/commit/128fbca3bf6eb1e4f144d70b32ce8c2b260b7241

[153] Use case for appuninstall event · Issue #636 · w3c/manifest () https://github.com/w3c/manifest/issues/636

[154] Added an Uninstallation section. by mgiuca · Pull Request #678 · w3c/manifest () https://github.com/w3c/manifest/pull/678

[155] Web App Manifest () https://www.w3.org/TR/2018/WD-appmanifest-20180524/

[156] Web App Manifest () https://www.w3.org/TR/2018/WD-appmanifest-20180614/

[157] Web App Manifest () https://www.w3.org/TR/2018/WD-appmanifest-20180622/

[158] Web App Manifest () https://www.w3.org/TR/2018/WD-appmanifest-20180704/

[159] Web App Manifest () https://www.w3.org/TR/2018/WD-appmanifest-20180719/

[160] GoogleChromeLabs/pwacompat: PWACompat to bring Web App Manifest to older browsers () https://github.com/GoogleChromeLabs/pwacompat

PWACompat is a library that brings the Web App Manifest to non-compliant browsers for better Progressive Web Apps. If you've created a manifest.webmanifest but want to have wide support everywhere else—through legacy HTML tags for icons and theming—look no further 👍

[161] PWACompat: the Web App Manifest for all browsers  |  Web  |  Google Developers () https://developers.google.com/web/updates/2018/07/pwacompat

[162] Web App Manifest () https://www.w3.org/TR/2018/WD-appmanifest-20180828/

[163] Web App Manifest () https://www.w3.org/TR/2018/WD-appmanifest-20180830/

[164] Web App Manifest () https://www.w3.org/TR/2018/WD-appmanifest-20180831/

[165] Web App Manifest () https://www.w3.org/TR/2018/WD-appmanifest-20180903/

[166] Web App Manifest () https://www.w3.org/TR/2018/WD-appmanifest-20180904/

[167] Web App Manifest () https://www.w3.org/TR/2018/WD-appmanifest-20180905/

[168] Web App Manifest () https://www.w3.org/TR/2018/WD-appmanifest-20180906/

[169] Web App Manifest () https://www.w3.org/TR/2018/WD-appmanifest-20180523/

[170] Added an Uninstallation section. (mgiuca著, ) https://github.com/w3c/manifest/commit/128fbca3bf6eb1e4f144d70b32ce8c2b260b7241

[171] Added an Uninstallation section. by mgiuca · Pull Request #678 · w3c/manifest () https://github.com/w3c/manifest/pull/678

[172] Web App Manifest () https://www.w3.org/TR/2018/WD-appmanifest-20180524/