Recommended
More Related Content
Similar to App inventorハンズオン勉強会
Similar to App inventorハンズオン勉強会 (20)
App inventorハンズオン勉強会
- 1. 2018/6/2 1.0版 有山 隆史 App Inventor/Thunkable ハンズオン勉強会 ～Androidアプリ簡単作成 【One Japan Hackathon】
- 2. 1 App Inventorって ▌ Googleが教育コンピューティング向けに先行研究 ►2010年に一般公開 ►2012年にオープンソース ▌ MITに引き継ぎメンテナンス ▌ 2016年にThunkableとして、Y Combinatorの投資 を受けて商用 ► iOSを対象に追加。Cross Platform Xリリース。
- 3. ▌ Thunkableのログイン ► https://thunkable.com/ ▌ AndroidにThunkableアプリをインストール ► Thunkable Live for Classic Android ▌ Android端末の準備と設定 ► 開発者向けオプション ► セキュリティ→提供元不明のアプリ（ON） 2 事前準備
- 4. ▌① カウンター ▌② Google Mapsを使った地図表示 ▌③ 画像認識サービス ▌④ Webサービスからの天気読み上げ 3 ハンズオン
- 5. ▌ Designer ►Paletteから部品をスマートフォン画面に配置 ▌ Blocks ►Block editorで各部品の機能を配置 ▌ Export ►App(provide QR code from .apk)でサーバサイドでコンパイル ▌ Install ►バーコードのURLからapkをダウンロード 4 開発の流れ
- 7. 6 H01-0 App作成 ▌「Apps」→「Create New App」 ▌App nameを「counter」に設定
- 11. 10 H01-4 Download & Install ExportでApp(provide QR code for .apk)を選ぶ
- 12. ▌Android端末の状況によりapkがダウン ロードできない場合がある。 ▌対策 ►save .apk to my computerでダウンロード ►Android端末へコピー ◘Dropboxなどのオンラインストレージ ◘WindowsからBluetooth転送 ◘USBメモリー 11 【TIPS】 Error 1101など
- 14. 13 H02-1 Google Maps 【参考】Thunkable Intermediate App Tutorial #9 "Google Maps Location" ▌ Map初期設定 ▌ 加速度を振って地図を表示
- 15. ▌ Microsoft Cognitive Servicesを使って 撮った写真を認識させてみよう。 ▌ Design ►Image1 ◘「Scale Picture to Fix」にチェック ►Label1 / Button1 / Button2 ►Media →Camera1 ►Image Recognizer ►Media→Text-to-Speech 14 ハンズオン③ AI機能を使う
- 16. 15 H03-1 Block①
- 17. 16 H03-2 Block② 【参考】Thunkable Intermediate App Tutorial #7 "Image Recognition & Artificial Intelligence"
- 18. ▌ インターネット上にあるWebサービス（天気サイ ト）をアクセスしてみよう。 ►Livedoor Weather Web Service / LWWS ◘http://weather.livedoor.com/weather_hacks /webservice ▌ Design ►Button ►Label ►Web ►Text-to-Speech 17 ハンズオン④ Webサービス
- 20. ▌ 東京の天気を取り出す。 ►http://weather.livedoor.com/forecast/webservice/json/v1?city=130010 19 H04-1 Blocks
- 21. ▌ 一日目の天気を取り出して、日本語で読み上げる。 20 H04-2 Blocks for JSON