あらゆるウェブアプリに言語を追加 — ルーティング変更も文字列抽出も不要
従来の方法でウェブアプリを翻訳するには、すべての文字列を抽出し、ロケールルーティングを設定し、 機能変更のたびに翻訳ファイルを同期させる必要があります。Lingvit は違うアプローチを取ります: スクリプト1つ、コード変更なし、言語は今日から使えます。
あらゆるウェブアプリフレームワークに対応
React / Next.jsハイドレーション後のコンテンツを検出
Vue / Nuxtリアクティブな DOM 更新に対応
Angularゾーン駆動の再レンダリングを監視
Svelte / SvelteKit初期化後の DOM 変更を検知
Ember.jsテンプレートでレンダリングされるコンテンツに対応
プレーンな JavaScript SPAMutationObserver がすべての変化を監視
ウェブアプリのローカライズが難しい理由
従来の CMS 翻訳ツールは、固定された HTML を持つ静的なコンテンツ向けに作られていました。 ウェブアプリは異なります:コンテンツは JavaScript によってレンダリングされ、状態変化によって 更新され、非同期に読み込まれ、ナビゲーションによって置き換えられます。単純な翻訳の仕組みでは 読み込み時にのみ翻訳し、それ以降に発生するすべてを見逃してしまいます。
Lingvit のエンジンは MutationObserver を使い、初期ページ読み込み後のすべての DOM 変化を 監視します。API レスポンス、ルート変更、モーダルの表示、コンポーネントの再レンダリングなど、 新しいコンテンツが現れるたびに、Lingvit は即座に翻訳します。その結果、アプリのライフサイクル 全体にわたるシームレスな多言語対応が実現します。
編集管理付きの翻訳
自動翻訳は出発点であり、終着点ではありません。Lingvit のダッシュボードでは、アプリが配信した すべての文字列を閲覧し、自動翻訳を確認し、修正版で上書きできます。上書きは即座に反映されます — デプロイも、PR も、待ち時間もありません。
- ✓ダッシュボードから任意の翻訳を確認・修正
- ✓ブランド名、製品名、専門用語を保護する用語集エントリを追加
- ✓アプリケーションの再デプロイなしで編集上書きを公開
- ✓技術者でないチームメンバーも翻訳を確認・承認可能
関連ガイド
- React 連携ガイド — ステップバイステップのセットアップ手順 (EN) →
- Next.js 連携ガイド — App Router と Pages Router (EN) →
- Vue.js 連携ガイド — Vue 3 と Vue Router のセットアップ手順 (EN) →
- Angular 連携ガイド — 遅延読み込みモジュールにも対応 (EN) →
- Svelte / SvelteKit 連携ガイド — セットアップ手順 (EN) →
- Astro 連携ガイド — ページ、MDX、アイランド (EN) →
- React i18n と自動翻訳の比較 →
- Nuxt.js の国際化:@nuxtjs/i18n と自動翻訳の比較 →
今すぐウェブアプリに言語を追加
スクリプトタグ1つ。どんなフレームワークにも。手頃な月額プラン。