このエントリーをはてなブックマークに追加

Nov

6

Amplifyハンズオン「WebアプリからMQTTでESP32を操作してみよう」

サーバレスAmplify Webアプリから自作IoTデバイスを操作するハンズオンです

Organizing : IoT Lab

Hashtag :#iotlab
Registration info

オフライン参加枠

9800(Pay at the door)

FCFS
1/3

参加者への情報
(参加者と発表者のみに公開されます)

Description

はじめに

「マイコンをクラウドにつなぎたいけどどうやればいいの?」「サーバレスWebアプリってどうやって作るの?」「Webアプリに認証機能ってどうやってつけるの?」「WebアプリからIoT機器を制御するのってどうやるの?」こんな声をよく聞きます。

そこでESP32を使った自作IoTデバイスの作成からサーバレスWebアプリ開発までを一気通貫で行い、IoTを体感できるイベントを企画しました。

レクチャーの後のハンズオンでは、まずESP32にJavaScriptで制御アプリが書けるMongooseOSをインストールし、電子回路を経由してNeopixelのフルカラーLEDをつなぎ、クラウド(AWS IoTのシャドウ)からMQTTプロトコルで色を変えられるスマートLEDを製作します。次にAWS AmplifyとAmazon Cognito、そしてReactを使って認証付きサーバレスWebアプリを作成し、このアプリからスマートLEDを操作できるようにします。

実際のアプリの操作の様子はこちらをごらん下さい。
https://youtu.be/8KN76D8dE3s

使用する開発ボードやブレッドボードはすべてお持ち帰りいただけますので、ふるってご参加ください!

対象となる方

  • IoTに興味に興味はあるけど、何から始めればいいかわからない方
  • ESP32を使ってクラウドと連携してみたい方
  • WebアプリからIoTデバイスを制御したい方
  • Webアプリ認証機能をつけたい方
  • IoTのプロトタイプを迅速に作りたい方

※プログラミングが未経験でも大丈夫です。

イベント内容

レクチャーとハンズオンの2部構成です。

レクチャー

  • ESP32、電子工作部品、MQTT、AWS IoT、シャドウ、AWS Amplify、Amazon S3、Amazon Cognito、React等を解説し、マイコン、電子工作、通信プロトコル、IoT向けクラウドサービス、サーバレスアプリ開発に必要な要素の理解を深めます。
  • ESP32をJavaScriptで制御できるIoTプロトタイピング用OSのMongooseOSの解説を行います(日本初!)。

レクチャー画像

ハンズオン

  • ESP32にMongooseOSをインストールし、クラウド(AWS IoT)に接続します。
  • LEDをESP32につなぎ、AWS IoTのシャドウの状態に応じて色が変わるスマート照明を作成します。
  • AWS AmplifyとReactを使用してAWS IoTのシャドウの状態を変更できるサーバレスWebアプリを作成します。
  • Amazon Cognitoを使用してWebアプリにユーザ認証機構をつけます。
  • Webアプリからスマート照明をOn/Offしてアプリの検証を行います。
  • 最後にソースコードの解説を行います。

ハンズオン画像 ハンズオン画像

獲得できるIoTスキル

  1. マイコン(ESP32)の知識
  2. AWSのプロビジョニングとAWS IoTの知識
  3. MQTTによるPublish/Subscribeの方法
  4. AWS AmplifyとReactを使ったWebアプリ開発手法
  5. Amazon Cognitoを使った認証の知識
  6. IoTラピッドプロトタイピング技法

ロゴ画像

教材

  • テキスト(Google Driveのドキュメントです。定期的に最新化しています。)

  • ESP32開発ボード(ESP32-DevKitC) x 1

  • Neopixel LEDストリップ x 1

  • マイクロUSBコード x 1

  • ミニブレッドボード x 1

  • IoTラボオリジナルパーツケース

参加費と持ち物

  • 9,800円(オフラインでご参加: 税込、テキスト・材料費含む) 

  • AWSアカウント

  • ノートPC(Mac、Windows)

オフライン開催場所

秋葉原ハッカースペース
詳細はお申し込み確定後ご連絡いたしますが、JR秋葉原駅から徒歩5分の工作教室です。

Akihabaraハッカースペース画像

COVID-19対策

  • デスクは2つ、部屋の広さは14畳です。
  • 換気

Akihabaraハッカースペース画像

タイムスケジュール

順番と内容は変わる可能性があります。

時間 内容 備考
14:00 開場
14:05 - 14:10 オープニング(認証付きWebアプリからスマート照明を操作)
14:10 - 14:15 自己紹介
14:15 - 15:15 レクチャー
15:15 - 15:25 休憩
15:25 - 17:30 ハンズオン
17:30 - 18:00 質問・相談タイム 希望者のみ

IoTラボのハンズオン一覧

定期的に新しいハンズオンを追加しています。
ハンズオンにはジャンルと番号(やさしい順に100番台から)がついています。
リクエスト開催も可能です。ぜひお問い合わせ下さい。

ジャンル

IoT(電子工作、クラウド、プログラミングすべて含む)
CS(クラウドとプログラミング)
EECS(電子工作とプログラミング)
ME(工作)

公開済みのハンズオン

IoT 101 みんなのIoTハンズオン(3時間でIoTを体感しよう)
EECS 101 はじめての電子工作ハンズオン(パーツショップでは聞けない基礎の基礎)
ME 101 みんなの3Dプリンターハンズオン(3D CADソフトで3Dモデリングしてその場で3Dプリントしよう)

CS 201 Alexaスキルハンズオン(Amazon Echo実機を使ったスキル開発)
IoT 201 AWS IoT入門ハンズオン (センサーデータをAWSに送信しよう)
IoT 202 みんなのIoTハンズオン(クラウド扇風機を作ろう)

IoT 301 スマートホームハンズオン(WiFiスマートプラグを作ろう)
IoT 302 スマートホームハンズオン(IoT防犯システムを作ろう)
IoT 303 スマートホームハンズオン(IoT火災検知システムを作ろう)
IoT 304 スマートホームハンズオン(AWS対応赤外線リモコンを作ろう)
IoT 305 スマートホームハンズオン(ESP32とAWSでスマートロックを自作しよう)
IoT 306 スマート機器ハンズオン(冷蔵庫プラグ抜けアラームを作ろう)
IoT 307 スマート機器ハンズオン(Web会議向けON AIRサインを作ろう)

IoT 401 Alexaスキルハンズオン(Echo実機からマイコンESP32を操作しよう)
IoT 402 Alexaスキルハンズオン(Alexa対応ハロウィーンランタンを作ろう)
IoT 403 Alexaスキルハンズオン(Alexa対応大気チェッカーを作ろう)

EECS 501 みんなのArduinoハンズオン(Arduinoで低温調理器を作ろう)
CS 501 M5Stack Core2 x AWS IoT EduKitもくもく会

IoT 601 Alexaスマートホームスキルハンズオン(Echo実機から家電を操作しよう)
IoT 602 AWS Amplifyハンズオン(認証付きWebアプリからMQTTでESP32を操作しよう)

IoT 701  家電改造IoTハンズオン(Alexa対応扇風機を自作しよう)

IoT 901 Alexa対応電子レンジを作る会【ハッカソン】
CS 902 DeepRacerハンズオン&走行会


リンク

ESP32 Resources
ESP32 Community


主催

IoTラボ

2015年時点でインターネットにつながるIoTデバイス(モノ)の数は154億個で、5年後年までにその数は倍の304億個まで増えるとされていました。

このような中、個人レベルでも実際にIoTデバイスを作ったり使ったりすることを通じ、日本のIoTの活性化に貢献できればとの想いから、2017年6月にIoTラボを立ち上げました。

ご要望に応じて法人様への出張レクチャー・ハンズオンも可能です。

スタッフ

Steve

AWS認定ソリューションアーキテクト。米国の大学・大学院卒。博士課程での研究内容はFORTRANプログラムを使ったタンパク質X線構造解析。新卒で日本電子株式会社(JEOL、電子顕微鏡メーカー)入社後、電子顕微鏡や核磁気共鳴装置、質量分析計の販促、中国駐在、IT企画等を経験。その後まい泉創業者の小出千代子氏のもとで住み込みとんかつ修行、オーランドのフライトスクール、世界一周旅行、Javaプログラミングスクール、ピザベンチャー立ち上げ、SIerを経て株式会社安川電機入社。ITおよび新規事業企画(ベンチャー投資)を担当したのち、音声AIのHmcomm株式会社入社。2017年6月にIoTラボを、2018年6月に品川ハッカースペースを立ち上げ。趣味は海外旅行と家電ハック。

お問い合わせ先

support@iotlab.me
050-7128-6590

Presenter

Media View all Media

If you add event media, up to 3 items will be shown here.

Feed

Steve Kasuya

Steve Kasuya published Amplifyハンズオン「WebアプリからMQTTでESP32を操作してみよう」.

10/30/2021 10:32

Amplifyハンズオン「WebアプリからMQTTでESP32を操作してみよう」 を公開しました!

Group

IoTラボ

みなさまが楽しくIoTを始められるよう、お手伝いします!

Number of events 243

Members 782

Ended

2021/11/06(Sat)

14:00
18:00

You cannot RSVP if you are already participating in another event at the same date.

Registration Period
2021/10/30(Sat) 10:32 〜
2021/11/06(Sat) 18:00

Location

秋葉原ハッカースペース

秋葉原駅から徒歩5分(申込確定後、会場住所表示)

Attendees(1)

its88

its88

Amplifyハンズオン「WebアプリからMQTTでESP32を操作してみよう」に参加を申し込みました!

Attendees (1)