Vue I18n の肥大化した翻訳ファイルを、分割管理でスッキリ解決した話 - MicroAd Developers Blog

はじめに こんにちは、マイクロアドでサーバサイドエンジニアをしている藤田です。 Vue I18n を使った多言語対応は非常に便利ですが、プロジェクトが成長するにつれ、翻訳メッセージファイルの管理に頭を悩ませることはありませんか？ マイクロアドが提供しているプロダクトの 1 つに、 メディア事業者向けのサプライサイドプラットフォーム MicroAd COMPASS があります。 このプロダクトのリニューアルプロジェクトでは、多言語対応するためのライブラリとして Vue I18n を採用しています。 しかし、プロジェクトが進むにつれ、対応言語や翻訳対象のテキストの増加に伴って翻訳メッセージファイルの肥大化が進み、管理が煩雑になる問題が発生しました。 具体的には、以下のような問題が発生していました。 行数が膨大になり、見通しが悪くなる 似たような意味のメッセージが重複して定義されてしまう 修正箇