App Inventor 2 and Beyond
@appinventorjapan.bsky.social
Looking to build real apps without heavy coding?
Here, you’ll master MIT App Inventor 2 through high-quality, step-by-step tutorials — and go beyond
https://en.members.tmsoftwareinc.com/
Here, you’ll master MIT App Inventor 2 through high-quality, step-by-step tutorials — and go beyond
https://en.members.tmsoftwareinc.com/
💡 What you’ll learn in this tutorial:
• Basics of Speech Recognition & Text-to-Speech in App Inventor
• Using lists/dictionaries to manage words and levels
• Building a user interface with Spinner, Buttons and Labels for Beginner → Advanced tiers
• Basics of Speech Recognition & Text-to-Speech in App Inventor
• Using lists/dictionaries to manage words and levels
• Building a user interface with Spinner, Buttons and Labels for Beginner → Advanced tiers
November 13, 2025 at 5:50 PM
💡 What you’ll learn in this tutorial:
• Basics of Speech Recognition & Text-to-Speech in App Inventor
• Using lists/dictionaries to manage words and levels
• Building a user interface with Spinner, Buttons and Labels for Beginner → Advanced tiers
• Basics of Speech Recognition & Text-to-Speech in App Inventor
• Using lists/dictionaries to manage words and levels
• Building a user interface with Spinner, Buttons and Labels for Beginner → Advanced tiers
Pronunciation Practice App
Learn how to build an app with MIT App Inventor 2 that uses Text-to-Speech and SpeechRecognizer to help users practice English words aloud and check their pronunciation.
Learn how to build an app with MIT App Inventor 2 that uses Text-to-Speech and SpeechRecognizer to help users practice English words aloud and check their pronunciation.
Pronunciation Practice App Demo | Built Using MIT App Inventor
This is a demo of the Pronunciation Practice App built with MIT App Inventor 2. It's currently set for Italian, but you can easily switch to other languages.
Tutorial…
youtube.com
November 11, 2025 at 5:50 PM
Pronunciation Practice App
Learn how to build an app with MIT App Inventor 2 that uses Text-to-Speech and SpeechRecognizer to help users practice English words aloud and check their pronunciation.
Learn how to build an app with MIT App Inventor 2 that uses Text-to-Speech and SpeechRecognizer to help users practice English words aloud and check their pronunciation.
What you’ll learn:
• How to set up and deploy a Google Apps Script (GAS) web app
• How to send text from App Inventor and receive responses
• How to handle JSON data for translation results
A hands-on intro to connecting App Inventor with real-world APIs.
• How to set up and deploy a Google Apps Script (GAS) web app
• How to send text from App Inventor and receive responses
• How to handle JSON data for translation results
A hands-on intro to connecting App Inventor with real-world APIs.
November 6, 2025 at 5:50 PM
What you’ll learn:
• How to set up and deploy a Google Apps Script (GAS) web app
• How to send text from App Inventor and receive responses
• How to handle JSON data for translation results
A hands-on intro to connecting App Inventor with real-world APIs.
• How to set up and deploy a Google Apps Script (GAS) web app
• How to send text from App Inventor and receive responses
• How to handle JSON data for translation results
A hands-on intro to connecting App Inventor with real-world APIs.
Translation Comparison App
Build an app that uses GAS + App Inventor to translate English text into Spanish, French, German, Japanese and Chinese. Then display both GAS and App Inventor translation results side-by-side for comparison.
Build an app that uses GAS + App Inventor to translate English text into Spanish, French, German, Japanese and Chinese. Then display both GAS and App Inventor translation results side-by-side for comparison.
AI-Powered Translation App Demo | Built Using MIT App Inventor 2
Check out this AI-Powered Multilingual Translation App in action! We built a tool that compares translations from two different sources side-by-side, and the results are fascinating.
This video…
youtube.com
November 4, 2025 at 5:50 PM
Translation Comparison App
Build an app that uses GAS + App Inventor to translate English text into Spanish, French, German, Japanese and Chinese. Then display both GAS and App Inventor translation results side-by-side for comparison.
Build an app that uses GAS + App Inventor to translate English text into Spanish, French, German, Japanese and Chinese. Then display both GAS and App Inventor translation results side-by-side for comparison.
In this tutorial you’ll learn:
• How to run JavaScript in a WebViewer
• How to pass data between App Inventor and JS
• How AI can simplify game logic development
👉 A great step toward combining App Inventor + AI + JavaScript for interactive apps.
• How to run JavaScript in a WebViewer
• How to pass data between App Inventor and JS
• How AI can simplify game logic development
👉 A great step toward combining App Inventor + AI + JavaScript for interactive apps.
October 30, 2025 at 4:50 PM
In this tutorial you’ll learn:
• How to run JavaScript in a WebViewer
• How to pass data between App Inventor and JS
• How AI can simplify game logic development
👉 A great step toward combining App Inventor + AI + JavaScript for interactive apps.
• How to run JavaScript in a WebViewer
• How to pass data between App Inventor and JS
• How AI can simplify game logic development
👉 A great step toward combining App Inventor + AI + JavaScript for interactive apps.
Tetris Game
With AI-generated JavaScript, you can build a complex game like Tetris with simple App Inventor setup!
The game logic runs inside a WebViewer, controlled by just a few buttons and labels.
With AI-generated JavaScript, you can build a complex game like Tetris with simple App Inventor setup!
The game logic runs inside a WebViewer, controlled by just a few buttons and labels.
Tetris Game Demo | Built Using MIT App Inventor + JavaScript
This is a classic game Tetris built with MIT App Inventor and JavaScript. Gemini 2.5 Pro wrote JavaScript. Since the complex game logic is handled by AI-generated JavaScript, the App Inventor setup…
youtube.com
October 28, 2025 at 4:50 PM
Tetris Game
With AI-generated JavaScript, you can build a complex game like Tetris with simple App Inventor setup!
The game logic runs inside a WebViewer, controlled by just a few buttons and labels.
With AI-generated JavaScript, you can build a complex game like Tetris with simple App Inventor setup!
The game logic runs inside a WebViewer, controlled by just a few buttons and labels.
Learn how to:
・Run JavaScript inside a WebView
・Send and receive data between App Inventor and JS
・Use “Any Component” loops for cleaner logic
A perfect step from visual blocks to real code.
・Run JavaScript inside a WebView
・Send and receive data between App Inventor and JS
・Use “Any Component” loops for cleaner logic
A perfect step from visual blocks to real code.
October 23, 2025 at 4:50 PM
Learn how to:
・Run JavaScript inside a WebView
・Send and receive data between App Inventor and JS
・Use “Any Component” loops for cleaner logic
A perfect step from visual blocks to real code.
・Run JavaScript inside a WebView
・Send and receive data between App Inventor and JS
・Use “Any Component” loops for cleaner logic
A perfect step from visual blocks to real code.
Basic Calculator App
Build a calculator that handles multiple arithmetic operations and respects operator precedence (×, ÷ before +, −).
This tutorial combines App Inventor + JavaScript (WebView) for smart expression parsing.
Build a calculator that handles multiple arithmetic operations and respects operator precedence (×, ÷ before +, −).
This tutorial combines App Inventor + JavaScript (WebView) for smart expression parsing.
Basic Calculator App Demo | Built Using MIT App Inventor + JavaScript
This is a demo of a Calculator App built using MIT App Inventor 2 with JavaScript integration via the WebViewer component!
The app supports full arithmetic expressions and automatically prioritizes…
youtube.com
October 21, 2025 at 4:50 PM
Basic Calculator App
Build a calculator that handles multiple arithmetic operations and respects operator precedence (×, ÷ before +, −).
This tutorial combines App Inventor + JavaScript (WebView) for smart expression parsing.
Build a calculator that handles multiple arithmetic operations and respects operator precedence (×, ÷ before +, −).
This tutorial combines App Inventor + JavaScript (WebView) for smart expression parsing.
In this tutorial, you’ll learn
・Data Integration with Spreadsheets
・Creating Dynamic Markers
・App Development Using Map Components
Learn more with the full tutorial (members only).
・Data Integration with Spreadsheets
・Creating Dynamic Markers
・App Development Using Map Components
Learn more with the full tutorial (members only).
October 16, 2025 at 4:50 PM
In this tutorial, you’ll learn
・Data Integration with Spreadsheets
・Creating Dynamic Markers
・App Development Using Map Components
Learn more with the full tutorial (members only).
・Data Integration with Spreadsheets
・Creating Dynamic Markers
・App Development Using Map Components
Learn more with the full tutorial (members only).
Landmark Map App
Learn how to display famous landmarks on a map by reading data from Google Sheets via the Google Sheets API.
The app fetches the latest data whenever you refresh, keeping your map up to date.
youtube.com/shorts/OZOhT...
Learn how to display famous landmarks on a map by reading data from Google Sheets via the Google Sheets API.
The app fetches the latest data whenever you refresh, keeping your map up to date.
youtube.com/shorts/OZOhT...
Landmark Map App Demo | Built Using MIT App Inventor + Google Sheets
This is a demo of the Landmark Map App created with MIT App Inventor 2, featuring data from Google Sheets! 🗺️
Tutorial Page:
https://en.members.tmsoftwareinc.com/landmarkmap/
App Inventor 2 and…
youtube.com
October 14, 2025 at 4:50 PM
Landmark Map App
Learn how to display famous landmarks on a map by reading data from Google Sheets via the Google Sheets API.
The app fetches the latest data whenever you refresh, keeping your map up to date.
youtube.com/shorts/OZOhT...
Learn how to display famous landmarks on a map by reading data from Google Sheets via the Google Sheets API.
The app fetches the latest data whenever you refresh, keeping your map up to date.
youtube.com/shorts/OZOhT...
What you’ll learn in Cosplay Camera tutorial:
How to call the Gemini API from GAS
How to process face image data (Base64)
How to integrate AI results back into App Inventor UI
Learn more with the full tutorial (members only).
How to call the Gemini API from GAS
How to process face image data (Base64)
How to integrate AI results back into App Inventor UI
Learn more with the full tutorial (members only).
October 9, 2025 at 4:50 PM
What you’ll learn in Cosplay Camera tutorial:
How to call the Gemini API from GAS
How to process face image data (Base64)
How to integrate AI results back into App Inventor UI
Learn more with the full tutorial (members only).
How to call the Gemini API from GAS
How to process face image data (Base64)
How to integrate AI results back into App Inventor UI
Learn more with the full tutorial (members only).
Cosplay Camera App
Take a face photo and let the AI Nano Banana generate a full-body cosplay image.
This app uses Google Gemini Nano Banana + Apps Script (GAS) integration inside App Inventor.
Watch Demo video
youtube.com/shorts/OjST4...
Take a face photo and let the AI Nano Banana generate a full-body cosplay image.
This app uses Google Gemini Nano Banana + Apps Script (GAS) integration inside App Inventor.
Watch Demo video
youtube.com/shorts/OjST4...
Generative AI - Cosplay Camera App Demo | Built Using MIT App Inventor + Gemini Nano Banana
Watch the Cosplay Camera App in action! Built with MIT App Inventor and the Google Gemini Nano Banana, this app generates a full-body cosplay image from a captured face photo.
Tutorial…
youtube.com
October 7, 2025 at 4:50 PM
Cosplay Camera App
Take a face photo and let the AI Nano Banana generate a full-body cosplay image.
This app uses Google Gemini Nano Banana + Apps Script (GAS) integration inside App Inventor.
Watch Demo video
youtube.com/shorts/OjST4...
Take a face photo and let the AI Nano Banana generate a full-body cosplay image.
This app uses Google Gemini Nano Banana + Apps Script (GAS) integration inside App Inventor.
Watch Demo video
youtube.com/shorts/OjST4...
🧱 Inside the Tic-Tac-Toe Online App tutorial you’ll discover:
– How to use CloudDB for data sharing
– How to sync the board across two devices
– How to detect win/lose conditions automatically
👉 Learn more with the full tutorial (members only).
– How to use CloudDB for data sharing
– How to sync the board across two devices
– How to detect win/lose conditions automatically
👉 Learn more with the full tutorial (members only).
October 2, 2025 at 4:50 PM
🧱 Inside the Tic-Tac-Toe Online App tutorial you’ll discover:
– How to use CloudDB for data sharing
– How to sync the board across two devices
– How to detect win/lose conditions automatically
👉 Learn more with the full tutorial (members only).
– How to use CloudDB for data sharing
– How to sync the board across two devices
– How to detect win/lose conditions automatically
👉 Learn more with the full tutorial (members only).
Tic-Tac-Toe Online App
Play Tic-Tac-Toe in real time against a friend using CloudDB synchronization.
Both phones use the same logic blocks so game state stays in sync.
Watch Demo video
Play Tic-Tac-Toe in real time against a friend using CloudDB synchronization.
Both phones use the same logic blocks so game state stays in sync.
Watch Demo video
Tic-Tac-Toe Online App Demo | Built Using MIT App Inventor 2
This is a demo of the Tic-Tac-Toe Online App built using MIT App Inventor 2.
This Tic-Tac-Toe game lets two players compete head-to-head online. CloudDB's real-time updates enable this…
youtu.be
September 30, 2025 at 4:50 PM
Tic-Tac-Toe Online App
Play Tic-Tac-Toe in real time against a friend using CloudDB synchronization.
Both phones use the same logic blocks so game state stays in sync.
Watch Demo video
Play Tic-Tac-Toe in real time against a friend using CloudDB synchronization.
Both phones use the same logic blocks so game state stays in sync.
Watch Demo video
💡 Tips for better OCR results:
– Use clear, high-resolution images
– Crop unnecessary background
– Try different fonts for testing
– Use clear, high-resolution images
– Crop unnecessary background
– Try different fonts for testing
September 25, 2025 at 4:50 PM
💡 Tips for better OCR results:
– Use clear, high-resolution images
– Crop unnecessary background
– Try different fonts for testing
– Use clear, high-resolution images
– Crop unnecessary background
– Try different fonts for testing
Simple OCR App
Select an image with ImagePicker, send it through WebView + Tesseract.js, and extract the text right inside your app.
Learn how to combine App Inventor with JavaScript OCR.
Watch App Demo Video.
youtube.com/shorts/tYXve...
Select an image with ImagePicker, send it through WebView + Tesseract.js, and extract the text right inside your app.
Learn how to combine App Inventor with JavaScript OCR.
Watch App Demo Video.
youtube.com/shorts/tYXve...
Simple OCR App Demo | Built Using MIT App Inventor + JavaScript
This is a Simple OCR (Optical Character Recognition) app built with MIT App Inventor and Tesseract.js. Watch as the app captures text from an image and instantly displays the recognized text — right…
youtube.com
September 23, 2025 at 4:50 PM
Simple OCR App
Select an image with ImagePicker, send it through WebView + Tesseract.js, and extract the text right inside your app.
Learn how to combine App Inventor with JavaScript OCR.
Watch App Demo Video.
youtube.com/shorts/tYXve...
Select an image with ImagePicker, send it through WebView + Tesseract.js, and extract the text right inside your app.
Learn how to combine App Inventor with JavaScript OCR.
Watch App Demo Video.
youtube.com/shorts/tYXve...
For US college students. A generous gift from Google!
gemini.google/students/
gemini.google/students/
Gemini Advanced is free for students through finals 2026
Prep for exams, get writing and homework help with Gemini Advanced, now free for students through finals 2026!
gemini.google
May 6, 2025 at 4:15 PM
For US college students. A generous gift from Google!
gemini.google/students/
gemini.google/students/
リストとリストビューを使った買い物リストアプリのデモです。アプリを再起動した後でもリストが消えないようにリストを小型DBに保存しています。
youtube.com/shorts/9Knxk...
買い物リストアプリ チュートリアルはこちら
members.tmsoftwareinc.com/shoppinglist/
youtube.com/shorts/9Knxk...
買い物リストアプリ チュートリアルはこちら
members.tmsoftwareinc.com/shoppinglist/
App Inventor 2 買い物リストアプリ デモ
YouTube video by AppInventor Japan
youtube.com
February 16, 2025 at 3:28 AM
リストとリストビューを使った買い物リストアプリのデモです。アプリを再起動した後でもリストが消えないようにリストを小型DBに保存しています。
youtube.com/shorts/9Knxk...
買い物リストアプリ チュートリアルはこちら
members.tmsoftwareinc.com/shoppinglist/
youtube.com/shorts/9Knxk...
買い物リストアプリ チュートリアルはこちら
members.tmsoftwareinc.com/shoppinglist/