LocalePack
ChromeFirefoxEdgeOperaSafariCWS 掲載ページ
Vue.jsReact
Next.jsi18nextReact Native
開発者向けガイド導入事例
react-i18next のために設計

AI ローカリゼーションで react-i18next アプリ

namespace の JSON ファイルをアップロードし、対象言語を選び、一度支払って、useTranslation() ですぐ使えるロケールファイルをダウンロードできます。

{{placeholder}} & 複数形対応で安全
useTranslation() 互換
明確な料金体系
locales/en/common.json
ソース(英語)
{
  "welcome": "Hello, {{name}}!",
  "items_one": "{{count}} item",
  "items_other": "{{count}} items"
}
ドイツ語(出力)
{
  "welcome": "Hallo, {{name}}!",
  "items_one": "{{count}} Artikel",
  "items_other": "{{count}} Artikel"
}
52 ロケール

仕組み

react-i18next プロジェクトをローカライズするためのシンプルな 3 ステップ。namespace JSON をアップロードし、一度支払って、I18nextProvider ですぐ使えるファイルをダウンロードできます。

01

namespace JSON をアップロード

locales/ 配下の namespace ファイル(例: locales/en/common.json)を追加してください。{{placeholders}} と _one/_other の複数形キーを自動で検出します。

02

言語を選択

52言語から選べます。支払い前に、ファイルサイズと複雑さに基づく明確な料金を確認できます。

03

ダウンロード

Stripe で一度お支払いください。I18nextProvider に渡せる locales/ の ZIP を取得できます。namespace 構造はそのまま、値は翻訳済みです。

リアルタイム料金デモ

明確な料金見積もり

アップロード前に支払い額を正確に確認できます。最終見積もりは、アップロード後にファイルの複雑さと選択した言語に基づいて算出されます。

1. ファイルをアップロード

ここにJSONファイルをドロップ

またはクリックして参照

react-i18next の名前空間 JSON(locales/**)。最大 500KB。

2. 言語を選択

|

52言語中3言語を選択

3. お見積もり

選択した言語数3

最終価格は、チェックアウトページでファイルをアップロード後に算出されます

一括払い • サブスクリプションなし

react-i18next 開発者のために設計

useTranslation()、I18nextProvider、名前空間 JSON のために特化して設計。汎用的な翻訳ツールではありません。

useTranslation() の名前空間サポート

common.json、auth.json などすべての名前空間を全ロケールで揃え、useTranslation('ns') が変更なしで動作するようにします。

{{placeholder}} の安全性

{{name}} や {{count}} のような補間トークンをバイト単位でそのまま保持し、React コンポーネント内の文字列が壊れるのを防ぎます。

複数形キーの扱い(_one/_other)

key_one や key_other のような react-i18next の複数形分割を処理し、すべてのターゲット言語で文法が正しく保たれるようにします。

I18nextProvider にそのまま対応

同じフォルダ構成の locales/ ZIP をダウンロード可能。リポジトリに入れて、そのまま I18nextProvider に渡せます。

並列翻訳

すべての言語を同時に翻訳します。ほとんどのジョブは5分以内に完了します。

一括払い

サブスクなし、月額料金なし。ジョブごとに一度支払えば、いつでもダウンロードできます。

react-i18next の JSON がどう組み合わさるか

react-i18next は I18nextProvider 経由でロケールファイルを読み込みます。LocalePack は、アプリがすでに期待しているのと同じ構造で、すべての名前空間ファイルを生成します。

locales/ のフォルダ構成

locales/
├── en/
│   ├── common.json   ← source namespace
│   └── auth.json
├── de/
│   ├── common.json
│   └── auth.json
├── fr/
│   └── ...
└── ...       (52 locales)

useTranslation() フックの使い方

// locales/en/common.json
{
  "welcome": "Hello {{name}}",
  "items_one": "{{count}} item",
  "items_other": "{{count}} items"
}

// After i18next.init({ ns: ['common'] })
i18next.t('common:welcome', { name: 'Ada' });
i18next.t('common:items', { count: 5 });

フックAPI

t()

I18nextProvider

i18next.init()

プレースホルダー

{{variable}}

複数形

_one/_other

なぜ汎用ツールではダメなのか?

汎用的な翻訳ツールは、useTranslation() の名前空間 JSON、二重波括弧のプレースホルダー、そして _one/_other の複数形規約を壊してしまいます。

LocalePack
手動翻訳
汎用TMS
セットアップ時間2分言語ごとに数時間30分以上
料金の透明性
名前空間JSONのサポート
{{placeholder}} と複数形の安全性
速度(52言語)5分未満週時間
最適な用途react-i18next アプリ小規模プロジェクトエンタープライズCMS

導入事例

LocalePack を使って、最大 52 言語でグローバルなユーザーに届けた実際のプロジェクト。

AstrologerAI AI astrology app localized into 52 languages

AstrologerAI: an AI astrology app localized into 52 languages

How the AstrologerAI app translated its entire experience into 52 languages with LocalePack — 6.3M tokens for $58.73 — to reach a worldwide audience in their own language.

DevToys.pro developer tools web app localized into 52 languages

DevToys.pro: 400% international traffic growth across 52 languages

How the DevToys.pro web app translated its entire UI into 52 languages with LocalePack — 5.8M tokens for $58.44 — and quadrupled its international organic traffic.

DevToys New Tab Chrome extension localized into 52 languages

DevToys New Tab: a Chrome extension localized UI + store listing in 52 languages

How the DevToys New Tab Chrome extension localized both its in-extension UI and its Chrome Web Store listing into 52 languages to reach a global audience.

The LocalePack site localized into 52 languages with LocalePack

LocalePack localized itself into 52 languages — with LocalePack

We used our own tool to translate the entire LocalePack site into 52 languages — 2.9M tokens for $27.37 — so developers worldwide find us in their own language.

成功事例をすべて見る

react-i18next 開発者に信頼されています

“私たちの React アプリは、英語のみから、たった半日で 12 言語対応になりました。useTranslation() の名前空間もそのまま維持されました。”

サム・K.

React 開発者、SaaS スタートアップ

“ZIP を入れるだけで I18nextProvider がそのまま動きました。手動マージ不要で、{{variables}} も壊れませんでした。”

プリヤ・M.

フロントエンドエンジニア

“ファイルを 1 つもアップロードする前に料金見積もりが見られました。単発のローカライズ案件にまさに必要なものでした。”

クリス・D.

フリーランスの React 開発者

52

対応ロケール

100%

{{placeholder}} & 複数形対応で安全

ZIP

名前空間 ZIP

よくある質問

react-i18next 向け LocalePack について知っておくべきことをすべてまとめました。

ブラウザ拡張機能版もあります:

ChromeFirefoxEdgeOperaSafari

react-i18next アプリを世界に向けてリリースする準備はできましたか?

一度の支払い • namespace ZIPをダウンロード • グローバルにリリース

LocalePackを試す
LocalePack
ガイドプライバシー利用規約サポート

© 2025 LocalePack. All rights reserved.

このプロジェクトは次を使用して翻訳されました LocalePack logoLocalePack