この記事では、エージェントスキル、Gitで管理されたロケールファイル、そしてプッシュのたびに行われる自動翻訳を使って、ハードコードされた英語からNext.jsやReactの多言語アプリへと至る、5つのプロンプトによる道筋を紹介しています。globalize.nowはAI駆動のローカライゼーション基盤であり、手動でのエクスポート作業やダッシュボードの管理をすることなく、新しいUI文字列を常に同期させ続けます。投資対効果についてはアプリをグローバル対応にすべき理由を、技術スタックの全体像については2026年版：バイブコーディングに適したローカライゼーションツールを、抽出処理の詳しい解説についてはAI生成アプリをローカライズする方法をご覧ください。バイブコーダー向けのコンテンツはバイブコーダー向けglobalize.nowページにもあります。
5ステップのグローバル化パイプラインは、どのように機能するのでしょうか？
どこから始めればよいのでしょうか？
globalize.now でリポジトリを接続してください。最初の変換はアプリ内で一度だけ実行され、リポジトリを読み込んでハードコード文字列をキーに置き換え、あなたがレビューできるプルリクエストを開きます。それ以降のプッシュでは、新しく追加された部分だけが翻訳されます。
最初のこの処理をエディタから実行したい場合は、同じプレイブックがお使いのエージェント――Cursor、Claude Code、Codexなど、どれでも――にインストールされます。
$ npx skills add globalize-now/globalize-skills
これにより、i18nスキルがエージェントに直接インストールされます。あなたのスタックを検出し、読み込むべき内容のメニューを提示してくれます。
✔ Install scope: Local — this project only
? Which skills?
── Presets ──
❯◉ globalize-guide — Detects stack, recommends i18n library
◉ lingui — LinguiJS skills (setup, translate, code)
◉ css — CSS i18n (logical properties, RTL)
◉ globalize-now-cli — globalize CLI setup and usage
◉ next-intl — next-intl for Next.js
これで、あなたのエージェントはプロジェクトを翻訳対応にセットアップする方法を理解した状態になります。手動での設定も、ドキュメントを読み込む手間も必要ありません。
スキルをインストールした後、ロケールをスキャフォールドするにはどうすればよいですか？
エージェントに、次のように伝えてください。
プロジェクトのローカライズをセットアップする
コードベースをスキャンし、使用しているフレームワークを識別して、あなたのスタックに最適なi18nライブラリを推奨し、すべてのコンポーネントに埋め込まれたハードコード文字列を検出します：
Agent: Detected Next.js 15 with App Router.
I'll set up next-intl — best fit for your stack.
Found 47 hardcoded strings across 12 components.
Which languages do you need?
> English, Spanish, Arabic
Agent: Setting up 3 locales with RTL support for Arabic.
Creating translation files...
通常なら数日かかる作業です。あなたのエージェントなら数分で完了します：ライブラリのインストール、ロケール構造の作成、必要に応じてRTLの設定まで。
リテラル文字列を翻訳キーに変換するにはどうすればいいですか？
エージェントに、次のように伝えてください。
アプリを変換する
コンポーネントを書き換え、ハードコードされた文字列をすべて翻訳キー参照に置き換えます。同時に、用語集と一致するロケールファイルを生成します：
Agent: Converting 47 strings to translatable keys
for Spanish and Arabic...
✓ es.json — 47 translatable strings
✓ ar.json — 47 translatable strings
All entries consistent with your glossary.
あなたのコードベースは、英語のハードコードから翻訳対応アーキテクチャへと変わります。ビフォーアフターはこちら：
// Before
<button>Submit order</button>
// After
<button>{t("checkout.submit_order")}</button>
翻訳を自動同期するためにGitを連携するには？
エージェントに、次のように伝えてください。
このプロジェクトをglobalizeに接続する
これによりリポジトリとglobalize.nowが接続されます。以降、翻訳は自動的に同期され続けます — 手動でのエクスポート、ダッシュボードでの同期作業、新機能リリース時の見落としも一切不要です：
Agent: Created project on globalize.
✓ Connected GitHub repo
✓ 3 locales configured (en, es, ar)
✓ Auto-translate on push enabled
New strings translated automatically on push to main.
新しいUI文字列を含むコードをプッシュするたびに、globalize.nowがそれを検出し、翻訳し、あなたのリポジトリにプルリクエストとして戻します。
言語切り替え機能でロケールを公開するには？
エージェントに、次のように伝えてください。
ウェブサイトに言語切り替え機能を追加する
あなたのエージェントが、既存のi18n設定と連携したロケール切り替えコンポーネントをUIに追加します。これでユーザーは言語を切り替えられるようになります。
これで一連の流れが完成です。プロンプトはわずか5つ。あなたのアプリは多言語対応になり、アーキテクチャはクリーンなまま、そしてリリースを重ねるたびに新しい文字列も自動的に同期され続けます。
globalize.nowはどんなスタックに対応していますか？
globalize.nowはNext.js、React、Vite、React Routerにそのまま対応しています。さらにGitHub、GitLab、Claude、Cursor、Codexとも連携し、既存のコードベースを持つ開発チームや、AIで爆速構築されたアプリのリリースにも対応します。
globalize-guideスキルが自動でスタックを検出し、最適なライブラリを推奨します。どのi18nフレームワークを使うべきか自分で調べる必要はありません — その判断は、既存のプロジェクト内容に基づいてエージェントが行います。
料金プランには何が含まれていますか？
すべてが単一プランに含まれています：ワークスペースごとに月20ユーロで、翻訳出力10万文字分が含まれます。CLI、API、GitHub連携、RTLを含む50以上の言語、優先サポートも対象です。
globalize.nowは、ハードコードされたアプリ内テキストを翻訳可能なロケールファイルに変換し、リリースのたびに自動で最新の状態を保ちます。
globalize.nowを無料で試す