【オンライン】AWS Amplifyハンズオン(WebアプリからMQTTでESP32を操作#4

イベント内容

はじめに

「コロナでイベントがキャンセルになって参加できるイベントがない」「マイコンをクラウドにつなぎたいけどどうやればいいの?」「サーバレス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://twitter.com/torachitech2/status/1178322168762912768

使用する開発ボードやブレッドボードはすべて事前に郵送いたしますので、ふるってご参加ください!

本ハンズオンはZoomを使ってのオンライン開催となります。お申し込み後、教材を発送いたします。 当日は予め郵送させていただいた教材を使ってハンズオンを行います。

PayPal以外(PayPay、銀行振込)のお支払いも可能です。ご希望の場合はお申し込み前に一番下のお問い合わせ先にご連絡下さい。

対象となる方

  • 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ラボオリジナルパーツケース

参加費と参加に必要なもの

  • 11,000円(税込、テキスト・教材費含む) 
    PayPal以外(PayPay、銀行振込)のお支払いも可能です。ご希望の場合はお申し込み前に一番下のお問い合わせ先にご連絡下さい。

  • ノートPC(Zoomセットアップ済みのMac、Windows)

  • AWSアカウント

ユーザーコミュニティ

IoTラボ Facebookコミュニティ
Internet of Things Tokyo

タイムスケジュール

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

時間 発表者・参加者 内容
15:00 スタッフ集合&Zoom接続確認
15:10 Steve オープニング(アマゾンエコーとWebアプリからスマート照明を操作)
15:10 - 15:15 全員 自己紹介
15:15 - 15:50 Steve レクチャー
15:50 - 16:00 休憩
16:00 - 18:30 ハンズオン
18:30 - 19:00 希望者のみ 質問・相談タイム

サンプルコード

//Load Mongoose OS APIs
load('api_mqtt.js');
load('api_gpio.js');

let pin = 0
topic = 'topic';

//MQTT subscribe
MQTT.sub('topic', function(conn, topic, msg) {
  print('Topic:', topic, 'message:', msg);
}, null);

//MQTT publish
GPIO.set_button_handler(pin, GPIO.PULL_UP, GPIO.INT_EDGE_NEG, 200, function() {
  let res = MQTT.pub(topic, JSON.stringify({ bell: 1}), 1);
  print('Published:', res ? 'yes' : 'no');
}, null);

ワークショップ一覧

定期的に新しいワークショップが追加されます。 ワークショップにはジャンルと番号(易しい順に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 みんなのIoTハンズオン(センサとディスプレイをAWSで繋いでみよう)
IoT 202 みんなのIoTハンズオン(クラウド扇風機を作ろう)

IoT 301 みんなのスマートホームハンズオン(WiFiスマートプラグを作ろう)
IoT 302 みんなのスマートホームハンズオン(IoT防犯システムを作ろう)
IoT 303 みんなのスマートホームハンズオン(IoT火災検知システムを作ろう)
IoT 304 みんなのスマートホームハンズオン(AWS対応赤外線リモコンを作ろう)

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

EECS 502 みんなのArduinoハンズオン(Arduinoで低温調理器を作ろう)

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

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

リンク

IoT時代におけるICT産業動向分析(総務省)
ESP32 Resources
ESP32 Community
Mongoose OS Installation
Mongoose OS API

主催

IoTラボ

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

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

所在地は東京都品川区です。ご要望に応じて法人様への出張レクチャー・ハンズオンも可能です。

スタッフ

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

Albert
AWS認定ソリューションアーキテクト。国内の大学・大学院卒。研究内容はファジー制御。新卒で日本電気株式会社(NEC)入社。FA事業領域にて電気設計、システム設計を担当。米国駐在中はシカゴでのプロジェクトに従事。退職後はJavaプログラミングスクール、ピザベンチャー立ち上げを経てフリーランスのITエンジニアとして独立。現在各種プロジェクトに従事。2017年5月にIoTラボを、2018年6月に品川ハッカースペースを立ち上げ。趣味は食べ歩き。

お問い合わせ先

support@iotlab.me
050-7128-6590

注意事項

※ こちらのイベント情報は、外部サイトから取得した情報を掲載しています。
※ 掲載タイミングや更新頻度によっては、情報提供元ページの内容と差異が発生しますので予めご了承ください。
※ 最新情報の確認や参加申込手続き、イベントに関するお問い合わせ等は情報提供元ページにてお願いします。

類似しているイベント