ユーティリティ | ページ 5

多言語翻訳アプリ

入力した言葉を多言語に翻訳して結果を読み上げるアプリを作ります

このチュートリアルでは、入力したテキストを多言語に翻訳し、結果を音声で読み上げるアプリを作成します。App Inventor 2日本語化プロジェクトでは翻訳コンポーネントが動作しないため、Google Apps Scriptで作成した無料のウェブアプリを呼び出して翻訳処理を行います。このウェブアプリは自由に利用可能です。ページの最後にあるダウンロードセクションからソースコードをダウンロードできます。

[プロジェクト]メニューから[新規プロジェクトを始める]を選択し、"Translator“と名前を付けます。

デザイン編集

Screen1のタイトルを"翻訳"にします。

コンポーネントの追加

レイアウト パレットから 水平配置コンポーネント を4個追加し、ビューア上に縦に並べ、横幅は"親要素に合わせる"に設定します。上から順に水平配置1, 2, 3, 4という名前になっているはずです。

“水平配置1“

ユーザーインターフェース パレットから ラベル と スピナー を追加し、それぞれ"入力言語ラベル"、"入力言語"に名前を変更します。

“入力言語ラベル"の テキスト を"入力言語"に設定します。

“入力言語"スピナーの文字列から要素プロパティーは"英語,日本語,スペイン語,フランス語,ドイツ語"、選択要素は"英語"にします。

“水平配置2″

ユーザーインターフェース パレットから ラベル と スピナー を追加し、それぞれ"出力言語ラベル"、"出力言語"に名前を変更します。

“出力言語ラベル"の テキスト を"出力言語に設定します。

“出力言語"スピナーの文字列から要素プロパティーは"英語,日本語,スペイン語,フランス語,ドイツ語"、選択要素は"日本語"にします。

“水平配置3“

ユーザーインターフェース パレットから ラベル、テキストボックス、ボタン を追加し、それぞれ"入力ラベル"、"入力"、"入力消去"に名前を変更します。

“入力ラベル"の テキスト を"入力"に設定します。

“入力"の横幅は親要素に合わせるにし、マルチライン をチェックしてヒントは空白にします。

“入力消去"の テキスト を"X"、横幅を32ピクセルに設定します。

“水平配置4“

ユーザーインターフェース パレットから ラベルとテキストボックスを追加し、それぞれ"出力ラベル"、"出力"に名前を変更します。

“出力ラベル"の テキスト を"翻訳結果出力"に設定します。

“出力"の横幅は親要素に合わせるにしマルチラインをチェックしてヒントは空白にします。

“翻訳ボタン“

“水平配置4″の下にユーザーインターフェース パレットからボタン を追加し、名前を"翻訳ボタン"、テキスト を"翻訳実行"に設定します。

非可視コンポーネント

メディア パレットから テキスト読み上げ コンポーネントを1つ、接続パレットから ウェブ コンポーネントを1つ追加します。

ブロック編集機能を使用したプログラミング

🔒 このページは以下の会員レベルで閲覧できます

Pro会員シルバー会員

残りのコンテンツを表示するにはログインする必要がありますどうぞ . 会員ではないですか ? 入会のご案内

記事を読む多言語翻訳アプリ

郵便番号検索アプリ

チュートリアル,ユーティリティ

郵便番号を検索するアプリを作ります

標準のApp Inventor 2日本語版にSQLiteエクステンション、Zipエクステンション、Fileエクステンションを追加して使用しています。また、簡単なSQL言語を使用しています。なお、Android 11以降ではREAD_EXTERNAL_STORAGEの権限が拒否される場合があるため、エラーが出る可能性があります。

ソースコードを見ながらこのチュートリアルを読んだ方がわかりやすいと思います。ページの最後にあるダウンロードセクションからソースコードをダウンロードしてからApp Inventorを開き、[ プロジェクト ]をクリックして[コンピュータからプロジェクト（.aia）をインポートします]を選択し、ソースコードを選択してインポートしてください。

アプリの構造（流れ）

SQLite自体はAndroidに標準装備です。

データベースファイルの準備

全国郵便番号データベース（約12万件）を事前にSQLite形式で作成し、このファイルをZIP圧縮してアセットに含めます。App Inventorのアセットの制限（5MB）を超えないように圧縮しています。

圧縮ファイルがアセットにない場合、指定サーバーからデータベースZIPファイルをダウンロードして使用する機能もあります。

ZIPファイルの解凍とデータベースのインポート

ZIPファイルを解凍し、SQLiteにインポートします。その後、都道府県リストを取得してスピナーで表示します。

都道府県から町域までの選択フロー

都道府県が選択されると、その都道府県内の市町村リストをスピナーに表示。

市町村が選択されると、指定市町村内の町域リストを表示。

最終的に町域が選択されると、郵便番号が表示されます。

郵便番号データベースファイルの作成(App Inventorは使いません)

郵便番号データの取得

日本郵便のサイトから全国の郵便番号データをダウンロードします。
- URL: https://www.post.japanpost.jp/zipcode/dl/roman-zip.html

データの加工

ダウンロードしたデータからローマ字列を削除し、通し番号の列を追加します。

Shift JISからUTF-8に文字コードを変換して、CSVファイルとして保存します。

SQLiteデータベースの作成

SQLiteのGUIツール（例: DB Browser for SQLite）でデータベースを作成し、データをインポートします。

テーブル構造は以下の通りです。

CREATE TABLE "japanzip" (
	"id"	INTEGER NOT NULL UNIQUE,
	"zip"	TEXT,
	"prefs"	TEXT,
	"city"	INTEGER,
	"street"	TEXT,
	PRIMARY KEY("id" AUTOINCREMENT)
);

作成したデータベースをjapanzip.sqliteとして保存し、ZIP圧縮してjapanzip.zipとします。
- ZIPファイルのダウンロード: japanzip.zip

プロジェクトを作成

[プロジェクト]メニューから[新規プロジェクトを始める]を選択し、”ZipJapan”と名前を付けます。

エクテンションの追加

AppInventor extension for SQLiteからDownload AIXをクリックしてローカルパソコンにダウンロードし、org.bennedum.SQLite.aixをエクステンションパレットからエクステンションインポートをクリックしてインポートします

https://puravidaapps.com/zip.php からTaifunZip extension (aix file)をダウンロードし、com.puravidaapps.TaifunZip.aixをエクステンションパレットからエクステンションインポートをクリックしてインポートします。

https://puravidaapps.com/file.php からTaifunFile extension (aix file)をダウンロードし、com.puravidaapps.TaifunFile.aixをエクステンションパレットからエクステンションインポートをクリックしてインポートします。

デザイン編集

垂直配置レイアウトの設定

垂直配置レイアウトをビューアーにドラッグアンドドロップし、水平に整列するは"中央揃え"、横幅は"親要素に合わせる"に設定します。

以下のコンポーネントを順に追加します。それぞれのコンポーネントの名前はカッコ内のもの。
- ラベル（タイトル）：背景色="#4285f4ff"、フォントサイズ=32、テキスト="郵便番号検索"、テキストカラー="白"。
- ラベル（空白）：テキスト=空白。
- スピナー（選択ドロップダウン）：目に見えるはチェックを外します。
- ラベル（初期化ラベル）：フォントサイズ=10、テキスト="郵便番号データベースを初期化します。よろしければ下の初期化ボタンをクリックしてください。"、目に見えるはチェックを外します。
- ボタン（初期化ボタン）：テキスト="初期化"、目に見えるはチェックを外します。
- ラベル（住所ラベル）：テキスト="初期化中"、目に見えるはチェックを外します。
- テキストボックス（郵便番号）：目に見えるはチェックを外します。
- ボタン（リセット）：背景色="#4285f4ff"、テキスト="リセット"、テキストカラー="白"、太字フォントをチェック