『Vue.js/PWA/JavaScript…新&定番なんでもあり』表参道Web勉強会 vol.4/で使ったスライドです

1. PWAでタイマーを
作ってみた
Date: 2019/05/22 19:00~
Name: Yuhei FUJITA

2. お前は誰だ
profile = {
name: Yuhei FUJITA,
tech: [PWA, Laravel],
hobby: [Google, フィルム写真, 自転車],
twitter: @Yuhei_FUJITA,
instagram: @yuhei_fujita.film
}

4. 今回作ってみたやつ
● タイマー機能
○ そのまま
● バイブ機能
○ 1分おきにバイブ
● PWA
○ すぐ作れる

5. 技術仕様

6. PWAの何が良いかというと
● Progressive Web Applicationの略
○ つまり、基本はWebアプリ
● HTML5/CSS3/JavaScriptで作れる
○ Webフロントの知識（+α）で作れる
● ブラウザがあれば動く
○ Windows/mac/Android/iOSどこでも動く

7. Vue.jsの何が良いかというと
● 学習コストが低い
○ と聞かされて始めた（玄人目線で「簡単」やめろ）
● vue-cliが結構優秀
○ プロジェクト作成からGUI管理画面まで
● PWAも標準でサポート
○ manifestやServiceWorker勝手に作ってくれる

8. firebaseの何が良いかというと
● 無料でSSL使える
○ PWAとの相性GOOD
● 機能が豊富
○ firestoreとかauthenticationがすごい
● 基本料金無料
○ ありがとう御座いますありがとう御座います

9. 今後の予定
● タイマーのプリセット作成
○ すぐにタイマー設定を切り替えられる
● firebase firestore で設定管理
○ タイマー設定ほ保存
● firebase authentication でアカウント管理
○ アカウントで設定同期