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

Related developer guides

Deep dives on the formats, APIs and errors behind this page — written for developers, not translators.

i18next JSON format: namespaces, {{placeholders}}, and _one/_other plurals

A complete reference for the i18next JSON locale format — namespace files, double-brace {{placeholder}} syntax, _one/_other plural keys, nested objects, and how to structure your locales/ folder.

Next.js i18n: next-intl vs react-i18next vs i18next

Practical comparison of the three leading Next.js i18n libraries — App Router support, file format, TypeScript safety, pluralization syntax, and when to pick each one.

LocalePack vs POEditor for i18next JSON

Honest comparison of LocalePack and POEditor for i18next JSON translation. POEditor is a collaborative TMS with a string-count subscription and a free tier; LocalePack is upload → pay once → download.

Improve AI translation quality in messages.json

How to get accurate AI translations for your Chrome extension: write description fields that give the model context, define placeholders with examples, avoid string concatenation, and handle plurals, casing, and length expansion.

Browse all guides →

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

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

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

© 2025 LocalePack. All rights reserved.

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