Programing/MIT App Inventor2 の恃构爬

纳裁された乖はこの咖です。
猴近された乖はこの咖です。
Programing/MIT App Inventor2 へ乖く。
[[Programing]] ′ MIT App Inventor

#title(ビジュアルプログラミング咐胳 MIT App Inventor2 メモ)

このペ〖ジは、[[クリエイティブコモンズ CC BY-SA 3.0:http://creativecommons.org/licenses/by-sa/3.0/]]で捏丁しています。

----

MIT App Inventorは、Androidアプリをマウスや回黎だけで侯喇できるビジュアル プログラミング咐胳。

これは、MIT App Inventoの掐嚏淡祸です。

笆布、今きかけ

#contents

*车妥を梦る [#z55bc18e]

App Inventorは、Androidアプリをマウスや回黎で侯れるビジュアルプログラミング咐胳。

プログラムの婶墒をドラッグ□ドロップで寥み圭わせるだけで、Androidアプリができる。

もともとGoogleが倡券したものが、2012钳1奉にオ〖プンソ〖ス步されて、附哼はMITのプロジェクトとして给倡されている。

2013钳12奉に、App Inventor2が给倡された。

-[[App Inventor - Wikipedia:http://ja.wikipedia.org/wiki/App_Inventor]] 泣塑胳
-[[Front Page | Explore MIT App Inventor:http://appinventor.mit.edu/explore/]] 给及サイト∈毖胳∷

**App Inventor2の泼魔 [#i8116d5f]

-Webブラウザだけで、侯喇材墙∈Java稍妥。IE润滦炳∷

**サンプルアプリ [#k1e7321b]

(洁洒面)

*はじめ数 [#c9cc5960]

まずPCで≈Hello World∽を侯ります。

**洁洒するもの [#h6bb3882]

-PC
-Webブラウザ(ChromeかFirefoxを京五。IEはサポ〖ト嘲)
-[[Google アカウント:https://accounts.google.com/SignUp?hl=ja]]∈MITのAppInventorでプロジェクトを瘦赂する眷圭。Androidデバイスにヒモづいているはず。
-Androidマシン∈スマホ or タブレット∷
- 痰俐LAN(WiFi) あると守网

**呵介のプロジェクト [#edebebd5]

+Webブラウザで[[AppInventor2:http://ai2.appinventor.mit.edu/]]ペ〖ジにアクセスしたら、Googleアカウントでのログイン
+ポップアップウィンドウが山绩されたら、≈Continue∽ボタンをクリック
+肌のポップアップ≈Welcome to AppInventor2∽が山绩されたら、ウィンドウ嘲をクリック
+≈New Project∽ボタンをクリック
+≈Create New App Inventor Project∽で、プロジェクト叹(毋¨first)を掐蜗して≈OK∽
+≈first∽プロジェクトをダブルクリックすると、アプリの倡券茶烫が山绩される

#ref(s_first_project.png)

**Hello World [#a355446f]

+焊はしの≈Pallete∽-≈User Interface∽∈パレット - ユ〖ザ〖インタ〖フェ〖ス∷にある≈Button∽(ボタン)ブロックを茶烫面丙のVewer(ビュ〖ワ)エリアまでドラッグ。この≈Button∽(ボタン)ブロックは、∩Text for Button1∩と山绩される
+∩Text for Button1∩が联买された觉轮で、≈Properties∽(プロパティ)エリアの"Text"(テキスト)を≈Text for Button1∽から≈OK∽に恃える
+茶烫宝惧の≈Blocks∽ボタンをクリックする。これで、プログラム试礁茶烫になる
+焊はしの≈Blocks∽エリアから、肌の3つのブロックを艰り叫して寥み惟てる
--≈Screen1∽-≈Button1∽¨When Button1 Click do
--≈Screen1∽-≈Button1∽¨Set Button1 Text to
--≈Built in∽-≈Text∽¨∩_"
+Textブロックの面咳を"Hello World"に恃构する
+≈Project∽-≈Save∽で、プログラムを瘦赂する

#ref(s_hellow_world.png)

*悸乖する数恕 [#c74c19a7]

悸乖する数恕は、肌の3つ。

-Androidデバイス+WiFiがある => Androidデバイス+WiFiで悸乖
-Androidデバイスがない => エミュレ〖タで悸乖
-AndroidデバイスはあるがWiFiがない => Androidデバイス+USBケ〖ブルで悸乖

-[[3つの数恕∈毖胳∷:http://appinventor.mit.edu/explore/ai2/setup.html]] 
-[[General Connection Help | Explore MIT App Inventor:http://appinventor.mit.edu/explore/ai2/connection-help.html]]

**Androidデバイス+WiFiで悸乖 [#v982247c]

あなたのAndroidデバイス脱でアプリを悸乖するため、≈App Inventor コンパニオン(MIT AI2 Companion - App Inventor Companion App for your device)∽を缄に掐れよう
あなたが侯ったアプリをあなたのAndroidデバイスで悸乖するため、あなたのAndroidデバイスに≈App Inventor コンパニオン(MIT AI2 Companion - App Inventor Companion App for your device)∽を掐れておこう。

+PCで[[Connect your Phone or Tablet over WiFi | Explore MIT App Inventor:http://appinventor.mit.edu/explore/ai2/setup-device-wifi.html]]にアクセス
+山绩されていたQRコ〖ドをAndroidデバイスで粕み艰り、GooglePlayにアクセス
--[[MIT AI2 Companion - Google Play の Android アプリ:https://play.google.com/store/apps/details?id=edu.mit.appinventor.aicompanion3]]
+AndroidデバイスにMIT AI2 Companionをインスト〖ル
+PCのAppInventor2で、≈Connect∽-≈AI2 Companion∽を联买。QRコ〖ドが山绩される
+AndroidデバイスにMIT AI2 Companionを弹瓢する
+Androidデバイスで≈Scan QR code∽を联买
+PCに山绩されたQRコ〖ドを、Androidデバイスで粕み艰る

#ref(s_connect.png)

これで、侯喇したアプリが、Androidデバイスで悸乖できました。

-[[给及サイトの毖胳の棱汤:http://appinventor.mit.edu/explore/ai2/setup-device-wifi.html]]

**エミュレ〖タで悸乖 [#efabea62]

Androidデバイスがなくても、30客くらいのクラスだったら、これで极尸たちのプロジェクトをPC惧に侯って、エミュレ〖タで悸乖できる。

AI2 Setupの呵糠バ〖ジョンをインスト〖ルすること。
PCには、AI2 Setupの呵糠バ〖ジョンをインスト〖ルすること。

+AI2 Setupをインスト〖ル∈この面に、Androidエミュレ〖タが掐っている∷
--[[Setup on Windows:http://appinventor.mit.edu/explore/ai2/windows.html]] インスト〖ル黎のファイルパス(C:\Program Files\AppInventor)をメモしておくこと。
--[[Setup on Mac OS X:http://appinventor.mit.edu/explore/ai2/mac.html]]
--Instructions for GNU/Linux (coming soon)
+aiStarterを悸乖しておく (Windowsの眷圭)
+PCのAppInventor2で、≈Connect∽-≈Emulator∽を联买
+Androidエミュレ〖タが弹瓢したら(6-7尸くらいかかった)、カギマ〖クを玻にドラッグ
+Androidエミュレ〖タ惧の≈AI2 Companion∽アイコンをクリック

これで、Androidエミュレ〖タ惧のAI2 Companionが弹瓢して、极瓢弄に滦据アプリが山绩されるはず。

#ref(s_emulator.png)

讳の眷圭、うまく儡鲁できなかったので、こんなふうにした

+Androidエミュレ〖タの≈Menu∽ボタンをクリックして、AI2 Companionを匿贿する
+PCのAppInventor2で、浩刨≈Connect∽-≈Emulator∽を联买

-[[给及サイトの毖胳の棱汤:http://appinventor.mit.edu/explore/ai2/setup-emulator.html]]

**USBケ〖ブルで儡鲁 [#kdcd2ada]

Androidデバイスはあるけど痰俐LANが蝗えないなら、PCとAndroidデバイスをUSBケ〖ブルで儡鲁して、プログラムを悸乖できる。

AI2 Setupの呵糠バ〖ジョンをインスト〖ルすること。
あなたが侯ったアプリをあなたのAndroidデバイスで悸乖するため、あなたのAndroidデバイスに≈App Inventor コンパニオン(MIT AI2 Companion - App Inventor Companion App for your device)∽を掐れておこう。また、PCには、AI2 Setupの呵糠バ〖ジョンをインスト〖ルすること。

+AI2 Setupをインスト〖ル∈この面に、Androidエミュレ〖タが掐っている∷
+PCに、AI2 Setupをインスト〖ル∈この面に、Androidエミュレ〖タが掐っている∷
--[[Setup on Windows:http://appinventor.mit.edu/explore/ai2/windows.html]] インスト〖ル黎のファイルパス(C:\Program Files\AppInventor)をメモしておくこと。
--[[Setup on Mac OS X:http://appinventor.mit.edu/explore/ai2/mac.html]]
--Instructions for GNU/Linux (coming soon)
+PCで[[Connect your Phone or Tablet over WiFi | Explore MIT App Inventor:http://appinventor.mit.edu/explore/ai2/setup-device-wifi.html]]にアクセス
+山绩されていたQRコ〖ドをAndroidデバイスで粕み艰り、GooglePlayにアクセス
--[[MIT AI2 Companion - Google Play の Android アプリ:https://play.google.com/store/apps/details?id=edu.mit.appinventor.aicompanion3]]
+AndroidデバイスにMIT AI2 Companionをインスト〖ル
+aiStarterを悸乖しておく (Windowsの眷圭)
+PCとAndroidデバイスをUSBケ〖ブルで儡鲁。うちの眷圭、Androidデバイスの郊排ケ〖ブルが、じつはUSBケ〖ブルになる。儡鲁するとAndroidデバイスは、≈mass ｓｔｒａｇｅ device∽モ〖ドになる∈PCには嘲婶ドライブとして山绩されない∷。
-PCで[[儡鲁テスト:http://appinventor.mit.edu/test/]]にアクセスする。

-[[Connecting to a phone or tablet with a USB cable | Explore MIT App Inventor:http://appinventor.mit.edu/explore/ai2/setup-device-usb.html]]

*徊雇 [#f8728d08]

-[[Front Page | Explore MIT App Inventor:http://appinventor.mit.edu/explore/]] 给及サイト∈毖胳∷
--[[MIT App Inventor 2:http://ai2.appinventor.mit.edu/]]
--[[App Inventor Classic:http://appinventor.mit.edu/explore/classic.html]]

-[[泣塑App Inventorユ〖ザ〖柴:http://www.app-inventor.jp/]]

-[[息很インデックス≈App Inventorでアプリ倡券はどこまでできるのか∽ - △IT:http://www.atmarkit.co.jp/fsmart/index/appinventor.html]]
-[[プログラマでない客のためのAndroidアプリ侯喇掐嚏 ×App Inventor×:http://libro.tuyano.com/index2?id=315001]]
-[[App Inventor Idea Book:http://piezdowe.blogspot.jp/]]