HTML5 Conference 2018 https://events.html5j.org/conference/2018/11/ ã§ç™ºè¡¨ã—ãŸPWAã«é–¢ã™ã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚ [日経電å版 サイト高速化ã¨PWA対応] https://speakerdeck.com/sisidovski/nikk…
PWAå°Žå…¥ã®æˆæžœã¨èª²é¡Œ / nikkei-pwa-html5conf2018 - Speaker Deck
HTML5 Conference 2018 https://events.html5j.org/conference/2018/11/ ã§ç™ºè¡¨ã—ãŸPWAã«é–¢ã™ã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚ [日経電å版 サイト高速化ã¨PWA対応] https://speakerdeck.com/sisidovski/nikk…
PWA入門ï¼JavaScriptã§ç°¡å˜ã«é«˜é€ŸåŒ–＆オフライン対応ã®Webサイト制作ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ï¼ - paiza times
ã©ã†ã‚‚ã€ã¾ã•ã¨ã‚‰ã‚“（@0310lan）ã§ã™ï¼ 今回ã¯ã€åŸºæœ¬çš„ãªæ©Ÿèƒ½ã‚’æŒã£ãŸç°¡æ˜“çš„ãªPWA（Progressive Web Apps）対応サイトをフレームワークãªã©ã‚’使ã‚ãšç´ ã®JavaScriptã§ä½œã£ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 主ã«ã€ã‚¹ãƒžãƒ›ã®ãƒ›ãƒ¼ãƒ ç”»é¢ã‹ã‚‰ã‚¢ãƒ—リã®ã‚ˆã†ã«èµ·å‹•ã—ãŸã‚Šã€ã‚µãƒ¼ãƒ“スワーカーを使ã£ã¦ã‚ªãƒ•ãƒ©ã‚¤ãƒ³å¯¾å¿œã‚„表示ã®é«˜é€ŸåŒ–ãªã©ã‚’試ã—ã¦ã„ãã¾ã—ょã†ã€‚ 誰ã§ã‚‚今ã™ã実践ã§ãる内容ãªã®ã§ã€PWAã«èˆˆå‘³ãŒã‚ã‚‹æ–¹ã¯ãœã²å‚考ã«ã—ã¦ã¿ã¦ãã ã•ã„ï¼ â– é–‹ç™ºç’°å¢ƒã«ã¤ã„㦠早速プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’始ã‚ãŸã„ã¨ã“ã‚ãªã®ã§ã™ãŒã€ãã®å‰ã«1ã¤æ³¨æ„点ãŒã‚ã‚Šã¾ã™ã€‚ オフライン対応やã‚ャッシュã«ã‚ˆã‚‹é«˜é€ŸåŒ–を実ç¾ã™ã‚‹ã«ã¯ã€Œã‚µãƒ¼ãƒ“スワーカーã€ã‚’利用ã™ã‚‹ã®ã§ã™ãŒã€ã“ã‚Œã«ã¯SSL対応ã®ã‚µãƒ¼ãƒãƒ¼ç’°å¢ƒãŒå¿…è¦ã«ãªã‚Šã¾ã™ã€‚ ã™ã§ã«ç’°å¢ƒãŒæ•´ã£ã¦ã„ã‚‹æ–¹ã¯å•é¡Œã‚ã‚Šã¾ã›ã‚“ãŒã€ãã†ã§ãªã„方やサーãƒãƒ¼ã‚’用æ„ã™ã‚‹ã®ãŒé¢å€’ã ã¨ã„ã†æ–¹ã¯ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚³ãƒ¼ãƒ‰ã‚¨ãƒ‡
iOSã§PWAã¨ã—ã¦èµ·å‹•ã•ã‚ŒãŸã¨ãã«LocalStorageã«ä¿å˜ã—ãŸtokenを利用ã—ã¦ã‚ªãƒ¼ãƒˆãƒã‚°ã‚¤ãƒ³ã•ã›ã‚‹ - Qiita
背景 iOS(11.3時点)ã®PWAã§ã¯CookieãŒèµ·å‹•ã”ã¨ã«åˆæœŸåŒ–ã•ã‚Œã€Session(Cookie)を利用ã—ãŸãƒã‚°ã‚¤ãƒ³çŠ¶æ…‹ã®ä¿æŒãŒã§ãã¾ã›ã‚“ã€‚è¿½åŠ èª¿æŸ»ã§LocalStorageã«ã¤ã„ã¦ã¯åˆæœŸåŒ–ã•ã‚Œãªã„ã“ã¨ãŒã‚ã‹ã£ãŸãŸã‚ã€LocalStorageを利用ã—ãŸã‚ªãƒ¼ãƒˆãƒã‚°ã‚¤ãƒ³ã®å®Ÿç¾ã«ã¤ã„ã¦å®Ÿé¨“ã—ã¾ã—㟠æ¥é€±é–‹å‚¬ã•ã‚Œã‚‹WWDCã‚„iOS12ã§è§£æ¶ˆã•ã‚Œã‚‹ã®ã‚’切ã«é¡˜ã£ã¦ã¾ã™ðŸ˜ éŽåŽ»ã®èª¿æŸ»å†…容 ã€èª¿æŸ»ã€‘WEBアプリをPWAã¨ã—ã¦èµ·å‹•ã—ãŸå ´åˆã«ãƒ–ラウザã®CookieãŒå¼•ã継ãŒã‚Œã‚‹ã‹ç¢ºèªã™ã‚‹ - Qiita ã€èª¿æŸ»ã€‘WEBアプリをPWAã¨ã—ã¦èµ·å‹•ã—ãŸå ´åˆã«ãƒ–ラウザã®localStorageãŒå¼•ã継ãŒã‚Œã‚‹ã‹ç¢ºèªã™ã‚‹ - Qiita サンプルアプリ 調査ã®ãŸã‚ã«ä½œæˆã—ãŸã‚µãƒ³ãƒ—ルアプリã¯ä»Šå¾Œã‚‚iOS, Androidãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—時ã«åˆ©ç”¨ã™ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šãã†ãªãŸã‚Herokuã§å…¬é–‹ã—ã¦ãŠãã¾ã—ãŸã€‚（無料プラ
1
メンテナンス
ãŠçŸ¥ã‚‰ã›
障害
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
åŠ é€Ÿã™ã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¨PWA
{{#tags}}- {{label}}
{{/tags}}