ビジュアルプログラミングで電子工作 〜 Codecraft を試してみる 〜 2020年8月19日 (水) ビジュアルプログラミングIoTLT vol4 @オンライン 　　豊田 陽介 ( @youtoy )

豊田陽介（@youtoy） 自己紹介 ● 職場： 某通信会社の研究所 ● プライベートでの活動： IT系イベント主催・登壇・運営、多数参加 子ども向けの活動いろいろ（IT系以外も） ● その他： ガジェット好き ビジュアルプログラミングIoTLT vol4 @オンライン ビジュアルプログラミング IoTLT共同主催、など 話題のものが、たぶん だいたい自宅にある

今回は まだ使ったことがなかった ものを試してみた話

Codecraft ビジュアルプログラミングIoTLT vol4 @オンライン ・Scratch 3.0ベースのビジュアルプログラミング環境 ・オンライン版とオフライン版がある ・TinkerGen社が提供

Codecraft を知ったきっかけ ビジュアルプログラミングIoTLT vol4 @オンライン ・Seeed社のWikiのGroveモジュールのページにて 　↓ こんなページもあったり ●Guide for Codecraft using Arduino - Seeed Wiki 　https://wiki.seeedstudio.com/Guide_for_Codecraft_using_Arduino/ ●Codecraft Grove Compatible List - Seeed Wiki 　https://wiki.seeedstudio.com/Codecraft_Grove_Compatible_List/

利用可能な Groveモジュール ビジュアルプログラミングIoTLT vol4 @オンライン ●Codecraft Grove Compatible List - Seeed Wiki 　https://wiki.seeedstudio.com/Codecraft_Grove_Compatible_List/ 【Grove Digital】 Grove - Servo Grove - 4-Digit Display Grove - Chainable RGB LED Grove - Speaker Grove - Recorder V3 Grove - EL Driver Grove - Vibration Motor Grove - Electromagnet Grove - Mini Fan Grove - Relay Grove - Red LED Grove - Buzzer Grove - Circular LED Grove - Water Atomization Grove - Vibration Sensor(SW-420) Grove - Button Grove - Water Sensor Grove - Line Finder Grove - Ultrasonic Ranger Grove - Magnetic Switch Grove - PIR Motion Sensor Grove - Flame Sensor Grove - Collision Sensor Grove - Hall Sensor Grove - Tilt Switch Grove - Touch Sensor Grove - Temperature&Humidity Sensor Grove - Speech Recognizer （対象モジュール： 29） 【Grove Analog】 （対象モジュール： 8） 【Grove I2C】 （対象モジュール： 8）

Codecraft の対応デバイス ビジュアルプログラミングIoTLT vol4 @オンライン ・複数のデバイスに対応 自分が手持ちで試せそうな ものが2つ ・Arduino Uno ・micro:bit

Arduinoで試した話を

Arduino Uno ＋ Groveベースシールド ビジュアルプログラミングIoTLT vol4 @オンライン ・Groveモジュールのお試しを目指して

Webサイト上でのデバイスとの接続 ビジュアルプログラミングIoTLT vol4 @オンライン ・Connectボタンを押すと、アシスタントアプリが必要との表示

Webサイト上でのデバイスとの接続 ビジュアルプログラミングIoTLT vol4 @オンライン ・アシスタントアプリをインストールし起動して、再度Connect シリアルポートを 選択する画面に

まずは動作確認 ビジュアルプログラミングIoTLT vol4 @オンライン ・デバイス本体（＋シールド）だけでできる動作確認から シリアルモニタ用 のボタン 【setup】 シリアル通信の 設定 【loop】 1秒ごとに文字 列を出力

動作確認の結果 ビジュアルプログラミングIoTLT vol4 @オンライン ・文字列の一定間隔での出力を、サイト上のシリアルモニタで確認

ブロックでのプログラミング（補足） ビジュアルプログラミングIoTLT vol4 @オンライン ・Arduino IDEでの開発と同じ「setup」＋「loop」

テキストプログラミングへの切り替え ビジュアルプログラミングIoTLT vol4 @オンライン ・画面上部のボタンにて ここで切り替え Arduino IDEで 使えるコードに

Groveモジュールを 使ってみる

モジュールの接続 ビジュアルプログラミングIoTLT vol4 @オンライン ・Digital に Grove - Circular LED ・I2C に Grove - I2C Touch Sensor 4つのパーツで タッチを検出 LEDが円状に 配置されたもの

動作させた時の様子 ビジュアルプログラミングIoTLT vol4 @オンライン 試していた際、Webサイト上でのプログラムの書き込みが失敗した事例が あり、調査中（OSがmacOS Catalinaだと失敗していたっぽい？）

プログラム（一部抜粋） ビジュアルプログラミングIoTLT vol4 @オンライン 必要なライブラリは、うまく 組み込んでくれてる 変換したテキスト版 はこんな感じ

デバイス連携以外

画面上でキャラクターを動かす等の・・・ ビジュアルプログラミングIoTLT vol4 @オンライン ・デバイスを使わないビジュアルプログラミングも可能

オリジナルの拡張機能 ビジュアルプログラミングIoTLT vol4 @オンライン ・機械学習関連の拡張機能が提供されているっぽい

終わり！