個人開発アプリの多言語対応を効率化 App Store Connect 登録までを自動化した話

はじめに

個人開発しているiOSアプリを多言語対応しました。

アプリ内の文言を各言語に置き換える作業自体は、i18nライブラリを入れて翻訳リソースを用意すれば、問題なく進みます。
しんどかったのはそこではなく、App Store Connect に登録するもののほうでした。

結論からいうと、以下の2つで大部分を自動化できます。

今回はその流れについて共有したいと思います。

※本記事では具体的な実装例までは踏み込まず、全体の流れと考え方が中心となります。実際に詰まった箇所については、機会があれば別途書きたいと思っております。

一番わかりやすい問題がこれでした。

必要なスクリーンショットは 言語数 × 画面数 で増えていきます。仮に7言語・5画面だとすると、それだけで35枚です。

日本語だけだった頃は5枚を手で撮って終わりだったので、正直このあたりの見積もりはかなり甘く見ていました。

しかも「ただ撮ればいい」わけではありません。

インストール直後のまっさらな状態で撮ると、当然ながら中身が空っぽの寂しい画面になります。ストアに並べるものとしては、ある程度データが入っていて、機能が伝わる状態である必要があります。

つまり1言語ごとに、

これを画面数ぶん繰り返し、さらに言語数ぶん繰り返すことになります。手作業でやると、後半はもう何をしているのかわからなくなってきます。。。

そしてもう一つ、見落としていたのがこちらでした。

App Store Connect に登録する項目は、スクリーンショットだけではありません。1つの言語につき、ざっとこれだけあります。

9項目 × 7言語で63項目です。これを管理画面でポチポチ切り替えながら貼り付けていくのは、考えただけでしんどい作業でした。

そして個人的に一番こたえたのがこれでした。

UIをほんの少し直しただけで、35枚すべてが作り直しになるということです。

ボタンの位置を数ピクセル変えた、余白を調整した、といった小さな変更でも、掲載中の画像と実物がずれてしまいます。そうなると「直したいけど、また35枚撮り直しか。。。」という思考になり、UIの改善そのものに心理的なブレーキがかかるようになってきます。

これは良くない状態だと感じました。

そこで、この作業を分解して考えてみることにしました。

整理してみると、やっていることは大きく4つでした。

このうち 2・3・4 は機械的な作業なので、自動化しやすそうです。問題は 1 で、ここが手作業の大半を占めていました。

逆にいえば、1さえ自動化できれば全体が一本に繋がるということになります。

ここで登場するのが xcrun simctl です。

Xcodeのコマンドラインツールに含まれている、iOSシミュレータを操作するためのCLIです。シミュレータの起動・終了といった基本操作のほか、アプリのデータ領域の場所を取得するといったこともできます。

これが今回の肝でした。

シミュレータ上のアプリは、Mac上のどこかのディレクトリに実データを持っています。その場所がコマンドで取得できるということは、アプリを一切操作せずに、外側からデータを用意できるということです。

やったことは、この領域に対して、

といった内容を、言語ごとに流し込むスクリプトを1本用意しただけです。

これで「アプリを起動したら、その言語で、見せたい状態になっている」というところまでが自動になりました。

撮影自体も xcrun simctl のコマンド一発です。

あわせて、ステータスバーの表示を固定しておくのがおすすめです。時刻・電池残量・電波状況などをコマンドで固定できるので、撮影のたびに時刻がバラバラになる、といったことがなくなります。Appleの公式素材が9:41で揃っているのも有名な話ですね。

今回使ったのは、ざっくり以下のあたりでした。