Slide 1

Slide 1 text

/ / BASE テックランチ LT めもりー ハムスター監視システムを Swoole + TypeScript + React + Redux でつくってみた © - BASE, Inc.

Slide 2

Slide 2 text

何をつくったの?

Slide 3

Slide 3 text

© - BASE, Inc. 何をつくったの? 
 Raspberry Pi PiCamera, Sensor Hat

Slide 4

Slide 4 text

開発のきっかけ

Slide 5

Slide 5 text

© - BASE, Inc. 開発のきっかけ 12 Raspberry Pi 
 4,000

Slide 6

Slide 6 text

カメラあるなら監視カメラ作れるのでは?

Slide 7

Slide 7 text

開発を開始

Slide 8

Slide 8 text

プロダクトについて

Slide 9

Slide 9 text

© - BASE, Inc. プロダクトについて PHP . Swoole Docker TypeScript React.js Redux Webpack Python WebSocket Node.js

Slide 10

Slide 10 text

© - BASE, Inc. プロダクトについて https://github.com/memory-agape/magnolia- raspberrypi https://github.com/memory-agape/magnolia-client https://github.com/memory-agape/magnolia-server

Slide 11

Slide 11 text

© - BASE, Inc. プロダクトについて どんな仕組みか?

Slide 12

Slide 12 text

© - BASE, Inc. プロダクトについて

Slide 13

Slide 13 text

© - BASE, Inc. プロダクトについて 初期のプロダクト

Slide 14

Slide 14 text

© - BASE, Inc. 初期のプロダクト • とりあえず、リリースし たかった • ストリーミングがメイ ンではなく、数秒おき に画像を差し替える仕 組みがメイン。 • ストリーミングはあと から追加された

Slide 15

Slide 15 text

© - BASE, Inc. プロダクトについて 現在のプロダクト

Slide 16

Slide 16 text

© - BASE, Inc. 現在のプロダクト • 少し時間をかけて作っ た • ストリーミングがメイ ン • 回線の状況で画像を数 秒ごとにフェッチする 仕組みもある

Slide 17

Slide 17 text

© - BASE, Inc. 現在のプロダクト • 設定画⾯から部屋の室 温とか湿度が取れる • なお精度はよくない

Slide 18

Slide 18 text

コスト

Slide 19

Slide 19 text

イニシャルコスト

Slide 20

Slide 20 text

© - BASE, Inc. コスト Raspberry Pi Model - \ , - \4,000 - \10,000 2

Slide 21

Slide 21 text

ランニングコスト

Slide 22

Slide 22 text

© - BASE, Inc. ランニングコスト ConoHa - \ , - \2,500 5

Slide 23

Slide 23 text

コスト削減について

Slide 24

Slide 24 text

© - BASE, Inc. コスト削減について 10 1 1

Slide 25

Slide 25 text

DEMONSTRATION

Slide 26

Slide 26 text

詳しくは note に書いてるよ https://note.mu/m m r /n/neda b feeb

Slide 27

Slide 27 text

THANK YOU FOR YOUR LISTENING