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
540
ビジュアルプログラミングでの開発で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)
もくはりでのモノ作りと自身のモノ作り活動 / もくはり文化祭2024 オープン記念イベント
you
PRO
0
32
"かわいい" がテーマのハッカソンでWebの技術を使って魔法の世界を作った話など / HTML5 10th Anniversary
you
PRO
0
82
ブラウザで AI・機械学習が扱える TensorFlow.js が使われているライブラリなどの話 / #さくらのAI Meetup vol.4「ブラウザ」
you
PRO
0
170
Blynk と Raspberry Pi Pico W で IoT 〜 MQTT・HTTPリクエストの組み合わせも 〜 / IoTLT vol.114
you
PRO
0
2.4k
AIを活用したWebアプリのプロトタイプを作ってコンテストや展示に出してみた話 / 大阪工業大学 ネットワークデザイン学科 LT大会 2024v2
you
PRO
0
93
Babylon.jsと色々なものを組み合わせる:ブラウザのAPIやガジェットや2D描画ライブラリなど / Babylon.js 勉強会 vol.3
you
PRO
0
600
WebHID API で Joy-Con・DUALSHOCK 4 のセンサーをブラウザから利用する / IoTLT vol.109
you
PRO
0
2.4k
UIFlow 2.0 で MQTT をやってみた! / IoTLT vol.108
you
PRO
0
5k
UIFlow 2.0 と ATOMS3 の組み合わせで LINE通知を試す / ビジュアルプログラミングIoTLT vol.16
you
PRO
1
2.6k
Other Decks in Technology
See All in Technology
技術的負債解消の取り組みと専門チームのお話 #技術的負債_Findy
bengo4com
1
1.2k
偶然 × 行動で人生の可能性を広げよう / Serendipity × Action: Discover Your Possibilities
ar_tama
1
740
プロセス改善による品質向上事例
tomasagi
1
1.6k
「海外登壇」という 選択肢を与えるために 〜Gophers EX
logica0419
0
500
RSNA2024振り返り
nanachi
0
500
明日からできる!技術的負債の返済を加速するための実践ガイド~『ホットペッパービューティー』の事例をもとに~
recruitengineers
PRO
3
100
【Developers Summit 2025】プロダクトエンジニアから学ぶ、 ユーザーにより高い価値を届ける技術
niwatakeru
2
890
現場で役立つAPIデザイン
nagix
29
10k
開発スピードは上がっている…品質はどうする? スピードと品質を両立させるためのプロダクト開発の進め方とは #DevSumi #DevSumiB / Agile And Quality
nihonbuson
1
1.3k
室長と気ままに学ぶマイクロソフトのビジネスアプリケーションとビジネスプロセス
ryoheig0405
0
320
急成長する企業で作った、エンジニアが輝ける制度/ 20250214 Rinto Ikenoue
shift_evolve
2
880
テストアーキテクチャ設計で実現する高品質で高スピードな開発の実践 / Test Architecture Design in Practice
ropqa
3
710
Featured
See All Featured
Facilitating Awesome Meetings
lara
51
6.2k
Building Better People: How to give real-time feedback that sticks.
wjessup
366
19k
How to train your dragon (web standard)
notwaldorf
90
5.8k
[RailsConf 2023] Rails as a piece of cake
palkan
53
5.2k
Automating Front-end Workflow
addyosmani
1367
200k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
20
2.4k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Adopting Sorbet at Scale
ufuk
74
9.2k
Designing for humans not robots
tammielis
250
25k
Optimizing for Happiness
mojombo
376
70k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Fireside Chat
paigeccino
34
3.2k
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アプリ開発も
終わり!