kintone devCamp 2018-MbedによるIoTエッジデバイス入門

kintone devCamp 2018 MbedによるIoTエッジデバイス入門 2018年8月2日（水） 15:20〜16:50

自己紹介勝純一 @jksoft913 http://facebook.com/jksoft 活動：電子工作やロボット工作関連の執筆や講師活動仕事：組み込みソフトエンジニア

スケジュール１．Mbedファーストステップ１.１プログラミング準備１.２プログラムを動かす１.３プログラムの解説１.４プログラムを変更する
2. Mbedとkintoneを繋げる２.１ kintoneの準備２.２ APIトークンを調べる２.３ Mbedの準備２.４ kintoneからデータを取得する２.５ kintoneにデータをアップロードする

まず最初に Mbedはエンベッドと読みます。 Mbedの開発者Arm Chris Styles氏による発音講座

Armがサービスを提供している高速プロトタイピングが可能なマイコンモジュール構築済みの開発環境をクラウドサービスとして提供することにより導入時の複雑な環境構築を簡略化本日使用するMbed 「FRDM-K64F」ブラウザ上でプログラミングして開発する１．Mbedファーストステップ

1.1 プログラミング準備とにかくプログラムを動かしてみましょう。・Ｌチカとはマイコンを動かすファーストステップとして、ＬＥＤをチカチカ点滅させて動作確認することを一般的にＬチカと言います。従来はマイコンを動かすための回路を組み立て、プログラムを作るための開発環境を構築し、専用のライタでマイコンにプログラムを書き込んで初めて、ＬＥＤ
が点滅するところを確認できます。ただＬＥＤを点滅させるだけでも道のりは長いものでした。 ①．MbedをＵＳＢでパソコンに繋ぐ ②．ストレージとして認識されるので、中のmbed.htmlをクリック１．Mbedファーストステップ

③．アカウントを作成し、ログインする１．Mbedファーストステップ

④．プログラミング画面でワークスペースを作る Compilerをクリックするとプログラミング画面へ新規をクリックする１．Mbedファーストステップ

⑤．プログラミング画面でワークスペースを作るワークスペースの情報を入力するダイアログ作成されたワークスペース最初からＬＥＤが点滅するプログラムが書かれている１．Mbedファーストステップ

Compileボタンを押してしばらくするとファイルのダウンロードが始まるダウンロードしたファイルをストレージとして認識されたMbedにコピーし、リセットスイッチを押す１．Mbedファーストステップ 1.2 プログラミングを動かすとにかくプログラムを動かしてみましょう。実際の動作を確認してみましょう

Mbedライブラリを使用するために必要な記述デジタル出力（DigitalOut）という機能を使うための宣言 Led1というのは名前である程度、自由にネーミングできる LED1はMbed上のLEDを指しているこの部分と文末の中カッコ{ } は、対になっています。基本的なプログラムの流れはこの部分から始まって、最後の中カッコで終わるこの「while」というのはこの後のカッコ
( )の中身が真であれば次の中カッコ { から中カッコ } までを繰り返すという制御文デジタル出力機能で宣言したled1にled1の否定した値を代入するという意味この「wait」というのもMbedライブラリで定義されているもので、カッコ () の中の数字の分、プログラムが止まる１．Mbedファーストステップ 1.３プログラムの解説

1.４プログラミングを変更する変更したプログラムをパブリッシュしてみましょう１．Mbedファーストステップ

いよいよ本題となるMbedとkintoneの連携を試していきましょう kintoneの登録のためのリンクやサンプルプログラムをまとめたページを用意しましたので、開いておいて下さい。 https://os.mbed.com/users/JKsoft_main/notebook/0802note ２．Mbedとkintoneを繋げる Jksoft_mainで検索したほうが早いと思います。

２.１ kintoneの準備 kintoneと繋げるため、開発者向けサイトの登録と開発者ライセンスの取得を行います。２．Mbedとkintoneを繋げる https://developer.cybozu.io/ 開発者向けサイトの登録開発者ライセンスの取得 https://developer.cybozu.io/hc/ja/articles/200929540#step3

２.１ kintoneの準備開発者ライセンスの取得完了のメールからアクセスURL を開き、kintone開発環境にログインします。２．Mbedとkintoneを繋げる

２.１ kintoneの準備アプリを作ります。２．Mbedとkintoneを繋げる

２.２ APIトークンを調べる MbedからkintoneのアプリにアクセスするためのAPIトークンを調べます。アプリの設定画面を開きます。２．Mbedとkintoneを繋げる

２.２ APIトークンを調べる設定からAPIトークンを選びます。２．Mbedとkintoneを繋げる

２.２ APIトークンを調べる設定からAPIトークンを選びます。２．Mbedとkintoneを繋げるこの部分をメモしておきます。

２.３ Mbedの準備 Mbedとkintoneを繋ぐため、MbedにWi-Fi通信モジュールを拡張します。２．Mbedとkintoneを繋げる

２.３ Mbedの準備 Mbedの状態確認用LCDやセンサーを追加するため、それらが搭載されたApplication Shieldを取り付けます。２．Mbedとkintoneを繋げる

２.４ kintoneからデータを取得する特設ページからサンプルプログラムをインポートし、以下の項目を自分の環境に合わせて編集します。２．Mbedとkintoneを繋げる main.cpp mbed_app.json

２.４ kintoneからデータを取得する編集が終わったらコンパイルして、Mbedに書き込み、動作させます。 Mbed側で選んだidのイベントがkintoneのカレンダーで作成されるとブザーが鳴り確認することができます。 ※イベント名は半角の英数字で記入して下さい。２．Mbedとkintoneを繋げる

２.４ kintoneからデータを取得する今回は、idを指定してMbed側でポーリングするようにしましたが、 KintoneのWebhock機能を使えば、イベントで取得することも可能です。２．Mbedとkintoneを繋げる

２.５ kintoneにデータをアップロードする次はkintoneにセンサーのデータをアップロードしてみます。まずはセンサーのデータをkintone上でグラフ表示するためにアプリの準備をします。２．Mbedとkintoneを繋げる

２.５ kintoneにデータをアップロードするフィールドをフォームに設置します。２．Mbedとkintoneを繋げる設定を選ぶ

２.５ kintoneにデータをアップロードするグラフを設定します。２．Mbedとkintoneを繋げるフィールドが未保存の場合は保存する

２.５ kintoneにデータをアップロードするグラフの設定が終わったらアプリを公開し、トークンを生成します。次にMbed側の準備を行います。２．Mbedとkintoneを繋げる

２.５ kintoneにデータをアップロードする２．Mbedとkintoneを繋げる特設ページからサンプルプログラムをインポートし、以下の項目を自分の環境に合わせて編集します。 main.cpp mbed_app.json

２.５ kintoneにデータをアップロードするグラフで温度センサの値を確認します。２．Mbedとkintoneを繋げる

mbed（IoTデバイス）とkintoneの連携シナリオ２．Mbedとkintoneを繋げる

mbed祭りはmbedをネタとしたユーザーミーティング東京や大阪、名古屋、北海道など各地で開催しています。コミュニティページ： https://mbed.doorkeeper.jp mbed祭りの紹介

kintone devCamp 2018-MbedによるIoTエッジデバイス入門

kintone devCamp 2018-MbedによるIoTエッジデバイス入門

kintone papers

More Decks by kintone papers

Other Decks in Technology

Featured

Transcript