MIT App Inventor を使ってみる

前準備

• JDK のインストールが済んでいること．
• Android SDK のインストールが済んでいること．

MIT App Inventor を使ってみる

1. Web ページを開く

   https://appinventor.mit.edu/

   
2. 「Use MIT App Inventor」をクリック
   
3. 新しい画面で「New」をクリック。これは，プロジェクトの新規作成のため。
   
4. プロジェクト名 を設定し，「OK」をクリック．
   
5. デザイナの画面が開く
   
6. 試しに，ボタン(Botton)とラベル(Label)を，ドラッグ＆ドロップする．
   
7. 今度は，「Open New Blocks Editor」をクリック
   
8. ブロック・エディタの画面が開く．「My Blocks」をクリックすると，先ほどデザイナで配置したブロックの一覧が表示される。 ここでは「Button1」をクリック
   
9. 試しに，「Button1.Click」を，ドラッグ＆ドロップする．
   
10. 次に「Label1」をクリック
    
11. 試しに，「Label1.FontSize」を，ドラッグ＆ドロップする．先ほどのブロックと噛み合わせる。
    
12. 「Built-In」をクリックし，「Math」をクリックする．
    
13. 試しに，「number」を，ドラッグ＆ドロップする．先ほどのブロックと噛み合わせる。
    
14. 実行してみたい。まず「New emulator」をクリック．
    
15. 「OK」をクリック．
    
16. 鍵アイコンをドラッグし，ロックを解除する。
    
17. 画面が変わる
    
18. 「Connected to Device」で、「emulator ...」を選ぶ。これはエミューレータで実行させたいので。
    
19. 起動すると画面が変わる
    
20. 「Test for Button1」のボタンをクリックすると、文字の大きさが大きくなる。