PWA/AMP/WebComponents資料

docs.md

Service Worker

• はじめに的なやつ https://developers.google.com/web/fundamentals/primers/service-workers/?hl=ja
• Mozillaのドキュメント https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API
  • 関連機能もここから辿れる

PWA

• はじめに的なやつ https://developers.google.com/web/progressive-web-apps/

ほぼmanifest.jsonを書くだけ

AMP

• AMP Project https://www.ampproject.org/
  • ここに全部書いてありそう
• JSON-LD https://json-ld.org/

AMP用の特殊なHTMLでページを書くだけ。

WebComponents

• はじめに的な奴 https://developers.google.com/web/fundamentals/web-components/?hl=ja
• Polyfill
  • webcomponents.js https://github.com/webcomponents/webcomponentsjs
  • ShadyCSS https://github.com/webcomponents/shadycss
  • lit-html https://github.com/Polymer/lit-html
    • 使うと便利らしいけど見てないので何故かはわからない
    • 『ES6のtagged template literals』、『Template要素』を活用してVirtualDOM以上のDOM操作の効率性を実現している。

Virtual DOM

• Make you a react https://goo.gl/UKjXiC
  • Virtual DOMの仕組みについて解説してくれてるスライド
  • Hyperappの作者らしい
  • これを読んだらオレオレ実装が作れそうな気になれる
• Hyperapp https://github.com/hyperapp/hyperapp
• React https://reactjs.org/
• Vue.js https://jp.vuejs.org/index.html

SPA関連

• Service Worker
• Virtual DOM
• PWA
• WebComponents
• Redux https://redux.js.org/
• Mobx https://github.com/mobxjs/mobx
  • Reduxに疲れた人達が使っているらしい
• History API https://developer.mozilla.org/ja/docs/Web/Guide/DOM/Manipulating_the_browser_history
  • routerが上手い事やってくれるアレ