Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
ビジュアルプログラミングでの開発でAndroid・iPhoneからIoT 〜 MIT App ...
Search
you(@youtoy)
PRO
March 16, 2021
Technology
1
580
ビジュアルプログラミングでの開発でAndroid・iPhoneからIoT 〜 MIT App Inventorを使って〜 / IoTLT vol.73
you(@youtoy)
PRO
March 16, 2021
Tweet
Share
More Decks by you(@youtoy)
See All by you(@youtoy)
ブラウザで CircuitPython の開発:公式の「CircuitPython Code Editor」を試した / 【屋形船開催】IoT縛りの勉強会! IoTLT vol.126 @東京湾
you
PRO
0
100
公開初日に個人環境で試した Gemini CLI 体験記など / Gemini CLI実験レポート
you
PRO
3
2.4k
Webの技術とガジェットで那須の子ども達にワクワクを! / IoTLT_20250720
you
PRO
0
140
公開初日に Gemini CLI を試した話や FFmpeg と組み合わせてみた話など / Gemini CLI 初学者勉強会(#AI道場)
you
PRO
0
2.4k
Node-REDのFunctionノードでMCPサーバーの実装を試してみた / Node-RED × MCP 勉強会 vol.1
you
PRO
0
160
総額200円の入力インターフェースで年齢問わず楽しめる体験型展示 / エンジニアの自由研究発表会vol.10
you
PRO
0
290
Node−RED で Ollama を使ったローカルLLM(node-red-contrib-ollamaを利用) / ビジュアルプログラミングIoTLT vol.20
you
PRO
0
230
AIエージェント開発や最新の生成AIのAPI利用などJavaScriptで色々やってみる / IoTLT vol.123
you
PRO
0
130
ChatGPT からモックサーバー宛(Beeceptor宛)の HTTPリクエストを試す / IoTLT 202504
you
PRO
0
120
Other Decks in Technology
See All in Technology
JavaScript 研修
recruitengineers
PRO
6
1.4k
JuniorからSeniorまで: DevOpsエンジニアの成長ロードマップ
yuriemori
2
350
ヘブンバーンズレッドにおける、世界観を活かしたミニゲーム企画の作り方
gree_tech
PRO
0
450
「魔法少女まどか☆マギカ Magia Exedra」の必殺技演出を徹底解剖! -キャラクターの魅力を最大限にファンに届けるためのこだわり-
gree_tech
PRO
0
460
Bye-Bye Query Spaghetti: Write Queries You'll Actually Understand Using Pipelined SQL Syntax
tobiaslampertlotum
0
120
ここ一年のCCoEとしてのAWSコスト最適化を振り返る / CCoE AWS Cost Optimization devio2025
masahirokawahara
1
1.3k
Kiroと学ぶコンテキストエンジニアリング
oikon48
6
7.6k
Function Body Macros で、SwiftUI の View に Accessibility Identifier を自動付与する/Function Body Macros: Autogenerate accessibility identifiers for SwiftUI Views
miichan
2
160
TypeScript入門
recruitengineers
PRO
35
11k
LLM翻訳ツールの開発と海外のお客様対応等への社内導入事例
gree_tech
PRO
0
460
RSCの時代にReactとフレームワークの境界を探る
uhyo
9
2.5k
AIエージェントの活用に重要な「MCP (Model Context Protocol)」とは何か
masayamoriofficial
0
250
Featured
See All Featured
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
Why Our Code Smells
bkeepers
PRO
339
57k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
The Cost Of JavaScript in 2023
addyosmani
53
8.9k
Unsuck your backbone
ammeep
671
58k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.6k
Testing 201, or: Great Expectations
jmmastey
45
7.6k
Making the Leap to Tech Lead
cromwellryan
134
9.5k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
Faster Mobile Websites
deanohume
309
31k
Being A Developer After 40
akosma
90
590k
Rails Girls Zürich Keynote
gr2m
95
14k
Transcript
ビジュアルプログラミングでの開発で Android・iPhoneからIoT 〜 MIT App Inventorを使って〜 2021年3月16日 (火) IoTLT vol.73
@オンライン 豊田 陽介 ( @youtoy )
豊田陽介(@youtoy) 自己紹介 普段は、某通信会社の研究所勤務 話題のものを たくさん購入 してる気がする ビジュアルプログラミングIoTLT 共同主催、その他にも複数主催 ガジェット好き その他
IT系イベント主催・登壇・運営、多数参加 子ども向けの活動いろいろ(IT系以外も) プライベートでの活動
今日の話: ビジュアルプログラミングで スマホアプリ開発
開発できる機能の例 BLE を使ったデバイス間通信(Androidアプリ⇒toio)
開発できる機能の例2 BLE を使ったデバイス間通信2(M5Stack Core2 ⇒ Androidアプリ) M5Stack側の開発もビジュアル プログラミング(UIFlow)開発
インターネット経由 で何かやる話
HTTPリクエスト(POST)でLINE通知 LINE Notify を使った LINE 通知(これは iPhone でも動かした)
動画に出したもの(+α)はQiitaの記事に 音の機械学習 LINE通知 BLE で toio の制御 使い方手順 + 音声合成利用
ここからは説明を
ブロックベースのビジュアルプログラミングで Androidアプリ開発が 行えるもの(最近、iPhone でも動かせる仕組みができた!) MIT App Inventor とは?
iOS・iPadOS のコンパニオンアプリというものが最近リリースされた Android、iOS・iPadOS関連の話 iOS・iPadOS の場合、仲介役 になるアプリがあって、それを 使って動かす Android も仲介役アプリ経由での仕組みがありつつ、それとは別に APKファイルを生成することも可能
開発はWeb上で: 公式版と日本語対応した 非公式版がある
例えば 2011年の記事に Google Labs で公開されていて... という話が App Inventor 自体はかなり前からあった 【引用元】
誰でもAndroid開発できるApp Inventorの基礎知識:App Inventorで アプリ開発はどこまでできるのか(1)(1/3 ページ) - @IT https://www.atmarkit.co.jp/ait/articles/1103/15/news087.html 今はマサチューセッツ工科大学 (MIT)が提供
特長: 実装できる機能が豊富
アプリの基本的なUI(ボタンやテキストボックス等)以外にも 様々な機能が実装できる! カメラ 音の再生・ 録音 音声認識・ 音声合成 加速度・ジャイ ロ・GPS・方位・ 近接など各種
NFC も!
機能はまだまだ ファイルの利用、 ローカルの簡易DB、 クラウド上のDB Bluetooth利用関連、 シリアル通信、HTTP リクエストなど 拡張機能を読み込む ことで、BLEの利用、 機械学習活用(音・
画像・姿勢)も!
テキストでのプログラミング と比べると
「ボタンを押すと、音声合成でしゃべる」というだけのもの 非常に単純な機能での比較 MIT App Inventor: ブロック 3つだけ! Java で書くと... ↑詳細はこちらに
IoT関連で苦手かも ⇒ MQTT・WebSocketの 利用は少し面倒そう (標準機能にはない)
他のビジュアルプログラミングで スマホアプリが開発できるもの
いくつかピックアップ:Kodular App Inventor から派生したものらしい(Androidアプリ開発用) App Inventor にはない部分も (特にレイアウ トまわり) その他、デフォルトのデザインが良い感じ
いくつかピックアップ:Thunkable iOS・iPadOS のアプリインストールにも対応したスマホアプリ開発 無償プランはいくつか 制限あり。有償のプラン だと Webアプリ開発も
終わり!