Slide 1

Slide 1 text

CIの見える化で ここまで効率が変わった ~Raspberry Piを使ったLEDソリューション製作記~ OSC2016 Tokyo/Fall 2016/11/05 Masaru Yamagishi : Infiniteloop OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP

Slide 2

Slide 2 text

Masaru Yamagishi( @akai_inu ) OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP Slideshare infinite_loop 検索

Slide 3

Slide 3 text

札幌で主にLAMP環境のソーシャルゲームサーバサイド アプリケーションを作っています Iターン・Uターン大歓迎! 札幌はいいぞ。 OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP

Slide 4

Slide 4 text

ぐるモンリリース! OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP

Slide 5

Slide 5 text

突然ですけど弊社、 ハードウェア作りました! “この人いきなり何言ってんだ...” “作ろうと思って、簡単に作れるものじゃないぞ” - 「豚野郎」 でニコ動を検索! OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP

Slide 6

Slide 6 text

OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP

Slide 7

Slide 7 text

OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP

Slide 8

Slide 8 text

OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP

Slide 9

Slide 9 text

OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP +

Slide 10

Slide 10 text

OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP Github Gitlab Jenkins Travis CI Slack Skype User Application …

Slide 11

Slide 11 text

OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP Github Gitlab Jenkins Travis CI Slack Skype User Application … HTTP GET!! http://192.168.10.1/ctrl/? color=100,200,100

Slide 12

Slide 12 text

OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP Github Gitlab Jenkins Travis CI Slack Skype User Application … HTTP GET!! Flash!! http://192.168.10.1/ctrl/? color=100,200,100

Slide 13

Slide 13 text

OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP

Slide 14

Slide 14 text

OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP 簡単!!!

Slide 15

Slide 15 text

OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP 手軽!!! 簡単!!!

Slide 16

Slide 16 text

OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP 手軽!!! 簡単!!! 安価!!!

Slide 17

Slide 17 text

Raspberry Pi 拡張モジュール ※動作には Raspberry Pi 第一世代 Model B+ 以降が必要 でも、みなさんの机の中に1台くらいありますよね! OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP

Slide 18

Slide 18 text

サーバサイドの会社がハードウェアに手を出した? OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP WHY IL PEOPLE!?

Slide 19

Slide 19 text

サーバは監視が必要 突然のインフラ障害 ソース更新したら急に重くなった イベントでユーザが急増して負荷がヤバイ OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP 1秒でも早く対処が必要! 1秒でも早く気付くことが重要!

Slide 20

Slide 20 text

イベントの「見える化」で作業効率化 CIによる自動ビルド/テスト、エラーロギング、ユーザ数急変… 開発効率化には「イベントドリブン」が付き物 対応が必要なイベントをすぐに開発者に知らせることが効率化につながる! OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP

Slide 21

Slide 21 text

OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP 「気付く」 システムが必要

Slide 22

Slide 22 text

弊社のソリューション マザーゆっくり OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP

Slide 23

Slide 23 text

マザーゆっくり? プロジェクトのアラートメールをキャッチしたら、音声で教えてくれる社内BOT 一緒に回転警告灯もクルクルする →すぐにアラートに気付ける 詳細は私の以前の講演を。 OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP OSC マザーゆっくり 検索

Slide 24

Slide 24 text

vs. デスクトップ通知 HTML5アプリケーションなどでは盛んにデスクトップ通知が使われているが… × モニターを見ていないと=席にいないと気付かない × モニターはそもそも情報量が多いので見逃す × 手軽にたくさん通知が来たら気にしなくなってしまう OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP

Slide 25

Slide 25 text

vs. スマホ スマホのプッシュ通知などはあるが… 〇 席を離れている間は効果的 △ (最近は楽になったけど)通知システム作るのが面倒 × 仕事中はモニターを見ているのでスマホに来てもわからない OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP

Slide 26

Slide 26 text

OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP 光&音 強し

Slide 27

Slide 27 text

OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP 社内で もっと普及しよう

Slide 28

Slide 28 text

OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP

Slide 29

Slide 29 text

OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP たけぇ

Slide 30

Slide 30 text

OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP Hさん「自作してみっか」

Slide 31

Slide 31 text

OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP そして試作へ…

Slide 32

Slide 32 text

せっかくなので ネットワーク対応を1から作るのは大変 せっかくサーバな会社なので、Linuxフレンドリーな Raspberry Pi を使おう 〇 コストパフォーマンス 〇 拡張性 OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP

Slide 33

Slide 33 text

試作を重ねる OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP

Slide 34

Slide 34 text

LED耐熱試験 OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP

Slide 35

Slide 35 text

それっぽくなった! OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP

Slide 36

Slide 36 text

社内フィードバックを受けて改良を重ね完成 OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP

Slide 37

Slide 37 text

詳細なHW構成は弊社水野の資料で http://www.slideshare.net/infinite_loop/raspberrypiled OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP

Slide 38

Slide 38 text

ソフトウェアはシンプル OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP

Slide 39

Slide 39 text

詳細仕様はgithubへ Raspberry Piに乗るミドルウェア・説明書はOSSとして公開されています! PRお待ちしています! https://github.com/infiniteloop-inc/crystal-signal/ OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP

Slide 40

Slide 40 text

OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP 利用事例

Slide 41

Slide 41 text

OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP

Slide 42

Slide 42 text

OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP

Slide 43

Slide 43 text

Jenkinsビルド失敗時通知 OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP PostBuildScript Plugin で失敗時にcurlを実行。

Slide 44

Slide 44 text

OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP 0 100 200 300 400 500 600 10時 11時 12時 13時 14時 15時 16時 17時 18時 19時 ココ

Slide 45

Slide 45 text

流量監視 Zabbixでルーターのトラフィックを監視 その時の流量によって色・点滅速度を変化 OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP

Slide 46

Slide 46 text

OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP

Slide 47

Slide 47 text

天気等のAPI情報可視化 クリスタルシグナルの棒を長くして上からつるすことで、広範囲の人に通知可能に OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP

Slide 48

Slide 48 text

用途は無限大 監視 ◦ メールボックスの未読数 ◦ サービスのユーザ数 ◦ サーバ負荷 イベント ◦ 時報 ◦ タイマー ◦ チャットサービスのメンションが来た ◦ チケットにアサインされた ◦ PRにコメントがついた … OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP

Slide 49

Slide 49 text

OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP 効果

Slide 50

Slide 50 text

Aチーム「ビルド失敗時間の減少」 Jenkinsのビルド結果をチームのクリスタルシグナルに通知 ビルドの失敗にすぐ気付けるように ビルド失敗の継続時間が40%減少!(一例) OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP いいぞ。 >

Slide 51

Slide 51 text

Bチーム「コミュニケーション向上」 Cさんのクリスタルシグナルにキーワード・メンション通知を実装 Cさんにメンションを送ってから、返事が返ってくるまでの時間が早くなった 担当の単語が出ると、メンションを送らずとも見てくれるようになった コミュニケーションがスムーズに! OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP

Slide 52

Slide 52 text

OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP メインターゲット ラズパイをあましてる技術者

Slide 53

Slide 53 text

OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP メインターゲット ラズパイをあましてる技術者 それ以外にも…??

Slide 54

Slide 54 text

コールセンター それぞれの状態(通話中、待機中、ヘルプ必要、…)の通知 OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP

Slide 55

Slide 55 text

飲食店の店員呼び ボタンを押して呼ぶシステムを現状よりも安価に提供できるかも? OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP

Slide 56

Slide 56 text

ルームの使用中状態 ミーティングルームの状態(利用中、もうすぐ終わるよ、…)を色で通知 こそこそ部屋の中で聞き耳を立てなくてすむ! OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP

Slide 57

Slide 57 text

OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP 連携で 効果倍増!

Slide 58

Slide 58 text

USB接続機器連携 スピーカーで聴覚で気付く ◦ 視覚は仕事中使われ続けるが、聴覚には余裕がある ◦ 可聴範囲に音量を調整するのが難しいかも カメラ+画像認識で色々判定 ◦ 入退室、来客、… OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP

Slide 59

Slide 59 text

(今後)センサーの追加 現状はGPIOを専有していますが、今後のモデルでは一部GPIOを開放予定 温度・湿度センサーなどを追加して見えない環境情報を見える化! OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP

Slide 60

Slide 60 text

OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP まとめ

Slide 61

Slide 61 text

Crystal Signal Pi はいいぞ 「気づく」システムで効率化 物理的な通知はいいぞ。 CSPiは安価で手軽に点灯通知! 連携も容易! OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP

Slide 62

Slide 62 text

OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP クラウドファンディング 登録しました

Slide 63

Slide 63 text

OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP

Slide 64

Slide 64 text

OSC2016 TOKYO/FALL - MASARU YAMAGISHI - INFINITELOOP