Upgrade to Pro — share decks privately, control downloads, hide ads and more …

[開発合宿] Firebase + Nuxt.js + RaspberryPiによる猫監視シス...

[開発合宿] Firebase + Nuxt.js + RaspberryPiによる猫監視システム / Cat Watcher

開発合宿で作成したシステムです。
Firebaseの使い心地の検証の目的で作成しました。

reireias

July 01, 2019
Tweet

More Decks by reireias

Other Decks in Technology

Transcript

  1. Vue.js + Vuetify.js + Nuxt.js Vue.js + Vuetify.js + Nuxt.js

    (個人的に)鉄板の組み合わせ Vuetify.jsのUIコンポーネント Nuxt.jsによるSPA、PWA Nuxt.jsが内包するVuexによるFluxでのデータ管理 4 . 3
  2. Firebase Firebase mBaaS(modile Backend as a Service) Authentication: 認証 Hosting:

    静的サイトホスティング Firestore: リアルタイムNoSQL Storage: データ保存ストレージ Functions: イベント駆動形FaaS Messaging: Push通知 4 . 4
  3. 処理フロー(画像追加) 処理フロー(画像追加) 1. コマンドが動体を検知し、画像を保存 2. shellスクリプトが画像の追加を検知し、 コマンド でCloud Storage for

    Firebaseにアップロード 3. FunctionsがStorageへのファイル追加をトリガーに起動 Cloud Vision APIで画像にラベル付け Cat が含まれていれば、DL URLを発行し、Firestore にデータ登録 含まれていなければ、画像を削除する 5 . 2