Lovable アプリをそのままローカライズ

globalize.now は Lovable アプリに本格的な i18n を組み込み、push のたびにすべての言語を同期させます。スキルと Lovable 内の globalize MCP を追加するだけで、翻訳が PR として届きます。

lovable-i18n スキルは、Lingui v6、src/locales/[locale]/messages.po に配置される PO カタログ、Trans マクロ、言語切り替えスイッチャー、そして GitHub Action をインストールします。Vite の SPA 構成や TanStack Start 構成も自動検出します。globalize MCP を追加すると、push のたびに更新済みカタログを含む翻訳 PR が開かれます。コミットされたロケールファイルはランタイムウィジェットに勝ります――読み込み後の翻訳による表示のちらつきもレイアウトのズレもなく、検索エンジンがインデックスできるロケール別ページが手に入ります。

50以上の言語に対応・RTL(右から左書き)も含む・5ユーロ分の初回クレジット・カード登録不要

前提条件

  • 翻訳したい UI を持つ Lovable プロジェクト
  • Lovable プロジェクトの同期が有効になっている GitHub アカウント
  • Lovable から接続した Git リポジトリ(+ メニューから GitHub、続いて Connect project を選択)
  • 翻訳同期のためにリポジトリを接続する globalize.now アカウント

Lovable で globalize.now をセットアップする方法

  1. Lovable プロジェクトを GitHub に接続する

    Lovable のチャット入力欄にある + メニューを開き、GitHub を選び、続けて Connect project をクリックします。アプリを実際のリポジトリに同期させることで、PO カタログと Lingui の設定がバージョン管理下に置かれます。

  2. ワークスペースに lovable-i18n スキルを追加する

    Lovable のワークスペースで Skills を開き、Add をクリックし、Import from GitHub を選び、以下の globalize-now/lovable-i18n リポジトリを指定します――スキルはリポジトリのルートに置かれています。無料でクレジットも消費せず、ワークスペースごとに一度だけ行えば十分です。

    https://github.com/globalize-now/lovable-i18n
  3. Lovable に globalize MCP を追加する

    Lovable で Connectors を開き、Custom MCP を選択して、以下の globalize MCP の URL を追加します。globalize.now ダッシュボードの MCP タブから取得した API キーで認証します。これにより、別途ダッシュボード側の作業をすることなく、Lovable がプロジェクトを作成し、カタログを翻訳し、push 同期のためにリポジトリを接続できるようになります。

    https://api.globalize.now/mcp
  4. Lovable に i18n のセットアップを指示する

    これを Lovable のチャットに貼り付けてください。スキルが使用中のスタックを検出し、Lingui をインストールし、PO カタログの雛形を作成し、文字列を Trans マクロで囲み、言語切り替えスイッチャーを追加します。その後、globalize MCP がリポジトリに接続し、push のたびに翻訳を行います。

    Use the lovable-i18n skill and the globalize MCP to set up i18n and translate my app
  5. レビューしてデフォルトブランチにマージする

    Lovable が i18n の雛形を GitHub に同期します。Lingui の設定、PO カタログ、コンポーネントの変更点の差分をレビューしてから、デフォルトブランチにマージしてください。

  6. 引き続き Lovable で開発を続ける

    push するたびに、globalize.now が新しい文字列を差分検出して翻訳し、更新済みの PO カタログを含む PR を開きます。その PR をマージするだけです。リリースのたびに手動で文字列を抽出する必要はありません。

よくある問題

Lovable を更新するたびに翻訳が壊れる

解決方法: Lovable への指示(プロンプト)のたびに、ハードコードされた文字列が追加されることがあります。Git の push サイクルに同期の仕組みを組み込むことで、PO カタログを常に最新の状態に保てます。globalize.now は push のたびに新しいリテラルを検出し、ギャップが広がる前に翻訳 PR を返します。

Weglot や Lovalingo など、ランタイムウィジェットを使うべきでしょうか?

解決方法: ランタイムウィジェットはページ読み込み後に翻訳を行うため、一瞬英語が表示される、レイアウトがずれる、SEO が弱くなるといった問題が生じます。lovable-i18n スキルは PO カタログと Lingui をコミットするので、翻訳済みのマークアップがリポジトリから直接配信されます。

よくある質問

lovable-i18n スキルは何をインストールしますか?

src/locales/[locale]/messages.po に配置される PO カタログを備えた Lingui v6、文字列抽出用の Trans マクロ、言語切り替えスイッチャー、そして GitHub Action です。このスキルは Vite の SPA 構成や TanStack Start を検出し、Lovable アプリが使用しているスタックに合わせて雛形を作成します。

Lovable アプリで Weglot や Lovalingo を使わないのはなぜですか?

ランタイムの自動翻訳ツールは、読み込み後にコンテンツを翻訳する JavaScript を挿入します。そのため未翻訳のテキストが一瞬表示され、Core Web Vitals が悪化し、実態としては英語のページがブラウザ内で翻訳されているだけの状態になります。コミットされた PO カタログとロケール別のルーティングであれば、安定していて検索エンジンがインデックス可能なページになります。

セットアップ後も Lovable で開発を続けられますか?

はい。ワークスペースごとに一度スキルを追加し、セットアッププロンプトを実行し、リポジトリを globalize.now に接続すれば、あとは普段通り Lovable にプロンプトを送り続けるだけです。push のたびに差分検出がトリガーされ、新しい文字列が翻訳され、更新済みの PO カタログを含む PR が届きます。

globalize.now は Lovable アプリ向けにいくつの言語に対応していますか?

アラビア語やヘブライ語などの RTL ロケールを含む50以上の言語です。リポジトリを接続する際に翻訳先の言語を選択してください。globalize.now は push のたびに PO カタログの不足箇所を埋め、マージ可能な PR を返します。

同じリポジトリを Cursor や Claude Code でビルドしている場合でも機能しますか?

はい。接続済みのリポジトリで npx skills add globalize-now/globalize-skills を実行すれば、Lovable の外でも同じスキルバンドルが使えます。Lovable のワークスペースへのインポートでは lovable-i18n のサブパスを使用しますが、オープンな skills CLI を使えば、Cursor や Claude Code 向けにフルバンドルをインストールできます。

翻訳された Lovable のページは Google に表示されますか?

配信されるマークアップ自体に翻訳が含まれている場合に限られます――読み込み後にクライアント側で挿入されるだけでは表示されません。PO カタログを使った Lingui と適切なロケール別ルーティングがあれば、検索エンジンは言語ごとにクロール可能なページを取得できます。ランタイムウィジェットでは通常そうはいきません。

Lovable の i18n を始める

リポジトリを接続するには globalize.now アカウントを作成するか、GitHub でスキルを確認してください。

https://github.com/globalize-now/globalize-skills/tree/main/skills/lovable-i18n

globalize.now アカウントを作成する →

Prefer a visual, step-by-step walkthrough? Follow the interactive Lovable setup guide →

GitHub で lovable-i18n スキルを見る →

その他の連携

無料で始める