{"id":10293,"date":"2019-11-26T06:15:07","date_gmt":"2019-11-25T21:15:07","guid":{"rendered":"https:\/\/www.suzukikenichi.com\/blog\/?p=10293"},"modified":"2019-11-26T05:37:56","modified_gmt":"2019-11-25T20:37:56","slug":"highlights-of-pwa-from-chromedevsummit-2019","status":"publish","type":"post","link":"https:\/\/www.suzukikenichi.com\/blog\/highlights-of-pwa-from-chromedevsummit-2019\/","title":{"rendered":"\u30a2\u30d7\u30ea\u3068\u540c\u7b49\u306eUX\u3092\u30a6\u30a7\u30d6\u3067\u3082\u63d0\u4f9b\u3059\u308b\u3001PWA\u6700\u65b0\u4e8b\u60c5 from #ChromeDevSummit 2019"},"content":{"rendered":"<p class=\"p20-b al-r small\">[\u30ec\u30d9\u30eb: \u4e0a\u7d1a]<\/p>\n<p>\u3053\u306e\u8a18\u4e8b\u3067\u306f\u3001<a href=\"https:\/\/developer.chrome.com\/devsummit\/\">Chrome Dev Summit<\/a> 2019 \u306e PWA \u95a2\u9023\u30bb\u30c3\u30b7\u30e7\u30f3\u306e\u30cf\u30a4\u30e9\u30a4\u30c8\u3092\u30ec\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002<\/p>\n<p>\u50d5\u306f\u30c7\u30d9\u30ed\u30c3\u30d1\u30fc\u3067\u306f\u306a\u3044\u306e\u3067\u6280\u8853\u7684\u306a\u90e8\u5206\u3001\u7279\u306b\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u306b\u3064\u3044\u3066\u306f\u8a00\u53ca\u3057\u307e\u305b\u3093\u3002<br \/>\u30c6\u30af\u30cb\u30ab\u30eb\u306a\u5185\u5bb9\u306f\u8a18\u4e8b\u6700\u5f8c\u3067\u7d39\u4ecb\u3059\u308b\u52d5\u753b\u3067\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\u3002<\/p>\n<p>\u3067\u306f\u3001PWA \u306e\u6700\u65b0\u4e8b\u60c5\u3092\u4e00\u7dd2\u306b\u898b\u3066\u3044\u304d\u307e\u3057\u3087\u3046\uff01<\/p>\n<div class=\"p60-b\"><img decoding=\"async\" itemprop=\"image\" loading=\"lazy\" class=\"bdr\" src=\"https:\/\/www.suzukikenichi.com\/images\/cds-pwa2.jpg\" alt=\"PWA Session at Chrome Dev Summit 2019\" width=\"1800\" height=\"1245\" \/><\/div>\n<h2>\u30a6\u30a7\u30d6\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3068\u3057\u3066\u306e PWA<\/h2>\n<p>\u65b0\u8208\u56fd\u306e\u3088\u3046\u306a\u901a\u4fe1\u74b0\u5883\u304c\u6574\u3063\u3066\u3044\u306a\u3044\u56fd\u3005\u3067\u3082\u30a6\u30a7\u30d6\u3092\u5229\u7528\u3057\u3084\u3059\u304f\u3059\u308b\u3002<br \/>\u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3\u3084 PC \u306a\u3069\u3042\u3089\u3086\u308b\u30c7\u30d0\u30a4\u30b9\u3067\u30a6\u30a7\u30d6\u306b\u30a2\u30af\u30bb\u30b9\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3002<br \/>\u30cd\u30a4\u30c6\u30a3\u30d6\u30a2\u30d7\u30ea\u3068\u540c\u7b49\u306a\u6a5f\u80fd\u3092\u30a6\u30a7\u30d6\u30a2\u30d7\u30ea\u3067\u3082\u63d0\u4f9b\u3059\u308b\u3053\u3068\u304c\u91cd\u8981\u3002<\/p>\n<h3>airbnb \u4e8b\u4f8b<\/h3>\n<p>airbnb \u306f\u30cd\u30a4\u30c6\u30a3\u30d6\u30a2\u30d7\u30ea\u304b\u3089 PWA \u30b5\u30a4\u30c8\u3067\u306e\u30b5\u30fc\u30d3\u30b9\u63d0\u4f9b\u306b\u79fb\u884c\u3057\u305f\u3002<br \/>\u305d\u306e\u7d50\u679c\u3001\u521d\u56de\u8a2a\u554f\u30e6\u30fc\u30b6\u30fc\u306e 65 % \u306f\u30a6\u30a7\u30d6\u7d4c\u7531\u306b\u306a\u3063\u305f\u3002<\/p>\n<p><strong>\u6210\u679c:<\/strong><\/p>\n<ul class=\"p40-b\">\n<li>\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\uff08\u8aad\u307f\u8fbc\u307f\u901f\u5ea6\uff09\u304c 2.5 % \u6539\u5584<\/li>\n<li>\u30b3\u30f3\u30d0\u30fc\u30b8\u30e7\u30f3\u7387\u304c 23 % \u4e0a\u6607<\/li>\n<\/ul>\n<h2>\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u6027<\/h2>\n<p>PWA \u306f\u30cd\u30a4\u30c6\u30a3\u30d6\u30a2\u30d7\u30ea\u306e\u3088\u3046\u306b\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u53ef\u80fd\u3002<\/p>\n<p><img decoding=\"async\" itemprop=\"image\" loading=\"lazy\" src=\"https:\/\/www.suzukikenichi.com\/images\/Screenshot_20191121-183616_framed.png\" alt=\"\u30db\u30fc\u30e0\u753b\u9762\u30a2\u30a4\u30b3\u30f3\u8ffd\u52a0\" width=\"450\" height=\"837\" \/><\/p>\n<p>\u30e2\u30d0\u30a4\u30eb\u306b\u52a0\u3048\u3066\u73fe\u5728\u306f PC \u3067\u3082 PWA \u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u53ef\u80fd\u3002<\/p>\n<p><img decoding=\"async\" itemprop=\"image\" loading=\"lazy\" class=\"bdr\" src=\"https:\/\/www.suzukikenichi.com\/images\/desktop-pwa-a2hs.png\" alt=\"\u30c7\u30b9\u30af\u30c8\u30c3\u30d7 PWA\" width=\"633\" height=\"280\" \/><\/p>\n<p>\u30c7\u30b9\u30af\u30c8\u30c3\u30d7 PWA \u306f Windows \u3068 Mac\u3001Linux\u3001Chrome OS \u3067\u30b5\u30dd\u30fc\u30c8\u3002<\/p>\n<h3>PWA \u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u306b\u5fc5\u8981\u306a\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8<\/h3>\n<p>PWA \u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u306b\u306f\u6b21\u306e 3 \u3064\u306e\u69cb\u6210\u3068\u8981\u56e0\u304c\u5fc5\u8981\u3002<\/p>\n<ul>\n<li>\u3057\u304d\u3044\u5024<\/li>\n<li>\u30de\u30cb\u30d5\u30a7\u30b9\u30c8 \u30d5\u30a1\u30a4\u30eb<\/li>\n<li>Service Worker\uff08\u30aa\u30d5\u30e9\u30a4\u30f3\u6a5f\u80fd\u306e\u305f\u3081\uff09<\/li>\n<\/ul>\n<h3>\u30a2\u30a4\u30b3\u30f3<\/h3>\n<p>128 px\u3001192 px\u3001512 px \u306a\u3069\u8907\u6570\u306e\u30b5\u30a4\u30ba\u306e\u30a2\u30a4\u30b3\u30f3\u3092\u6e96\u5099\u3057\u3066\u304a\u304f\u3002<br \/>\n\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u306b\u3088\u3063\u3066\u4e38\u578b\u3001\u89d2\u4e38\u578b\u306a\u3069\u306e\u30a2\u30a4\u30b3\u30f3\u306b\u5f62\u304c\u5909\u308f\u308b\u306e\u3067\u3001\u3069\u3093\u306a\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3082\u304d\u308c\u3044\u306b\u8868\u793a\u3055\u308c\u308b\u3088\u3046\u306b\u7e01\u304b\u3089 80 % \u306e\u4e2d\u306b\u53ce\u3081\u308b\u3002<\/p>\n<h3>\u5bfe\u5fdc\u30d6\u30e9\u30a6\u30b6<\/h3>\n<p>\u30db\u30fc\u30e0\u753b\u9762\u30a2\u30a4\u30b3\u30f3\u3092\u73fe\u5728\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u3044\u308b\u30d6\u30e9\u30a6\u30b6\u306f\u6b21\u306e\u3068\u304a\u308a\u3002<\/p>\n<ul>\n<li>Chrome<\/li>\n<li>Firefox<\/li>\n<li>Safari<\/li>\n<li>Microsoft Edge<\/li>\n<li>Samsung Internet<\/li>\n<\/ul>\n<h3 class=\"p40-b\">iOS \u306e\u72b6\u6cc1<\/h3>\n<p>iOS 13 \u4ee5\u4e0a\u306e\u30a2\u30a4\u30b3\u30f3\u8ffd\u52a0\u306f\u5b9f\u7528\u7684\u306b\u306a\u3063\u3066\u3044\u308b\u3002<\/p>\n<ul class=\"p40-b\">\n<li>\u30ab\u30b9\u30bf\u30e0 \u30b9\u30d7\u30e9\u30c3\u30b7\u30e5\u30b9\u30af\u30ea\u30fc\u30f3\u306f\u30aa\u30d7\u30b7\u30e7\u30f3\uff08iOS \u304c\u3084\u3063\u3066\u304f\u308c\u308b\uff09<\/li>\n<li>\u30de\u30cb\u30d5\u30a7\u30b9\u30c8\u30d5\u30a1\u30a4\u30eb\u306f\u5b8c\u5168\u306b\u306f\u30b5\u30dd\u30fc\u30c8\u3055\u308c\u3066\u3044\u306a\u3044\n<ul>\n<li>iOS \u30b5\u30a4\u30ba\u306e\u30a2\u30a4\u30b3\u30f3\u306f meta \u30bf\u30b0\u3067\u306e\u8a2d\u5b9a\u304c\u5fc5\u8981<\/li>\n<li>\u30b9\u30bf\u30f3\u30c9\u30a2\u30ed\u30fc\u30f3\u304b\u30d5\u30eb\u30b9\u30af\u30ea\u30fc\u30f3\u304b\u306f meta \u30bf\u30b0\u3067\u6307\u5b9a<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h2>\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb \u30d7\u30ed\u30f3\u30d7\u30c8\u306e\u30ab\u30b9\u30bf\u30de\u30a4\u30ba<\/h2>\n<h3>\u30cd\u30a4\u30c6\u30a3\u30d6\u30a2\u30d7\u30ea\u30e6\u30fc\u30b6\u30fc<\/h3>\n<p>\u30cd\u30a4\u30c6\u30a3\u30d6\u30a2\u30d7\u30ea\u3092\u3059\u3067\u306b\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u3066\u3044\u308b\u3068\u304d\u306f\u3001PWA \u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3092\u4fc3\u3055\u306a\u3044\u3088\u3046\u306b\u3067\u304d\u308b\u3002<br \/><code><a href=\"https:\/\/web.dev\/get-installed-related-apps\/\">getInstalledRelatedApps<\/a><\/code> API \u306e\u30aa\u30ea\u30b8\u30f3\u30c8\u30e9\u30a4\u30a2\u30eb\u3092\u958b\u59cb\u3002<\/p>\n<h3>Mini infobar \u975e\u8868\u793a<\/h3>\n<p><code>beforeinstallprompt<\/code> \u30a4\u30d9\u30f3\u30c8\u3067 <code>preventDefault ()<\/code> \u3092\u547c\u3073\u51fa\u3059\u3068<a href=\"https:\/\/developers.google.com\/web\/updates\/2019\/05\/mini-infobar-update\">\u30df\u30cb\u30a4\u30f3\u30d5\u30a9\u30d0\u30fc\u3092\u8868\u793a\u3057\u306a\u3044\u3088\u3046\u306b\u3067\u304d\u308b<\/a>\u3002<\/p>\n<p><img decoding=\"async\" itemprop=\"image\" loading=\"lazy\" class=\"bdr\" src=\"https:\/\/www.suzukikenichi.com\/images\/hide-mini-infobar.png\" alt=\"\u30df\u30cb \u30a4\u30f3\u30d5\u30a9\u30d0\u30fc\" width=\"500\" height=\"445\" \/><\/p>\n<h3>iOS<\/h3>\n<p>iOS \u306e Safari \u3067\u3082\u30db\u30fc\u30e0\u753b\u9762\u30a2\u30a4\u30b3\u30f3\u8ffd\u52a0\u306e\u30d7\u30ed\u30f3\u30d7\u30c8\u3092\u8868\u793a\u3059\u308b\u3053\u3068\u304c\u53ef\u80fd\u3002<\/p>\n<p><img decoding=\"async\" itemprop=\"image\" loading=\"lazy\" class=\"bdr\" src=\"https:\/\/www.suzukikenichi.com\/images\/install-porompt-ios.png\" alt=\"iOS Safari \u306e PWA \u30a4\u30f3\u30b9\u30c8\u30fc\u30eb \u30d7\u30ed\u30f3\u30d7\u30c8\" width=\"371\" height=\"758\" \/><\/p>\n<p>[\u3059\u305a\u304d\u88dc\u8db3: \u4efb\u610f\u306e\u30d7\u30ed\u30f3\u30d7\u30c8\u3092 Safari \u3067\u8868\u793a\u3059\u308b API \u306e\u3088\u3046\u306a\u3082\u306e\u304c\u63d0\u4f9b\u3055\u308c\u3066\u3044\u308b\u308f\u3051\u3067\u306f\u306a\u304f\u3066\u3001\u72ec\u81ea\u306e\u65b9\u6cd5\u3067\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3067\u304d\u308b\u3068\u3044\u3046\u3053\u3068\u3089\u3057\u3044\u3067\u3059]<\/p>\n<h3>PWA \u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u306e\u30d1\u30bf\u30fc\u30f3<\/h3>\n<p>PWA \u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u30d7\u30ed\u30f3\u30d7\u30c8\u306f\u30d1\u30bf\u30fc\u30f3\u3092\u5909\u3048\u3089\u308c\u308b\u3002<\/p>\n<h4>\u56fa\u5b9a\u30d8\u30c3\u30c0\u30fc\u578b<\/h4>\n<p>\u30d8\u30c3\u30c0\u30fc\u306b\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u30dc\u30bf\u30f3\u3092\u5e38\u306b\u8a2d\u7f6e\u3002<br \/>\n<img decoding=\"async\" itemprop=\"image\" loading=\"lazy\" src=\"https:\/\/www.suzukikenichi.com\/images\/header.png\" alt=\"\u56fa\u5b9a\u30d8\u30c3\u30c0\u30fc\u578b\" width=\"500\" height=\"625\" \/><\/p>\n<h4>\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3 \u30e1\u30cb\u30e5\u30fc\u578b<\/h4>\n<p>\u30e1\u30cb\u30e5\u30fc\u306e\u4e2d\u306b\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u30dc\u30bf\u30f3\u3092\u8a2d\u7f6e\u3002<br \/>\n<img decoding=\"async\" itemprop=\"image\" loading=\"lazy\" src=\"https:\/\/www.suzukikenichi.com\/images\/nav2.png\" alt=\"\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u30e1\u30cb\u30e5\u30fc\u578b\" width=\"500\" height=\"698\" \/><\/p>\n<h4>\u30e9\u30f3\u30c7\u30a3\u30f3\u30b0\u30da\u30fc\u30b8\u578b<\/h4>\n<p>LP \u3078\u306e\u7740\u5730\u3068\u540c\u6642\u306b\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u30d0\u30ca\u30fc\u3092\u8868\u793a\u3002<br \/>\n<img decoding=\"async\" itemprop=\"image\" loading=\"lazy\" src=\"https:\/\/www.suzukikenichi.com\/images\/landing.png\" alt=\"\/>\u30e9\u30f3\u30c7\u30a3\u30f3\u30b0\u30da\u30fc\u30b8\u578b&#8221; width=&#8221;500&#8243; height=&#8221;698&#8243; \/><\/p>\n<h4>\u30a4\u30f3\u30d5\u30a3\u30fc\u30c9\u578b<\/h4>\n<p><img decoding=\"async\" itemprop=\"image\" loading=\"lazy\" src=\"https:\/\/www.suzukikenichi.com\/images\/in-feed.png\" alt=\"\u30a4\u30f3\u30d5\u30a3\u30fc\u30c9\u578b\" width=\"500\" height=\"625\" \/><\/p>\n<h4>\u30ad\u30fc \u30b8\u30e3\u30fc\u30cb\u30fc \u30e2\u30fc\u30e1\u30f3\u30c8\u578b<\/h4>\n<p>\u30e6\u30fc\u30b6\u30fc\u30b8\u30e3\u30fc\u30cb\u30fc\u306e\u91cd\u8981\u306a\u77ac\u9593\u306b\u30d7\u30ed\u30f3\u30d7\u30c8\u3092\u8868\u793a\uff08\u305f\u3068\u3048\u3070\u3001\u30b2\u30fc\u30e0\u30aa\u30fc\u30d0\u30fc\u6642\u306b\u30b2\u30fc\u30e0\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3055\u305b\u308b\uff09\u3002<br \/>\n<img decoding=\"async\" itemprop=\"image\" loading=\"lazy\" src=\"https:\/\/www.suzukikenichi.com\/images\/journey2.png\" alt=\"\u30ad\u30fc \u30b8\u30e3\u30fc\u30cb\u30fc \u30e2\u30fc\u30e1\u30f3\u30c8\u578b\" width=\"500\" height=\"702\" \/><\/p>\n<p>[\u203b\u3059\u305a\u304d\u88dc\u8db3: \u305d\u308c\u305e\u308c\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u30d1\u30bf\u30fc\u30f3\u306e\u7279\u5fb4\u3084\u4f7f\u3046\u3079\u304d\u5834\u9762\u306f<a href=\"https:\/\/developers.google.com\/web\/fundamentals\/app-install-banners\/promoting-install-mobile\">\u6280\u8853\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8<\/a>\u3092\u53c2\u7167]<\/p>\n<h3>PWA \u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3092\u30d7\u30ed\u30e2\u30fc\u30b7\u30e7\u30f3\u3059\u308b\u3068\u304d\u306e\u6ce8\u610f\u4e8b\u9805<\/h3>\n<ul class=\"p40-b\">\n<li>\u3046\u3063\u3068\u304a\u3057\u304f\u306a\u3089\u306a\u3044<\/li>\n<li>\u30e6\u30fc\u30b6\u30fc\u306b\u30e1\u30ea\u30c3\u30c8\u304c\u306a\u3044\u306a\u3089\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3092\u4fc3\u3055\u306a\u3044<\/li>\n<li>\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3059\u308b\u4fa1\u5024\u304c\u3042\u308b\u3068\u30e6\u30fc\u30b6\u30fc\u304c\u7406\u89e3\u3067\u304d\u308b\u3088\u3046\u306a\u72b6\u6cc1\u3092\u5229\u7528\u3059\u308b<\/li>\n<\/ul>\n<h2>OYO \u306e PWA \u4e8b\u4f8b<\/h2>\n<p>\u30db\u30c6\u30eb\u30c1\u30a7\u30fc\u30f3\u306e <a href=\"https:\/\/www.oyorooms.com\/\">OYO<\/a> \u306f PWA \u3067\u6b21\u306e\u3088\u3046\u306a\u6210\u679c\u3092\u3042\u3052\u305f\uff08\u901a\u5e38\u306e\u30e2\u30d0\u30a4\u30eb\u30b5\u30a4\u30c8\u3068\u306e\u6bd4\u8f03\uff09\u3002<\/p>\n<ul>\n<li>\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u30d7\u30ed\u30f3\u30d7\u30c8\u304b\u3089\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u305f\u30e6\u30fc\u30b6\u30fc\u306eCV\uff08\u30b3\u30f3\u30d0\u30fc\u30b8\u30e7\u30f3\uff09: 2.2 \u500d\n<ul>\n<li>Chrome \u304b\u3089\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u305f\u30e6\u30fc\u30b6\u30fc\u306e CV: 4.4 \u500d<\/li>\n<li>Play Store \u304b\u3089 (TWA \u3067) \u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u305f\u30e6\u30fc\u30b6\u30fc\u306eCV: 6.6\u500d<\/li>\n<\/ul>\n<\/li>\n<li>\u5bfe\u524d\u5e74\u6bd4\u306e DAU: 4.4 \u500d<br \/>\n\u203b\u3059\u305a\u304d\u88dc\u8db3: DAU (Daily Active User) \u306f1\u65e5\u3042\u305f\u308a\u3069\u306e\u304f\u3089\u3044\u306e\u30e6\u30fc\u30b6\u30fc\u304c\u30b5\u30fc\u30d3\u30b9\u3092\u5229\u7528\u3057\u305f\u306e\u304b\u3092\u8a08\u6e2c\u3059\u308b\u6307\u6a19<\/li>\n<li>\u30c8\u30c3\u30d7\u30da\u30fc\u30b8\u306e\u8aad\u307f\u8fbc\u307f\u6642\u9593: \u6700\u5927 79 % \u6e1b<\/li>\n<li>\u30da\u30fc\u30b8\u9593\u79fb\u52d5\u306e\u6642\u9593: \u6700\u5927 76 % \u6e1b<\/li>\n<\/ul>\n<p>PWA \u5bfe\u5fdc\u306b\u3088\u308a\u3001\u6b21\u306e\u3088\u3046\u306a\u6a5f\u80fd\u3082\u53ef\u80fd\u306b\u306a\u3063\u305f\u3002<\/p>\n<ul class=\"p40-b\">\n<li>\u30aa\u30d5\u30e9\u30a4\u30f3\u5bfe\u5fdc<\/li>\n<li>\u3088\u308a\u512a\u308c\u305f UX<\/li>\n<\/ul>\n<h2>TWA:Trusted Web Avcivity<\/h2>\n<p>TWA (Trusted Web Avcivity) \u3092\u69cb\u6210\u3059\u308b\u3068 PWA \u3092 Google Play \u304b\u3089\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3067\u304d\u308b\u3002<br \/>\u30cd\u30a4\u30c6\u30a3\u30d6\u30a2\u30d7\u30ea\u3068\u540c\u7b49\u306e\u6a5f\u80fd\u3092\u63d0\u4f9b\u3067\u304d\u308b\u304c\u3001\u30cd\u30a4\u30c6\u30a3\u30d6\u30a2\u30d7\u30ea\u3088\u308a\u3082\u305a\u3063\u3068\u30b5\u30a4\u30ba\u304c\u5c0f\u3055\u3044\u3068\u3044\u3046\u30e1\u30ea\u30c3\u30c8\u304c\u3042\u308b\u3002<\/p>\n<p>[\u203b\u3059\u305a\u304d\u88dc\u8db3: \u30a4\u30f3\u30c9\u306a\u3069\u306e\u65b0\u8208\u56fd\u306e\u30b9\u30de\u30db\u306f\u30ed\u30fc\u30b9\u30da\u30c3\u30af\u3067\u5bb9\u91cf\u304c\u5c11\u306a\u3044\u305f\u3081\u305f\u304f\u3055\u3093\u306e\u30a2\u30d7\u30ea\u3092\u30e6\u30fc\u30b6\u30fc\u306f\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3067\u304d\u306a\u3044\u3002\u30cd\u30a4\u30c6\u30a3\u30d6\u30a2\u30d7\u30ea\u306f\u901a\u5e38 \u6570\u5341 MB \u4ee5\u4e0a\u3060\u304c PWA \u306f\u6570\u767e KB\u306a\u306e\u3067\u5bb9\u91cf\u3092\u5727\u8feb\u3057\u306a\u3044\u3002TWA  \u306b\u3064\u3044\u3066\u306f<a href=\"https:\/\/www.suzukikenichi.com\/blog\/trusted-web-activity-makes-it-possible-to-integrate-websites-with-native-apps\/\">\u3053\u3061\u3089\u306e\u8a18\u4e8b<\/a>\u3082\u53c2\u7167]<\/p>\n<h3>TWA \u4e8b\u4f8b<\/h3>\n<h4>Myntra<\/h4>\n<p>\u30a4\u30f3\u30c9\u306e EC \u30b5\u30a4\u30c8\u3001<a href=\"https:\/\/www.myntra.com\/\">Myntra<\/a> \u306f TWA \u3092\u5b9f\u88c5\u3057\u3066\u6b21\u306e\u3088\u3046\u306a\u6210\u679c\u3092\u3042\u3052\u305f\u3002<\/p>\n<ul>\n<li>\u30b3\u30f3\u30d0\u30fc\u30b8\u30e7\u30f3\u7387: 115 % \u4e0a\u6607<\/li>\n<li>\u30bb\u30c3\u30b7\u30e7\u30f3\u3042\u305f\u308a PV: 130 % \u4e0a\u6607<\/li>\n<\/ul>\n<h4>OYO<\/h4>\n<p>\u30a4\u30f3\u30c9\u306e\u30db\u30c6\u30eb\u4e88\u7d04\u30b5\u30a4\u30c8 OYO rooms \u306f TWA \u5bfe\u5fdc\u3057\u305f\u3002<br \/>TWA \u306b\u3088\u308b\u6210\u679c\u3068\u30e1\u30ea\u30c3\u30c8\u306f\u6b21\u306e\u3068\u304a\u308a\u3002<\/p>\n<ul>\n<li>\u30a2\u30d7\u30ea\u30b5\u30a4\u30ba: 900KB \u4ee5\u4e0b<\/li>\n<li>\u30a2\u30d7\u30ea\u8a55\u4fa1: \u26054.1<\/li>\n<li>\u901a\u5e38\u306e PWA\uff08\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u30d7\u30ed\u30f3\u30d7\u30c8\u304b\u3089\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u305fPWA\uff09\u3068\u6bd4\u3079\u3066 CV \u304c3 \u500d<\/li>\n<li>\u30e6\u30fc\u30b6\u30fc\u306e\u30ea\u30c6\u30f3\u30b7\u30e7\u30f3\u304c 4 \u500d<\/li>\n<li>\u30cd\u30a4\u30c6\u30a3\u30d6\u30a2\u30d7\u30ea\u3068\u540c\u7b49\u306e\u30b3\u30f3\u30d0\u30fc\u30b8\u30e7\u30f3<\/li>\n<li>\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u3057\u3084\u3059\u3044<br \/>\n[\u203b\u3059\u305a\u304d\u88dc\u8db3: TWA (PWA) \u306f\u672c\u8cea\u7684\u306b\u306f\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u3002\u30b5\u30a4\u30c8\u5074\u304c\u66f4\u65b0\u3059\u308c\u3070\u3088\u304f\u30e6\u30fc\u30b6\u30fc\u5074\u3067\u306e\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u64cd\u4f5c\u306f\u4e0d\u8981]<\/li>\n<li>\u30d5\u30eb\u30b9\u30af\u30ea\u30fc\u30f3<\/li>\n<li>\u30c7\u30a3\u30fc\u30d7\u30ea\u30f3\u30af<\/li>\n<li>\u30d7\u30c3\u30b7\u30e5\u901a\u77e5<\/li>\n<\/ul>\n<h3>TWA \u3092\u30b5\u30dd\u30fc\u30c8\u3059\u308b\u30d6\u30e9\u30a6\u30b6<\/h3>\n<ul>\n<li>Chrome<\/li>\n<li>Firefox\uff08\u958b\u767a\u7248\uff09<\/li>\n<li>Samsung Internet\uff08\u8fd1\u65e5\u30b5\u30dd\u30fc\u30c8\uff09<\/li>\n<\/ul>\n<p>[\u203b\u3059\u305a\u304d\u88dc\u8db3: TWA \u306e\u6280\u8853\u7684\u306a\u4ed5\u69d8\u306f<a href=\"https:\/\/developers.google.com\/web\/updates\/2019\/02\/using-twa\">\u3053\u3061\u3089\u306e\u30c9\u30ad\u30e5\u30e1\u30f3<\/a>\u3092\u53c2\u7167]<\/p>\n<p class=\"p60-t\">\u30ec\u30dd\u30fc\u30c8\u306f\u4ee5\u4e0a\u3067\u3059\u3002<\/p>\n<p>PWA \u306f\u3055\u307e\u3056\u307e\u306a\u6a5f\u80fd\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3001\u30cd\u30a4\u30c6\u30a3\u30d6\u30a2\u30d7\u30ea\u306b\u5f15\u3051\u3092\u53d6\u3089\u306a\u3044\u304f\u3089\u3044\u9ad8\u6a5f\u80fd\u306b\u306a\u3063\u3066\u3044\u307e\u3059\u3002<br \/>\n\u5b8c\u5168\u306a\u30d5\u30a1\u30f3\u306b\u306a\u3063\u3066\u3044\u308b\u30ed\u30a4\u30e4\u30eb\u30e6\u30fc\u30b6\u30fc\u306b\u306f\u30cd\u30a4\u30c6\u30a3\u30d6\u30a2\u30d7\u30ea\u3092\u4f7f\u3063\u3066\u3082\u3089\u3046\u3068\u3057\u3066\u3001\u305d\u3046\u3067\u306f\u306a\u3044\u30e6\u30fc\u30b6\u30fc\u306b\u306f PWA \u3067\u3082\u3046\u5341\u5206\u306a\u3088\u3046\u306b\u3082\u601d\u3048\u307e\u3059\u3002<\/p>\n<p>\u6b8b\u3055\u308c\u305f\u554f\u984c\u306f\u6b21\u306e 2 \u3064\u3067\u3057\u3087\u3046\u304b\u3002<\/p>\n<ul>\n<li>\u30a2\u30d7\u30ea\u30b9\u30c8\u30a2\u304b\u3089\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb<\/li>\n<li>iOS \u306e Safari \u30b5\u30dd\u30fc\u30c8<\/li>\n<\/ul>\n<p>Google Play \u306b PWA \u3092\u63b2\u8f09\u3059\u308b\u4e88\u5b9a\u306f\u4eca\u306e\u3068\u3053\u308d\u306a\u3055\u305d\u3046\u3067\u3059\u3002<br \/>TWA \u3092\u5b9f\u88c5\u3059\u308c\u3070\u63b2\u8f09\u3067\u304d\u308b\u3067\u3057\u3087\u3068\u306e\u3053\u3068\u3067\u3057\u305f\uff08\u4e8b\u524d\u306b\u6295\u7a3f\u3057\u3066\u304a\u3044\u305f\u8cea\u554f\u306bQ&amp;A \u30bb\u30c3\u30b7\u30e7\u30f3\u3067\u56de\u7b54\u3057\u3066\u3082\u3089\u3048\u305f\uff09\u3002<\/p>\n<p>iOS Safari \u306f\u2026\u2026Apple \u306b\u9811\u5f35\u3063\u3066\u3082\u3089\u3046\u3057\u304b\u306a\u304f\u3001\u3044\u307e\u3060\u306b PWA \u306e\u3054\u304f\u4e00\u90e8\u306e\u6a5f\u80fd\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u3044\u308b\u306b\u3059\u304e\u307e\u305b\u3093\u3002<\/p>\n<p><img decoding=\"async\" itemprop=\"image\" loading=\"lazy\" class=\"bdr\" src=\"https:\/\/www.suzukikenichi.com\/images\/ios-safari-pwa.png\" alt=\"PWA Feature Detector\" width=\"450\" height=\"1069\" \/><\/p>\n<p>\u3057\u304b\u3057\u305d\u308c\u3067\u3082\u3001Safari \u3067\u3082\u6a5f\u80fd\u3059\u308b\u30aa\u30d5\u30e9\u30a4\u30f3\u6a5f\u80fd\u3084\u30ad\u30e3\u30c3\u30b7\u30e5\u6a5f\u80fd\u306f\u30e6\u30fc\u30b6\u30fc\u4f53\u9a13\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002<br \/>\u3059\u3079\u3066\u306e\u30c7\u30d0\u30a4\u30b9\u3067\u3001100 \u70b9\u6e80\u70b9\u3092\u72d9\u3048\u306a\u304b\u3063\u305f\u3068\u3057\u3066\u3082\u300150 \u70b9\u3067\u3082 60 \u70b9\u3067\u3082\u3044\u3044\u304b\u3089\u3001\u5c11\u3057\u3067\u3082\u3088\u308a\u512a\u308c\u305f\u30e6\u30fc\u30b6\u30fc\u4f53\u9a13\u3092PWA \u5b9f\u88c5\u306b\u3088\u3063\u3066\u63d0\u4f9b\u3067\u304d\u308b\u306e\u3067\u3042\u308c\u3070\u4fa1\u5024\u306f\u5341\u5206\u306b\u3042\u308a\u307e\u3059\uff08\u3068\u3001\u6628\u65e5\u306e <a href=\"https:\/\/webmaster-ja.googleblog.com\/2019\/10\/webmaster-conference-tokyo-osaka.html\">Webmaster Conference Tokyo<\/a> \u3067<a href=\"http:\/\/twitter.com\/g33konaut\">\u30de\u30fc\u30c6\u30a3\u30f3<\/a>\u304c\u30a2\u30c9\u30d0\u30a4\u30b9\u3057\u3066\u304f\u308c\u307e\u3057\u305f\uff09\u3002<\/p>\n<p class=\"p30-t\">\u3053\u306e\u30ec\u30dd\u30fc\u30c8\u8a18\u4e8b\u3067\u53c2\u7167\u3057\u305f\u30bb\u30c3\u30b7\u30e7\u30f3\u306e\u52d5\u753b\u3092\u57cb\u3081\u8fbc\u3093\u3067\u304a\u304d\u307e\u3059\u3002<br \/>\u3082\u3063\u3068\u8a73\u3057\u3044\u5185\u5bb9\u3084\u6280\u8853\u7684\u306a\u3053\u3068\u306b\u8208\u5473\u304c\u3042\u308c\u3070\u8996\u8074\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n<p><iframe loading=\"lazy\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/F1UP7wRCPH8?start=452\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p><iframe loading=\"lazy\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/Hp_dQvQyYEI?start=452\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Chrome Dev Summit 2019 \u306e PWA \u95a2\u9023\u30bb\u30c3\u30b7\u30e7\u30f3\u306e\u30cf\u30a4\u30e9\u30a4\u30c8\u3092\u30ec\u30dd\u30fc\u30c8\u3059\u308b\u3002PWA \u306f\u3055\u307e\u3056\u307e\u306a\u6a5f\u80fd\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3001\u30cd\u30a4\u30c6\u30a3\u30d6\u30a2\u30d7\u30ea\u306b\u5f15\u3051\u3092\u53d6\u3089\u306a\u3044\u304f\u3089\u3044\u9ad8\u6a5f\u80fd\u306b\u306a\u3063\u3066\u3044\u308b\u3002<\/p>\n","protected":false},"author":1,"featured_media":10294,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1179,930],"tags":[1257,1364,1466,1521],"class_list":["post-10293","post","type-post","status-publish","format-standard","has-post-thumbnail","category-mobile-seo","category-conferences","tag-progressive-web-apps","tag-chrome-dev-summit","tag-trusted-web-activity","tag-chrome-dev-summit-2019"],"_links":{"self":[{"href":"https:\/\/www.suzukikenichi.com\/blog\/wp-json\/wp\/v2\/posts\/10293","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.suzukikenichi.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.suzukikenichi.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.suzukikenichi.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.suzukikenichi.com\/blog\/wp-json\/wp\/v2\/comments?post=10293"}],"version-history":[{"count":0,"href":"https:\/\/www.suzukikenichi.com\/blog\/wp-json\/wp\/v2\/posts\/10293\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.suzukikenichi.com\/blog\/wp-json\/wp\/v2\/media\/10294"}],"wp:attachment":[{"href":"https:\/\/www.suzukikenichi.com\/blog\/wp-json\/wp\/v2\/media?parent=10293"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.suzukikenichi.com\/blog\/wp-json\/wp\/v2\/categories?post=10293"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.suzukikenichi.com\/blog\/wp-json\/wp\/v2\/tags?post=10293"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}