アプリ名の多言語化でTranslations Editorを使ってみた

まずは言語ごとのフォルダ作成と、設定ファイルを作ります。

作成する場所は、［android］＞［app］＞［src］＞［main］＞［res］の中です。

このフォルダにはすでに［values］があるはずですが、これはデフォルトの設定なのでそのまま残します。

ここでは、英語と日本語を作ります。
フォルダ名は、［values-en］と［values-ja］。

フォルダの中に設定ファイルを作ります。

フォルダを右クリックして、［New］＞「Values Resource File」を選んで、ファイル名を［strings］として、OKします。

「values-en」と「values-ja」の両方のフォルダに作成します。

すると、自動的にxmlのファイル形式のコードのひな形が入っています。

<resources></resources>の間にXMLタグを入力します。（下記画面の3行目）

タグ入力は、<と打つと、候補が出てくるのでstringを選択すれば、さらにタグのひな形が出てきます。

name="app_name"のapp_nameの部分は、自分で自由に決められます。
あとでこのname属性を指定して、言語を切り替えます。

<string name="app_name"></string>

英語と同様に、日本語のフォルダ［values-ja］にも［strings］ファイルを作成します。
中身は、英語のファイルからまるごとコピペすればOK。

英語、または日本語の［strings.xml］ファイルの右上にある［Open editor］をクリックすると、「Translations Editor」が開きます。

Android Developers

Translations Editor による UI のローカライズ  |  Android Studio  |  Android Developers Translations Editor では、デフォルトの文字列リソースとその翻訳版をすべてまとめて表示して編集できます。

画面左の［Key］には、いま入力した［app_name］が表示されています。

この画面から［Default Value］［English（en）］［Japanese（ja）］の値を入れて行きます。

まずは［Default Value］に「English」。

［English（en）］にも、「English」、［Japanese（ja）］は「日本語」としてみました。

これで設定ができたので、XMLファイルに戻って確認してみます。

デフォルトの［value］フォルダには［strings.xml］ファイルを手作業では作成しませんでしたが、自動で［strings.xml］が作成されています。

最後の設定です。

いま作成した［values］フォルダの下に見えている［AndroidManifest.xml］を開きます。

3行目にある［android:label=”〜〜”］の行を、下記のように書き換えます。

    android:label="@string/app_name"

app_nameの部分は、自分が入力した文字です。

ここでも、「＠」を入力すると、下のように候補が出てきます。

Androidは、これで完成です。

Flutterのプロジェクトから［ios］＞［Runner.xcworkspace］を右クリックして、［Open In］＞［Open in Associated Application］を選択し、Xcodeを起動します。

トップレベルの［Runner］のを選んで、画面中央の列で［PROJECT］＞［Runner］＞［info］タブから、［Localizations］の［＋］で「Japanese(ja)」を選びます。

表示されたダイアログで［Finish］で作成します。

すると、下記のように「Japanese」が作成されました。

次に、［Runner］＞［Runner］を右クリックして、［New File from Template…］を選びます。

テンプレートの中の［ios］タブから［Resource］＞［Strings File］を選択します。
画面右上の［Filter］から「Strings」と入力すると、すぐ見つかります。

次の画面で、ファイル名を［InfoPlist.strings］として、「Next」で進みます。

画面右のサイドメニューから、［Localization］の［Japanese］にチェックを入れます。

すると、下の画面のように英語と日本語の設定ファイルができます。

英語と日本語のテキストを、下記の書式でそれぞれのファイルに記述します。

CFBundleDisplayName = "〜〜";

これで、iOSでのアプリ名の多言語設定も完了です。