クラウド導入・監視運用からシステム開発まで、WestWindに全ておまかせください

ブログ

ホーム > ブログ

2018年05月15日

【ionic】iOSの日本語化

執筆者:椿宏太郎

ionicからpluginで、cameraやcalendarを利用すると表示が英語表記となってしまう。。。これを何とかしたいと思い、調べて見ました。
下記は、カメラの画面キャプチャーです。



これを日本語表記にするには、config.xmlでedit-configを利用してCFBundleDevelopmentRegionとCFBundleLocalizationsのKeyを設定します。記述は下記の通りで、platformのiosのタグの中に記述します。
<platformname="ios">
    <edit-config file="*-Info.plist" mode="merge" target="CFBundleDevelopmentRegion">
        <string>Japanese</string>
    </edit-config><edit-config file="*-Info.plist"mode=" merge" target="CFBundleLocalizations">
        <array>
            <string>ja</string>    
        </array>
    </edit-config>

コンパイル時に下記のエラーが発生する場合は、platformのiOSを一度削除して、再度追加知れば無くなります。
Error: doc.find is not a function

[ERROR] An error occurred while running cordova prepare ios (exit code 1).

実際には、platform/プロジェクト名/プロジェクト名-Info.plistに下記の記述が追加或いは変更されてます。
<key>CFBundleDevelopmentRegion</key>
<string>Japanese</string>
<key>CFBundleLocalizations</key>
<array>
    <string>ja</string>
</array>

この状態で、iOSをbuildすれば下記の通り、日本語で表示されます。


※今回は、一応CFBundleDevelopmentRegionも変更しましたが、あまり影響を受けない様です。バンドルする言語にjaが設定されていれば問題なく日本語表記がされます。

カテゴリ