トップページ -> 実践知識 -> JavaScript による Web プログラミング -> MIT App Inventor を使ってみる
[サイトマップへ], [サイト内検索へ],

MIT App Inventor を使ってみる

サイト構成 連絡先,業績など 実践知識 データの扱い コンピュータ 教材 サポートページ

前準備


MIT App Inventor を使ってみる

  1. Web ページを開く

    http://teach.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」のボタンをクリックすると、文字の大きさが大きくなる。