翻訳後にUIが壊れる前に、先に壊して確認する

文字伸長、RTL、overflow。Localizationで起きやすいUI崩れを公開前に見つけるLocaleStressの考え方。

多言語化では、意味が正しく翻訳されてもUIが壊れることがあります。英語より日本語が長くなる、ボタンから文字がはみ出す、RTLで配置が崩れる、といった問題です。

LocaleStressは、今見ているページを文字伸長・RTL化して、公開前に崩れを見つけやすくするChrome Extensionです。

QAで見るポイント

固定幅ボタンやCardのoverflow。

長い見出しやNavigationの折返し。

RTL時の並び順・余白・Icon配置。

Viewport外へ押し出される要素。

LocaleStress: https://localestress.k1232255555.workers.dev/

Portfolio: https://web.kaisei-global.com/portfolio