20241004_マイコンとiPaaSで呼び出しアプリを作ってみた

マイコンとiPaaSで 呼び出しアプリを作ってみた ～M5StackとAzure Logic Appsを添えて～ @RPACommunity

自己紹介 name “yankee” SNS 資格・試験 最近の興味 IPA（ES/SC/NW/DB/SA） PL-900、日商簿記2級 ローコード全般、M5Stack、Azure、 Postman、Linux、仮想化などなど

本日のアジェンダ つくってみたもの つかったもの 全体構成 Azure Logic Apps M5Stack おわりに

つくってみたもの ※内容はフィクションで

つかったもの Azure Logic Apps Azure Logic Apps は、コンテナー化されたランタイム上に構築された、主要な サービスとしての統合プラットフォーム (iPaaS) です。どこでも Logic Apps をデ プロイして実行することができ、ビジネスクリティカルなワークフローをどこでも自動 化しながら、スケールと移植性を向上させることができます。 公式HPの記載の一部を抜粋（ロジック アプリ サービス – IPaaS | Microsoft Azure ） Azure上で使用できるiPaaS、操作感はPower 参考記事 Automateのクラウドフローと似てる 従量制なので、Power Automateでのプレミアムコネ クタも使用できる（もちろん使った分だけお金はかかる） Azure Logic Apps を触ってみる（簡単なデモ付き） #初心者 - Qiita Power Automate Premium契約してなくて、ちょっと プレミアムコネクタ試したい場合は個人的に使い勝手が よい 情シスよ、Azure Logic Appsをさわるんだ！ #ポエム - Qiita

• https://azure.microsoft.com/ja-jp/products/logic-apps
• https://qiita.com/akihiro_suto/items/725031627d4f1844b210
• https://qiita.com/fsdg-takada/items/e0612bf23a772350d85c

つかったもの M5Stack マイコンボードの一種 ブロックプログラミングやPython、 Arduino（C++ライク言語）でプロ グラミングができる M5Stackシリーズでいろんな種類 m5-docs (m5stack.com) のマイコンやセンサユニットが販売 Maker界隈で人気で、色々な作品 が公開されている （スタックチャンとかが有名） スタックチャン（Stack-chan） | M5Stack Japan Creativity Contest 2024 | ProtoPedia ProtoPedia

• https://protopedia.net/prototype/2345
• https://protopedia.net/event/m5stack2024
• https://docs.m5stack.com/en/core/core2

全体構成 ⚫操作端末はM5Stack ⚫Azure Logic Apps経由で • ユーザー情報の取得 • Teamsへのメンション通知 を行うアプリをそれぞれ定義 ⚫HTTPリクエストの受信をトリガとし、 M5StackからHTTPリクエストする

Azure Logic Apps（ユーザ情報取得） • ああ

Azure Logic Apps（ユーザ情報取得） 出力例 { "employee": [ { "UPN": "Alice@***.com", "nickName": "Alice" }, { "UPN": "Bob@***.com", "nickName": "Bob" } ] }

Azure Logic Apps（Teamsメンション通知）

M5Stack 使用デバイス 開発環境 M5Stack Core2 UIFlow m5-docs (m5stack.com) m5-docs (m5stack.com) タッチスクリーン搭載 ビジュアルプログラミング（Blockly） Wi-Fi/Bluetooth内蔵 UIパーツの配置で画面描画ができる

• https://docs.m5stack.com/en/core/core2
• https://docs.m5stack.com/ja/uiflow/uiflow_web

M5Stack（ブロック全体） 今日の 視聴者 ブロック多いな・・・、これ全部説明してたら5分じゃ終わらなく ね？ 5分でまとめきれなかったので、 今回はAzure Logic Appsとの連携部分のみ紹介します

M5Stack（ユーザ情報取得） 社員データjson { 社員リスト [ "employee": [ { "UPN": "Alice@***.com", "nickName": "Alice" }, { "UPN": "Bob@***.com", "nickName": "Bob" } ] { "UPN": "Alice@***.com", "nickName": "Alice" }, { "UPN": "Bob@***.com", "nickName": "Bob" } ] } 個別社員データjson { 社員名リスト [ "UPN": "Alice@***.com", "nickName": "Alice" } "Alice", "Bob" ] { "UPN": "Bob@***.com", "nickName": "Bob" }

M5Stack（Teamsメンション通知） 社員リスト [ { "UPN": "Alice@***.com", "nickName": "Alice" }, { "UPN": "Bob@***.com", "nickName": "Bob" } ] データ { "UPN": "Alice@***.com", "nickName": "Alice" }

おわりに マイコンとiPaaSを使って呼び出しアプリを作ってみました iPaaSにマイコンを組み合わせることで、IoTっぽいことができます 今回の内容が誰かの参考になれば幸いです 今回の内容は、Qiitaにも記事を載せていますので、詳細を知りたい方はご覧ください 参考記事 M5Stack + Azure Logic Apps + Teamsを使った呼出しアプリ #M5stack - Qiita

• https://qiita.com/yankee/items/b5589373d7be53eceb97

Thank you!!