AI生成アプリはローカライゼーションを台無しにする。
AIがUIを書く。globalizeがi18nを書く。
AIツールはUIを高速に生成しますが、英語をあらゆる箇所にハードコードしてしまいます。globalize.nowは、そのUIを本格的なi18nアーキテクチャへ自動変換します。
確立されたパターンを持つ本番コードベースを運用中ですか?globalize.nowが開発者のワークフローにどう適合するかをご覧ください。
Cursor、Copilot、ChatGPTで作られたコードベース向けに設計されています。
React、Next.js、Vueなど、モダンなフロントエンドフレームワークに対応しています。
導入前
<button>Submit order</button>導入後
<button> {t("checkout.submit_order")} </button>locales/ en.json fr.json es.json
AI生成アプリをi18n対応にするには?
リポジトリをスキャン中...
✓ ハードコードされたUI文字列を検出
✓ 翻訳キーを生成
✓ 件のロケールファイルを作成
✓ 用語集を生成
アプリはこれでi18n対応のAIレディ状態になりました。
アプリ版ではリポジトリのクローン上で作業し、レビュー用のブランチをお渡しします。エージェント版はローカルで実行され、ファイルに変更を加える前に一つひとつプレビューを確認できます。
AIコーディングエージェントから実行したい場合は? エージェント経由の手順を見る →
AI生成コードベースでローカライゼーションが破綻する理由
AIがUIを生成するとき、多くの場合、文字列はコンポーネントに直接ハードコードされます。ローカライゼーションが必要になった頃には:
- 文字列が何百というファイルに散らばっている
- あちこちに重複したUIテキストがある
- 翻訳キーが存在しない
- ロケールシステムが存在しない
後からi18nを導入しようとすると、大規模なリファクタリングになってしまいます。
globalize.nowはハードコードされたUIをどうやって本物のi18nに変えるのか?
globalize.nowはリポジトリをスキャンし、ハードコードされたUIを構造化されたローカライゼーションシステムへと書き換えます。
導入前
<button>Submit order</button>導入後
<button> {t("checkout.submit_order")} </button>ロケールファイル
locales/ en.json fr.json es.json
globalize.nowは、AIが生成したUIを自動でAIレディなi18nへと変換します。
CLIがi18n設定とロケールのJSONファイルを自動で作成します。
globalize.nowは、AI生成アプリのためのAIレディなi18nです。
globalizeはアプリからハードコードされたUIテキストを抽出し、翻訳キーを生成、ロケールファイルを自動で作成します。
globalize.nowが生成するもの
globalize.nowはハードコードされたUI文字列をどうやって検出するのか?
コンポーネントとルートをスキャンし、UIに埋め込まれたユーザー向けテキストを見つけ出します。
構造化されたi18nキーを生成
生のUI文字列を、名前空間付きの翻訳キーへ自動変換します。
ロケールファイルを自動作成
ロケールのJSONファイルと、翻訳に即使える共有グロッサリーを生成します。
仕組み
リポジトリをスキャン
コンポーネントとルートを解析し、UI文字列を検出します。
テキストを正規化
UIテキストを構造化された翻訳キーへ変換します。
ローカライゼーション構造を生成
ロケールファイルと、翻訳に即使えるグロッサリーを作成します。
AI生成アプリをi18n対応のAIレディな状態にしましょう。
リライトになってしまう前に、ローカライゼーションの問題を解消しましょう。
ワークフローを選ぶ
globalize.nowは、UIがAIによって書かれたものでも、従来のコードベースで構築されたものでも機能します。
AI生成アプリ
CursorやV0のようなAIツールは、しばしばハードコードされたテキストを含むUIを生成します。globalizeはそれらの文字列を抽出し、翻訳キーを自動で生成します。
AIビルダー向けLovable apps
Built in Lovable? Add the lovable-i18n skill and keep every language in sync on each push.
See the Lovable guide