Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

OPTiM Cloud IoT OS でIoTはじめました / Hello IoT Wit...

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for OPTiM OPTiM
October 24, 2019
Programming
1.3k
0

OPTiM Cloud IoT OS でIoTはじめました / Hello IoT With CIOS

Avatar for OPTiM

OPTiM

October 24, 2019

More Decks by OPTiM

See All by OPTiM
IHV like なユースケースへのOpenID Connect 関連仕様の適用事例
Avatar for OPTiM optim
0
570
製品の問い合わせ負荷をLLMで解消したい​ 〜RAGで作る「自社を知っている」チャットボット〜​
Avatar for OPTiM optim
0
40
AI エージェントシステムの開発を AI で加速させたい！​
Avatar for OPTiM optim
0
43
既存プロダクトのRSpec カバレッジを 40% から100% にした話
Avatar for OPTiM optim
1
110
最近やってよかったデザインシステム運用改善3選
Avatar for OPTiM optim
1
370
<install>要素は​何ができて、何を変えるのか​
Avatar for OPTiM optim
1
320
CIでリグレッションテストを実行し継続的に品質を担保する
Avatar for OPTiM optim
1
360
Tanstack Startを触ってみての感動
Avatar for OPTiM optim
1
350
移行のつらさは誰が引き受けるのか── Vue.js と Next.js を比べて見えたこと
Avatar for OPTiM optim
2
350

Other Decks in Programming

See All in Programming
C#の現在地 進化の歴史と、AI時代の.NET Everywhere
Avatar for Yoshifumi Kawai neuecc
4
2.5k
市販E-Readerを乗っ取れ 〜Embedded Swiftで電子ペーパーガジェットを制御する〜
Avatar for Trickart trickart
0
190
技術的負債を組織課題として解く-増えすぎたマイクロサービスとの戦い-
Avatar for reimaru reimaru
1
2k
Heart of Swift Concurrency
Avatar for Yuta Koshizawa koher
0
890
Kiroで創り、AgentCoreで繋ぐ！AWSで実践する「AI-DLC」から「AIエージェント統合」までの最新地図
Avatar for matsukada licux
4
700
Omarchy Tokyo やると聞いて UMPC 買ってセットアップしてきた
Avatar for Fumiaki MATSUSHIMA mtsmfm
0
150
Webの地図
Avatar for Yosuke Furukawa yosuke_furukawa
PRO
6
4.6k
SREの越境 / SRE Collaboration
Avatar for y-ohgi y0hgi
2
240
AGENTS.md Is Not Enough: Build Skills, Don't Download Them
Avatar for Alex T lx_t
0
120
標準パッケージに uuid が追加された 背景から見る Go らしい意思決定 / go_127_uuid_decision
Avatar for convto convto
5
7.3k
Security issues being discussed on Web Platforms
Avatar for petamoriken / 森建 petamoriken
0
970
FreeBSDでZabbixを動かす
Avatar for kenkino kenkino
0
300

Featured

See All Featured
Chasing Engaging Ingredients in Design
Avatar for Sebastian Deterding codingconduct
0
320
The Director’s Chair: Orchestrating AI for Truly Effective Learning
Avatar for Mike Taylor tmiket
1
300
Money Talks: Using Revenue to Get Sh*t Done
Avatar for Nikki Halliwell nikkihalliwell
0
500
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.5k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
187
23k
Code Review Best Practice
Avatar for Trisha Gee trishagee
74
20k
AI: The stuff that nobody shows you
Avatar for John Nunemaker jnunemaker
PRO
10
1k
From π to Pie charts
Avatar for Rasagy Sharma rasagy
1
370
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
Avatar for Aleyda Solis aleyda
1
2.2k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
2.1k
Google's AI Overviews - The New Search
Avatar for Barry Adams badams
0
1.6k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
287
14k

Transcript

  1. © 2019 OPTiM Corp. ‹#› © 2019 OPTiM Corp. 株式会社

    OPTiM 技術統括本部 プラットフォーム技術戦略室 青木 OPTiM Cloud IoT OS でIoTはじめました

  2. © 2019 OPTiM Corp. ‹#› © 2019 OPTiM Corp. 株式会社

    OPTiM 技術統括本部 プラットフォーム技術戦略室 青木 OPTiM Cloud IoT OS 実践 Web Application with IoT

  3. © 2019 OPTiM Corp. 3 © 2019 OPTiM Corp. 自己紹介

    青木 株式会社OPTiM 技術統括本部 プラットフォーム技術戦略室 PoC案件, CloudIoTOSと連携したアプリケーション Work Favorite ピアノ, カメラ, 電子工作, 旅行 ,etc…. Status 19年度新卒エンジニア

  4. © 2019 OPTiM Corp. 4 © 2019 OPTiM Corp. 自己紹介

    青木 株式会社OPTiM 技術統括本部 プラットフォーム技術戦略室 第2種電気工事士 アマチュア無線技士4級 日商簿記3級 基本情報技術者 [陸,海]特殊無線技士 Etc… 取得資格

  5. © 2019 OPTiM Corp. 5 © 2019 OPTiM Corp. これまで触ったもの、最近触ってるもの

    (他色々）

  6. © 2019 OPTiM Corp. 6 © 2019 OPTiM Corp. TECH

    BLOGも執筆してます。 TECH BLOGも執筆してます。

  7. © 2019 OPTiM Corp. 7 目次  自己紹介  やりたいこと

    • 詳細な流れ • CIOSの特徴とメインに使うこと  やったこと  さいごに

  8. © 2019 OPTiM Corp. 8 今回やりたいこと

  9. © 2019 OPTiM Corp. 9 © 2019 OPTiM Corp. Device

    Web Sensor Data

  10. © 2019 OPTiM Corp. 10 © 2019 OPTiM Corp. その後…

    Web Sensor Data Device

  11. © 2019 OPTiM Corp. 11 © 2019 OPTiM Corp. Device

    Web Sensor Data よくあるIoTでやりたいこと No:1 (私調べ）

  12. © 2019 OPTiM Corp. 12 © 2019 OPTiM Corp. これらを実現するためには

  13. © 2019 OPTiM Corp. 13 © 2019 OPTiM Corp. Device

    Web WebSocket Server DB Server Machine Auth

  14. © 2019 OPTiM Corp. 14 © 2019 OPTiM Corp. Device

    Web WebSocket Server DB Server Machine Auth 見るべき人にのみ公開

  15. © 2019 OPTiM Corp. 15 © 2019 OPTiM Corp. Device

    Web WebSocket Server DB Server Machine Auth 多数のユーザのデバイス からのアクセス

  16. © 2019 OPTiM Corp. 16 © 2019 OPTiM Corp. Device

    Web WebSocket Server DB Server Machine Auth スケーラブルな実装

  17. © 2019 OPTiM Corp. 17 © 2019 OPTiM Corp. Device

    Web WebSocket Server DB Server Machine Auth

  18. © 2019 OPTiM Corp. 18 © 2019 OPTiM Corp. Device

    Web Sensor Data できればココ以外は考えたくない

  19. © 2019 OPTiM Corp. 19 © 2019 OPTiM Corp. Device

    Web WebSocket Server DB Server Machine Auth ここの代わりになるのが

  20. © 2019 OPTiM Corp. 20 © 2019 OPTiM Corp.

  21. © 2019 OPTiM Corp. 21 © 2019 OPTiM Corp.

  22. © 2019 OPTiM Corp. 22 © 2019 OPTiM Corp. 詳しく説明すると時間が足りなくなっちゃうので

  23. © 2019 OPTiM Corp. 23 © 2019 OPTiM Corp. 今回利用する部分を重点的にお話します

  24. © 2019 OPTiM Corp. 18 © 2019 OPTiM Corp. SensorData

    Visualize SensorData Visualize Publish Subscribe

  25. © 2019 OPTiM Corp. 25 © 2019 OPTiM Corp. SensorData

    Visualize SensorData Visualize ACL Datastore Etc…

  26. © 2019 OPTiM Corp. 26 © 2019 OPTiM Corp. SensorData

    Visualize ACL Messaging PubSub Datastore Etc…

  27. © 2019 OPTiM Corp. 27 いざ、実践

  28. © 2019 OPTiM Corp. 28 © 2019 OPTiM Corp. まずは、ここの設定から

    時間あるかな？？？

  29. © 2019 OPTiM Corp. 29 © 2019 OPTiM Corp. 必要なAPIスコープ

    のみ許可 Clientタイプ : Client リソースオーナー：自分 OAuthClientの作成 ※自分のアカウントでログインしてます

  30. © 2019 OPTiM Corp. 30 © 2019 OPTiM Corp. Messaging

    : 有効 リソースオーナー：自分 チャネルの作成 Datastore : 無効 ※今回はデータを蓄積しないため。 ※自分のアカウントでログインしてます

  31. © 2019 OPTiM Corp. 31 © 2019 OPTiM Corp. Channel

    Publish Subscribe チャネルの動作 複数人

  32. © 2019 OPTiM Corp. 32 © 2019 OPTiM Corp. Channel

    Publish Subscribe チャネルの動作 複数台

  33. © 2019 OPTiM Corp. 33 © 2019 OPTiM Corp. Channel

    Pub Sub Pub Sub チャネルとの関係性 ＊ : 1 : ＊

  34. © 2019 OPTiM Corp. 34 © 2019 OPTiM Corp. 次はデバイスの設定

  35. © 2019 OPTiM Corp. 35 © 2019 OPTiM Corp. 1.Token

    Request 2.Websocket Connect 3.Publish Data 流れ

  36. © 2019 OPTiM Corp. 36 © 2019 OPTiM Corp. 1.Token

    Request 2.Websocket Connect 3.Publish Data 流れ OAuth Clientを利用

  37. © 2019 OPTiM Corp. 37 © 2019 OPTiM Corp. 1.Token

    Request 2.Websocket Connect 3.Publish Data 流れ OAuth Clientを利用 Channel ID + Token

  38. © 2019 OPTiM Corp. 38 © 2019 OPTiM Corp. 1.Token

    Request 2.Websocket Connect 3.Publish Data 流れ OAuth Clientを利用 Channel ID + Token

  39. © 2019 OPTiM Corp. 39 © 2019 OPTiM Corp. ※最小構成なので注意

  40. © 2019 OPTiM Corp. 40 © 2019 OPTiM Corp. Token

    Channel CIOS FQDN Message Publish => ※最小構成なので注意

  41. © 2019 OPTiM Corp. 41 © 2019 OPTiM Corp. 最後にWebApplication

  42. © 2019 OPTiM Corp. 42 © 2019 OPTiM Corp. デバイスと同じ要領で

    JavascriptによるWebsocket通信を行います

  43. © 2019 OPTiM Corp. 43 © 2019 OPTiM Corp. ※最小構成なので注意

  44. © 2019 OPTiM Corp. 44 © 2019 OPTiM Corp. ※先程のコードだけでは動

    きません

  45. © 2019 OPTiM Corp. 45 © 2019 OPTiM Corp. Channel

    Pub Sub Pub Sub チャネルとの関係性 ということは・・・

  46. © 2019 OPTiM Corp. 46 © 2019 OPTiM Corp. Channel

    Pub Sub Pub Sub チャネルとの関係性 ブラウザ同士でも利用できます

  47. © 2019 OPTiM Corp. 47 © 2019 OPTiM Corp. ※先程のコードだけでは動

    きません 相手側 自分

  48. © 2019 OPTiM Corp. 48 © 2019 OPTiM Corp. Device

    Web Sensor Data できた！！！

  49. © 2019 OPTiM Corp. 49 さいごに

  50. © 2019 OPTiM Corp. 50 © 2019 OPTiM Corp. •

    IoTって結構たいへん • 基盤さえあれば簡単に実装は出来る • Messaging PubSubは使いようによって化ける • 繋がるのは楽しい！！ 感想

  51. © 2019 OPTiM Corp. 51 © 2019 OPTiM Corp. •

    IoTって結構たいへん • 基盤さえあれば簡単に実装は出来る • Messaging PubSubは使いようによって化ける • 繋がるのは楽しい！！ 感想 一緒にIoTデビューしましょう！

  52. © 2019 OPTiM Corp. ‹#› © 2019 OPTiM Corp.