O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.
Node-REDでRaspberry Piのリソース監視
フローベースドプログラミング勉強会
PROFILE
⾃⼰紹介
▸ Node-RED UG Japan運営メンバー
▸ 株式会社ウフル CTO
▸ Github

https://github.com/joeartsea
▸ Twitter

https://twitter.com...
Node-REDでRaspberry Piのメモリ使⽤状況可視化
node-red-dashboard
node-red-contrib-os
TODAY’S AGENDA
Raspberry Pi⽤に最適化されたOS

Raspbianにnpmがない!?
ACCIDENT
Raspberry Pi標準のNode-RED起動時のメッセージに従う
NPM INSTALL AND UPGRADE
右上から開くメニューにManage paletteが表⽰された
MANAGE PALETTE
Manage paletteならGUIで簡単にノードを追加できる
NODE INSTALL
Raspberry Piのメモリ情報を取得するフロー
GET MEMORY DATA
memusageだけを取り出すためにchangeノードを追加
ADD CHANGE NODE
以下のようにchangeノードを設定する
CHANGE NODE SETTING
memusageのデータだけ取り出せた
CHANGE NODE SETTING
ADD CHART NODE
node-dashboardのchartノードを追加
dashboardタブでtabとgroupを追加
DASHBOARD SETTING
CHART NODE SETTING
以下のようにchartノードを設定する
CHART NODE SETTING
以下のようにchangeノードにtopic追加設定する
INJECT NODE SETTING
最後にinjectノードの設定を変更する
INJECT NODE SETTING
以下のようにinjectノードを設定する
OPEN DASHBOARD
以下からdashboardを開く( http://<hostname>:<port>/ui )
DASHBOARD
完成!
Próximos SlideShares
Carregando em…5
×

Node-REDでraspberry piのリソース監視

1.445 visualizações

Publicada em

Node-REDでraspberry piのリソース監視

Publicada em: Internet
  • Seja o primeiro a comentar

Node-REDでraspberry piのリソース監視

  1. 1. Node-REDでRaspberry Piのリソース監視 フローベースドプログラミング勉強会
  2. 2. PROFILE ⾃⼰紹介 ▸ Node-RED UG Japan運営メンバー ▸ 株式会社ウフル CTO ▸ Github
 https://github.com/joeartsea ▸ Twitter
 https://twitter.com/joeartsea ▸ Slideshare
 https://slideshare.net/joeartsea
  3. 3. Node-REDでRaspberry Piのメモリ使⽤状況可視化 node-red-dashboard node-red-contrib-os TODAY’S AGENDA
  4. 4. Raspberry Pi⽤に最適化されたOS
 Raspbianにnpmがない!? ACCIDENT
  5. 5. Raspberry Pi標準のNode-RED起動時のメッセージに従う NPM INSTALL AND UPGRADE
  6. 6. 右上から開くメニューにManage paletteが表⽰された MANAGE PALETTE
  7. 7. Manage paletteならGUIで簡単にノードを追加できる NODE INSTALL
  8. 8. Raspberry Piのメモリ情報を取得するフロー GET MEMORY DATA
  9. 9. memusageだけを取り出すためにchangeノードを追加 ADD CHANGE NODE
  10. 10. 以下のようにchangeノードを設定する CHANGE NODE SETTING
  11. 11. memusageのデータだけ取り出せた CHANGE NODE SETTING
  12. 12. ADD CHART NODE node-dashboardのchartノードを追加
  13. 13. dashboardタブでtabとgroupを追加 DASHBOARD SETTING
  14. 14. CHART NODE SETTING 以下のようにchartノードを設定する
  15. 15. CHART NODE SETTING 以下のようにchangeノードにtopic追加設定する
  16. 16. INJECT NODE SETTING 最後にinjectノードの設定を変更する
  17. 17. INJECT NODE SETTING 以下のようにinjectノードを設定する
  18. 18. OPEN DASHBOARD 以下からdashboardを開く( http://<hostname>:<port>/ui )
  19. 19. DASHBOARD 完成!

×