Lovableアプリを翻訳するにはどうすればいいですか？

Lovableアプリを翻訳する方法は2つあります\：ページ読み込み後にページを書き換えるランタイムウィジェットを取り付ける方法と、生成されたコードにi18nライブラリを組み込みロケールファイルをリポジトリにコミットする方法です。ウィジェットは今すぐ使えて速い一方、リポジトリ方式は来年もあなたの手元に残る方法です。globalize.nowはAIを活用したローカライゼーション基盤で、リポジトリ方式を自動化します。Lovableのコードベースからハードコードされた文字列を抽出し、ロケールファイルを生成し、Gitへのプッシュごとに全言語を同期させます。

Lovableアプリを翻訳する2つの方法とは?

Lovableアプリを翻訳するあらゆるツールは、ランタイム翻訳またはリポジトリネイティブなi18nという2つの方法のいずれかの変形です。

ランタイム翻訳とは、公開サイトに埋め込むスクリプトタグを指します。ページはまず英語でレンダリングされ、ウィジェットがDOM内のテキストを検出して訪問者の言語に差し替えます。WeglotやLocalizeJSはこの方式で動作しており、Lovalingoも2026年8月31日にサービス終了を発表するまではこの方式でした。ソースコードは一切変わりません。そして翻訳の所有権も変わりません――もともと持っていなかったからです。

リポジトリネイティブなi18nとは、生成されたコード内の文字列が翻訳キーに置き換えられ、翻訳済みテキストがコンポーネントの隣にコミットされたカタログファイルに存在し、サーバーが各言語を直接レンダリングする方式です。Lovableのスタックでは、これはPOカタログを使うLinguiであり、HTMLがブラウザに届く前にTanStack Startがレンダリングします。

この記事の残りでは両方の方式を詳しく見ていき、それぞれの背後にあるツールが消えたときに何が起こるのかを説明します。

ランタイムウィジェットでLovableアプリを翻訳するには?

公開済みのLovableサイトにベンダーのスクリプトタグを貼り付け、ダッシュボードで対象言語を選び、再公開するだけです。数分で完了しますし、金曜までにスペイン語対応のマーケティングページが必要な場合には、これが正解かもしれません。

トレードオフは後からやってきます。ページはまず英語で表示され、その後差し替わるため、訪問者には一瞬「間違った言語」が見えてしまいます。検索エンジンは、翻訳版を提供するためにベンダーのプロキシやJavaScriptレイヤーを信頼するしかありません。料金は言語数に応じて増えていきます――例えばLovalingoは、hreflangによるSEO機能を9ドルの階層から有料化していました。そして翻訳テキストは、あなたのプロジェクトではなくベンダーのサーバー上に存在します。

最後の点は、この夏に理論上の話ではなくなりました。ウィジェットベンダーがサービスを終了すると、それを使っていたすべてのサイトは、スクリプトが機能を停止した日に英語表示へ戻ってしまいます。

リポジトリ内からLovableアプリを翻訳するには?

Lovableにi18nライブラリの組み込みを指示し、その後リポジトリをglobalize.nowに接続すれば、カタログは自動的に満たされ続けます。手順は4つです。

1. ライブラリを組み込む。 LovableにLinguiをプロジェクトへ追加するよう指示します。2026年5月以降、新しいLovableアプリはサーバーサイドレンダリング対応のTanStack Startを生成するようになりました。古いプロジェクトはVite製のシングルページアプリです。セットアップ方法は異なるため、それぞれのスタックに合ったガイドに従ってください\：TanStack Startまたは従来のVite。
2. 文字列を抽出する。 Linguiの抽出ツールが、ユーザーに表示されるすべての文字列をロケールごとのPOカタログファイルに取り出します。これらは他のソースファイルと同様にリポジトリにコミットされます。
3. リポジトリをglobalize.nowに接続する。 ワークスペーススキルをインストールしてAIエディタに配線作業を任せ、その後Lovable連携ページでGitHubリポジトリをリンクします。
4. ロケールルートを公開し、開発を続ける。 これ以降、プッシュごとにスキャンが行われます。新しいハードコード文字列が抽出され、既存のカタログに対してキー付けされ、翻訳され、コミットし返されます。Lovableで手作業によるi18nにありがちな典型的な失敗モードであるプッシュごとに翻訳が壊れるという隙間は、二度と生まれません。

Lovableのエディタ外でも、同じワークスペーススキルをターミナルからインストールできます\：

npx skills add globalize-now/globalize-skills

結果として、ドイツ語や日本語がサイトの上に乗っかった付加レイヤーではないアプリが生まれます。それ自体がサイトそのものであり、専用のURLでサーバーサイドレンダリングされます。

ベンダーがサービスを終了すると、ウィジェット翻訳はどうなりますか?

存在しなくなります。Lovalingoの終了はまさにその実例です。サービスは2026年8月31日に終了し、同社自身の移行ガイドでも、プロジェクトが自ら所有する国際化を実装するよう顧客に案内しています。これは、ウィジェットベンダー自身が、コミットされたカタログの必要性を裏付ける形になっています。移行を検討している場合は、Lovalingo移行ガイドに全手順が載っています。

コミットされたPOファイルの壊れ方は違います。それらはGitの履歴に残るプレーンテキストです。globalize.nowへの支払いを止めても、アプリは既存のすべての言語をそのまま提供し続けます。失うのは、新しい文字列を翻訳し続ける自動化機能だけです。プロダクト全体が1つのリポジトリに収まっているノリで作るコーダーにとって、これは翻訳を「借りる」のか「所有する」のかという違いになります。

Lovableアプリの翻訳にかかるコストは?

globalize.nowのStarterプランはワークスペースあたり月額20ユーロです。これには月20ユーロ分の翻訳クレジット（約20万語相当）が含まれており、それを超えた分も同じ文字単価で利用を継続できます。人数課金も言語数課金もなく、10,000個の翻訳キーを5言語で運用する一般的なアプリなら、この含有量の範囲内で十分に収まります。登録時には5ユーロ分の翻訳クレジットが付与され、クレジットカード登録も不要です。

これを、言語数やトラフィックに応じて課金されることが多いウィジェット型の料金体系と比べてみてください。対象市場が増えるほど、上位プランが必要になります。globalize.nowではワークスペースあたりプロジェクト数無制限なので、立ち上げるLovableアプリすべてが同じプランを共有できます。詳細は料金ページ、エンジニア向けの情報は開発者向けページをご覧ください。

globalize.nowは、リポジトリ方式を最初から最後まで一括で処理します。一度セットアップすれば、プッシュごとにすべての言語が最新の状態に保たれます。