App Inventor 2 チュートリアル

すべてのチュートリアルは最新版App Inventor 2のnb199a_jpに対応しています

初心者用

中級者用

初心者用

話して(その1)

アプリのデモ

スマホが話しをするアプリを作ります

使用コンポーネント: ボタン、テキスト読み上げ

話して(その2)

アプリのデモ

スマホを振ると話す機能としゃべる言葉の入力機能を追加します

使用コンポーネント: ボタン、テキスト読み上げ、加速度センサー、テキストボックス

お絵かきアプリ

アプリのデモ

スマホの画面に指で好きな絵を描きます

使用コンポーネント: キャンバス、ボタン

もぐらたたきゲーム

アプリのデモ

アクションゲーム。スマホで遊ぶ簡単なゲームです

使用コンポーネント: キャンバス、画像スプライト、プロシージャ、タイマー、サウンド、ラベル、ボタン

空飛ぶ円盤撃退ゲーム

アプリのデモ

シューティングゲーム。来襲する円盤をミサイルを撃って撃退します

使用コンポーネント: キャンバス、画像スプライト、プロシージャ、タイマー、サウンド、ラベル、ボタン

発音学習アプリ

アプリのデモ

ランダムに選んだ英単語を読み上げて、音声認識機能で発音チェックをする学習アプリを作成します。

使用コンポーネント: スピナー、ラベル、ボタン、テキスト読み上げ、音声認識

画像カタログアプリ(Google Sheets API使用)

アプリのデモ

Google Sheets APIを使ってGoogleスプレッドシートに入力されたデータを表示するアプリです。複数台のスマホからの同時アクセスも可能ですし、Googleスプレッドシートでデータを変更するとアプリに表示されるデータもリアルタイムで反映されます。

使用コンポーネント: スピナー、ラベル、ウェブビュー、スプレッドシート

郵便番号から住所検索アプリ(Google Sheets API使用)

アプリのデモ

Google Sheets APIを活用して、Googleスプレッドシートをデータベースとして使用するアプリです。このアプリは郵便番号から住所を検索します。スプレッドシートコンポーネントには完全一致、部分一致フィルターをかけて読み込むメソッドがあるのですが正常に動かないので、取得した列をリストに入れてリストで検索しています。郵便番号のGoogleスプレッドシートは124,690行ありますが、問題無い速度で動作します。

使用コンポーネント: ラベル、テキストボックス、ボタン、スプレッドシート

中級者用

ボールころがしゲーム

アプリのデモ

アーケードゲーム。スマホセンサーを使ったゲームです

使用コンポーネント: 方位センサー、キャンバス、画像スプライト、プロシージャ、タイマー、サウンド、ラベル、ボタン、小型DB

郵便番号検索アプリ

アプリのデモ

日本の郵便番号を都道府県などから検索するアプリです

使用コンポーネント: SQLiteエクステンション、Zipエクステンション、Fileエクステンション、ウェブ、スピナー、テキストボックス、ラベル、ボタン

多言語翻訳アプリ

アプリのデモ

翻訳元、翻訳先が多言語に対応した翻訳アプリです。翻訳結果は各言語の発音で読み上げます。日本語化プロジェクトのApp Inventor 2ではメディアの翻訳コンポーネントが動作しないので、Google Apps Scriptを使って多言語対応の翻訳ができるアプリを作りました。

使用コンポーネント: テキスト読み上げ、ウェブ、スピナー、テキストボックス、ラベル、ボタン、チェックボックス

人工知能画像分類アプリ

アプリのデモ

人工知能の機械学習モデルを使って画像を精度良く分類するアプリです。分類結果は日本語に翻訳し読み上げます。

使用コンポーネント: ウェブビュー、カメラ、テキスト読み上げ、ウェブ、テキストボックス、ボタン、タイマー

ブロックくずしゲーム

アプリのデモ

アーケードゲーム。有名なブロックくずしゲームです。同じコンポーネントがたくさんあるときにリストにコンポーネントを入れて、"すべてのコンポーネント“ブロックを使ってループ処理をする方法を学びます。

使用コンポーネント: キャンバス、ボール、画像スプライト、ラベル、ボタン、サウンド、すべてのコンポーネント

岩をよけてジャンプしながら走るゲーム

アプリのデモ

スーパーマリオ風の横スクロールアクションゲームです。ジャンプして障害物をよけて点をとります。

使用コンポーネント: キャンバス、画像スプライト、ラベル、ボタン、サウンド、タイマー

タスク管理アプリ(Google Sheets API使用)

アプリのデモ

Google Sheets APIを活用して、Googleスプレッドシートをデータベースとして使用するアプリです。データベースアプリに必要な基本的なCRUD機能(作成:Create、読み取り:Read、更新:Update、削除:Delete)を実現しています。また、複数のスマートフォンから同時にアクセスすることが可能で、Googleスプレッドシート上でデータを変更すると、アプリの表示内容にもリアルタイムで反映されます。

使用コンポーネント: チェックボックス、ラベル、ボタン、テキストボックス、デートピッカー、タイムピッカー、スピナー、通知機能、スプレッドシート