droidkaigi-2019-base

ディレクトリ・ファイル説明

　├ public
　│　├ assets/javascript　  # /script/のcompileされたJS
　│　├ assets/css           # /scss/のcompileされたcss
　│　├ index.html           
　│　├ service_worker.js    # Service Workerの定義ファイル(
　│　└ manifest.json        # ウェブアプリ マニフェスト(そのアプリ名、起動時の URL、アイコンなど)
　├ script                  # javascript置き場(compileされて public/assets/javascript に展開されます)
　└ scss              　　　# scssファイル置き場(compileされて public/assets/css に展開されます)

Requirement

• npm
• yarn

Installation

$ brew install node
$ npm i -g yarn
$ yarn install

また、アップロード先のFirebaseの設定は変更してください。

// script/remote_storage.js

const config = {
  apiKey: "",
  authDomain: "",
  databaseURL: "",
  projectId: "",
  storageBucket: "",
  messagingSenderId: ""
};
firebase.initializeApp(config);

Development

$ npm run watch

• watchを一回実行すると、変更が http://localhost:3000 に即時適用される

参考

• PWAアプリを3つのアプリストアにリリースして学んだこと
• Progressive Web App を作ってみた
• Progressive Web Appで実現する動画アプリの最新テクニック
• VideoタグとWebカメラの映像と音声を一つのVideoタグに合成してダウンロード
• ServiceWorkerのBackground Syncでオンライン復帰時にデータ送信
• IndexedDBの使い方