Androidアプリ製作：APP Inventorアプリ開発チュートリアル

Androidアプリ開発のためのチュートリアル
with APP Inventor

Androidアプリ製作：APP Inventorアプリ開発チュートリアル

大まかな流れは次の通りです。
Androidアプリを作る前に、どのように開発をすればいいのかを学びましょう。

 

MIT APP Inventorプロジェクト起動直後の画面

ログイン直後の画面

 

新規プロジェクトを作成する

メニュー「New」ボタンをクリックして、プロジェクト名を入力して「OK」ボタンをクリックします。なおプロジェクト名については、日本語およびスペース文字は使用できません。

 

UIデザイン（新規プロジェクト画面）

次に、UIデザイン画面よりBlocksエディタを起動します。

メニューより「Open the Blocks Editor」をクリックし、AppInventorForAndroidCodeblocksファイルをダウンロードして起動します。

※すでにAppInventorForAndroidCodeblocks.jnlpをダウンロードしている場合、ダウンロードせず既存のファイルをクリックしても可能です。

APP Inventor Blocks Editor

次にエミュレータを起動します。メニューの「New emulator」ボタンをクリックします。

　　

次に、エミュレータと接続します。

正常に接続できるとUIデザインと同じ画面が表示されます。

正常に接続できると「APP Inventor Blocks Editor」画面上のアイコンが数のようになります。

 

UIデザイナーで変更した内容がリアルタイムでエミュレータに反映されます

 

起動の順番のまとめ

1. MIT APP Inventor起動
2. プロジェクトを新規作成または選択
   既存プロジェクトがあれば前回のプロジェクトを自動選択します
3. MIT APP Inventor UIデザイナ
4. MIT APP Inventor Blocksエディタ起動
5. エミュレータまたはスマートフォン（実機）起動

 

既存プロジェクトを開いた場合

 

様々なプロジェクト解説（YouTube動画リンク）

これからはじめる

• はじめてのApp Inventor (1) セットアップ手順 Introduce of App Inventor's setup - YouTube
• はじめてのApp Inventor (2) ボタンで音を鳴らすアプリ作成 - YouTube
• 多田丈晃「AppInventor入門」 - YouTube
• 誰でも簡単App InventorではじめるAndroidアプリ開発 - YouTube

 

チャレンジ

 

• App Inventorの起動からCSVデータの取り込み確認まで - YouTube
• ExcelからCSVファイルをつくる　App Inventorにデータを読み込ませる準備その1 - YouTube
• 改行コードを置換する方法　App Inventorにデータを読み込ませる準備その2 - YouTube
• App InventorのTinyDBへcsv tableを登録する方法と利用 - YouTube

 

APP　Inventorアプリ作り紹介

• AppInventorでAndroidアプリ初制作にチャレンジ
• App Inventorで作った神経衰弱ゲーム
• App Inventorをやってみた
• App inventorでアプリを作ってみました。
• App Inventorで加速度センサの値を読む (イベント毎)
• AppInventorでBluetoothに接続
• App Inventor 操作手順 No.1
• 世界一簡単なAndroidアプリ作り・・・概要紹介

 

チュートリアル

• App Inventor Tutorial 1 - App Inventor einrichten [haeretik]
• App Inventor Tutorial 2 - Übersicht und erste Schritte [haeretik]
• App Inventor Tutorial 3 - Neuer Bildschirm und blinkende Buttons [haeretik]
• App Inventor Tutorial 4 - Webseite öffnen-Internetseite anzeigen Part 1-2 [haeretik]
• App Inventor Tutorial 5 - Webbrowser steuern & Elenemte anzeigen-verstecken Part 2-2 [haeretik]
• App Inventor Tutorial 6 - PROCEDURES - openanotherscreen - blinkybuttons [haeretik]
• App Inventor Tutorial 7 - eigene-individuelle Farbe erstellen [haeretik.com]
• App Inventor Tutorial 8 - Passwort geschützter Bereich anlegen [haeretik.com]
• App Inventor Tutorial 9 - Einfache Rechnungen [haeretik.com]
• App Inventor Tutorial 10 - Jubiläums Ausgabe - komplette App erstellen Part 1/3 [haeretik.com]
• App Inventor Tutorial 10 - Jubiläums Ausgabe - komplette App erstellen Part 2/3 [haeretik.com]
• App Inventor Tutorial 10 - Jubiläums Ausgabe - komplette App erstellen Part 3/3 [haeretik.com]
• App Inventor Tutorial 11 - Listpicker - Listenauswahl + Aktion [haeretik.com]
• App Inventor Tutorial 12 - TinyWebDB, Datenbank im Web 1-3 [haeretik.com]
• App Inventor Tutorial 12 - TinyWebDB, Datenbank im Web 2-3 [haeretik.com]
• App Inventor Tutorial 12 - TinyWebDB, Datenbank im Web 3-3 [haeretik.com]
• Tutorial - Applicazione con Splash Screen e EULA per App Inventor
• Tutorial - Google Maps e Google Navigator in App Inventor 
• Tutorial - Il componente TinyDB per salvare i dati in App Inventor - Parte 1
• Tutorial - Importare dati da pagina XML con App Inventor 
• Tutorial - Installazione di App Inventor in locale (offline)
• Tutorial - Inviare SMS con Android App Inventor (componente Texting)
• Tutorial - Template con Splash Screen e controllo tasto Back per App Inventor 
• Tutorial - Working with Simple Lists in App Inventor 
• Tutorial - App Inventor in locale, modifica di AndroidManifest.xml e compilazione app
• Tutorial 73 - Android - AppInventor 
• Tutorial base di mit app inventor 
• Tutorial componente Videoplayer en App inventor 
• Tutorial APP Inventor 

 

レッスン

1. 12-21 APPinventorを使ったアプリ開発講座(前半)
2. 12-21 APPinventorを使ったアプリ開発講座(後半)
3. app inventor プログラミングの基礎理解

 

1. Simple app in app inventor.Lesson 1
2. App inventor lesson 2 .working with canvas and coordinate systems
3. App Inventor Making unlimited number of screens-lesson3-
4. Lesson 4 working with speech recongnition and activity starter
5. Lesson 5 email by voice
6. lesson 6 Coin Flipper
7. lesson 7 working with Procedures
8. lesson 8 mole mash working with procedures
9. lesson 9 Party guest counter App
10. Lesson10 ,Making an App to solve Quadratic equations Part 1
11. lesson 11 ,Making an App to solve Quadratic equations Part 2
12. Lesson 12 ,Making an App to solve Quadratic equations Part 3
13. Lesson 14 How to work with listpicker in App inventor

 

1. Simple app in app inventor.Lesson 1
2. App inventor lesson 2 .working with canvas and coordinate systems
3. App Inventor Making unlimited number of screens-lesson3-
4. Lesson 4 working with speech recongnition and activity starter
5. Lesson 5 email by voice
6. lesson 6 Coin Flipper
7. lesson 7 working with Procedures
8. lesson 8 mole mash working with procedures
9. lesson 9 Party guest counter App
10. Lesson10 ,Making an App to solve Quadratic equations Part 1
11. lesson 11 ,Making an App to solve Quadratic equations Part 2
12. Lesson 12 ,Making an App to solve Quadratic equations Part 3
13. lesson 13 Example of a functional App
14. Lesson 14 How to work with listpicker in App inventor
15. Lesson 15 Working with the Notifier Component
16. Lesson 17 Working with the web component

 

ピンポイント（コンポーネント）・テクニック

• App Inventor Tutorial- Adsense, Amazon...Werbebanner in App schalten mit Webviewer, Android Apps
• ExcelからCSVファイルをつくる App Inventorにデータを読み込ませる準備その1
• App Inventorの起動からCSVデータの取り込み確認まで
• App InventorのTinyDBへcsv tableを登録する方法と利用
• 改行コードを置換する方法 App Inventorにデータを読み込ませる準備その2

 

アプリ作り

• Google App Inventor で作った神経衰弱ゲームのメイキング
• App Inventor で作った神経衰弱ゲームのメイキング－2
• 9tex西岡のappinventorでの簡単ソフト開発説明.avi
• Google App Inventor - 実機にアプリを転送し実行

 

ハウツー

• How To Link To Websites From A Button Using MIT App Inventor 
• How To Make Android Apps With Google App Inventor 
• How to upload Google App Inventor Apps To The Market
• How to Use the Image Picker in App Inventor 
• How to Use the Notifier Component in App Inventor 

 

その他

• APPinventorを使ったアプリ開発講座(前半), 2011/12/21 APPinventorを使ったアプリ開発講座(その1) FandroidEASTJAPAN on USTREAM. Gadgets...

• 日本App Inventorユーザー会 第1回オフラインミーティング, 2012年5月20日 15～17時に開催された日本App Inventorユーザー会初のオフラインミーティングの模様です。 wkcat on USTREAM. Computers...

 

• (Appinventor AdMob) in Appinventor Personal Server
• [App inventor for Android] Twitter & TTS
• A Camera App Using Android App Inventor 
• An introduction to App Inventor 
• Android - Multiple PHP Scripts - MIT App Inventor - Video 3
• Android - Using PHP with MIT App Inventor - Video 1
• Android App Programming - Basic Math And Variables in App Inventor 
• Android App Programming - Using If Blocks in App Inventor 
• Android App Programming Part 1 Using App Inventor 
• Android App Programming Part 3 Using App Inventor 
• Android Apps - MIT App Inventor - Pulling Web Pages Into Apps
• Android Apps: simple app to test the accelerometer with App Inventor 
• Android App Inventor - orientation sensors
• Android App Inventor Email Form Tutorial
• App Inventor- How to create a Splash Screen
• App inventor - Paint pot tutorial - Part 4 Adding a Camera Button and TinyDB.avi
• App Inventor - Podstawy tworzenia aplikacji [HQ] [PL]
• App Inventor - Pong - Part 1
• App Inventor - Pong - Part 4
• App Inventor 
• App Inventor (TinyDB) Agenda ListPicker By Freddy Calderon
• App Inventor 2 Differences: Seting and Getting Properties
• App Inventor App to call a Google Spreadsheet
• App Inventor Blocks Editor Tutorial - Basics
• App Inventor Brick Breaker Game tutorial Part 1 of 5
• App Inventor checkbox component
• App Inventor Dersleri - 1
• App Inventor Download
• App Inventor Game
• App Inventor Map button
• App Inventor Open Source - July hangout
• App Inventor Reaction Game Tutorial
• App Inventor Setup
• App Inventor Speech Recognition App
• App Inventor Text to Speech App
• App Inventor Tutorial - TinyWebDB (Deutsch!)
• App Inventor Tutorial Password Protected
• App Inventor Tutorial Send Sms
• App Inventor Tutorial: Leadbolt.com Ad Wall monetize, geld verdienen mit android apps
• App Inventor Tutorial: monetize with leadbolt.com Banner Ad, Werbung in Android App schalten
• App Inventor Tutorial: Tweet Box / Twitter Client, Text to Tweet, How To a twitter android app
• App Inventor Twitter Client App Tutorial 1 - Basic App
• App inventor utilizando una Base de Datos (TinyDB) Mejorado en Windows 8
• App Inventor Web Browser erstellen
• APP Inventor: Adding Social Networking (Facebook, Twitter, Youtube, etc.) Buttons to your APPS
• App Inventor: Creating a List of Websites Using ListPicker
• App Inventor: Hello Purr 1
• App Inventor: How to Add Buttons and Images
• App Inventor: How to Install for Windows
• App Inventor: How to Make an Android App - The Basics
• App Inventor: Selecting Random Image & Rotating- Version 1; Part 2
• App Inventor: Selecting Random Image & Rotating- Version 1; Part1
• App Inventor: Selecting Random Image Using ListPicker
• App Inventor: Using the Android Emulator Tutorial
• AppInventor - Programming a TinyDB
• appinventor apps demo
• AppInventor Canvas animation
• Appinventor TinyWebDB
• Appinventor, mostrar coordenadas de Gps y abrir GoogleMaps
• AppScale - Appinventor on AppScale
• Balance NXT Segway Via Bluetooth ,Using Google App Inventor 
• Barcode Scanner App using Android App Inventor 
• Build a GPS App Using App Inventor: Part 1 of 5
• Crear aplicacion para android en app inventor 
• Creating a Simple Application in Google App Inventor for Android Phones
• Creating Multiple Screens in App Inventor (New Way)
• Creating Multiple Screens with App Inventor 
• CSC005 AppInventor Basic Math Calculator
• Game made with MIT App Inventor 
• Google App Inventor Tutorial - User experience
• google app inventor update: Android phones can and iPhones can't
• Google's App Inventor splash screen tutorial
• HTML/Javascript in App Inventor 
• Install and Run App Inventor on USB Drive
• Install App Inventor in Ubuntu 12.04 Desktop
• Intro to the Blocks Editor and Time function of App Inventor 
• Introducción al AppInventor 
• Kostenlos Android Apps erstellen, App Inventor Tutorial: Bild Knipsen und speichern in App, Tiny DB
• Listpicker - MIT App Inventor 
• Make Android Dolphins Flip with App Inventor 
• MIT App Inventor  Videos verknüpfen
• MIT App Inventor how to use Activity Starter
• MIT App Inventor Phone Call + Texting + Contact Picker.
• My Diary App Inventor Tutorial
• Nuevo componente slider en App Inventor 
• Persistent Data using TinyDB in App Inventor Part 1
• Reading and writing a file with App Inventor 
• Run Your Own App Inventor for Android Service from Start to APK
• Simple Music Player in Beta mit App Inventor 
• Slider (AppInventor)
• Slideshow App Inventor Android
• The App Inventor Course | USF [dons]
• TinyDB - MIT App Inventor 
• Using the WebView component in App Inventor 
• Using App Inventor to Launch a Web Page.
• Web Service REST con Appinventor (android) Proyecto final!
• Winter 2013 ICT Educator Conference - Workshop - Using MIT App Inventor 
• www.dailymotion.com/.../xemn7x_android-app-invent...2010/08/3020 件のアイテム - Following up from last week Darren is diving deeper into the ...36:52.Install OwnCloud and Cracking Passwords with a Rubber Ducky - Hak5.43:01.How to Benchmark Your Linux System And Exfiltration Ducky Attacks ...Crear aplicacion para android en app inventor 

 

 

受講申し込み・問い合わせ　（無料疑問・相談）

以下のフォームで必要事項を書いて送ってください。無料バージョンの疑問や相談なども受け付けていますが、回答は当塾判断で個別で対応させて頂きます。

【本を読んでもよくらからない】 … 個別指導でわかりやすくお教えします。

●オリジナル教材で独学

●オリジナル教材＋メールサポート

●ネットで個別講義&サポート