FRONTEND CONFERENCE 2018 https://2018.kfug.jp/ ã§ã®ç™ºè¡¨è³‡æ–™ã§ã™ã€‚
æ¥å‹™ã‚·ã‚¹ãƒ†ãƒ ã§ã“ã使ãˆã‚‹PWA - Speaker Deck
FRONTEND CONFERENCE 2018 https://2018.kfug.jp/ ã§ã®ç™ºè¡¨è³‡æ–™ã§ã™ã€‚
PWAã®å®Ÿè£…ã‚’ã—ã¦ã¿ãŸ - 技術探ã—
一年以上å‰ã®è¨˜äº‹ãªã®ã§ã€ã‚³ãƒ¼ãƒ‰ãŒå¤ã„ã§ã™ã€‚æ°—ã‚’ã¤ã‘ã¦èªã‚“ã§ãã ã•ã„。 PWAã¨ã¯ï¼Ÿ 目的 技術スタック Service Worker PWAã®view App Shell Content ã‚ャッシュ戦略 èªã¿è¾¼ã¿ãƒ•ãƒãƒ¼ Web App Manifest デザイン Firefoxã¨Chromeã—ã‹Service Workerãªã„ã‘ã©ã©ã†ã™ã‚‹ã®ï¼Ÿ ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ 実装 ライブラリ webpack-offline æ§‹æˆ ãƒ•ã‚¡ã‚¤ãƒ« ルーティング アセットã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« API周り SSR 資料 ã•ã„ã”ã« ãã†ã„ãˆã°PWAã®å®Ÿè£…ã—ãŸã“ã¨ãŒãªã‹ã£ãŸãªã¨æ€ã£ãŸã®ã§å°‘ã—触ã£ã¦ã¿ãŸã€‚ PWAã¨ã¯ï¼Ÿ PWA(Progressive Web Apps) インストールãŒä¸è¦ã§ã€ä¸å®‰å®šãªãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã§ã‚‚ç´ æ—©ãèµ·å‹•ã—ã€ãƒ—ッシュ通知をå¯èƒ½ã«ã—ã¾ã™ã€‚ ã¾ãŸã€ãƒ›ãƒ¼ãƒ ç”»é¢ã«ã‚¢ã‚¤ã‚³ãƒ³ã‚‚表示ã§ãã€ã‚¢ãƒ—リã¨åŒæ§˜ã®æ‰±ã„ã‚’ã™ã‚‹ã“ã¨ãŒå¯èƒ½
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GatsbyJSã§çˆ†é€ŸPWAサイト/ Gatsby Super Fast
åŠ é€Ÿã™ã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¨PWA
日経電å版 サイト高速化ã¨PWA対応 / nikkei-high-performance-pwa
{{#tags}}- {{label}}
{{/tags}}