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

AI ローカリゼーションで Vue.js アプリ

vue-i18n の JSON または YAML をアップロードし、対象言語を選び、1回支払うだけで、すぐ使えるロケールファイルをダウンロードできます。

パイプ区切りの複数形 & {name} プレースホルダー
vue-i18n の JSON & YAML
明確な料金体系
locales/en.json
ソース(英語)
{
  "hello": "Hello, {name}!",
  "car": "car | cars",
  "items": "no items
    | one item
    | {n} items"
}
ドイツ語(出力)
{
  "hello": "Hallo, {name}!",
  "car": "Auto | Autos",
  "items": "keine Artikel
    | ein Artikel
    | {n} Artikel"
}
52 ロケール

仕組み

Vue.js プロジェクトをローカライズするためのシンプルな3ステップ。翻訳は支払い後に実行され、ジョブをキューに入れて数分でロケールファイルを生成します。

01

ロケールファイルをアップロード

vue-i18n の JSON または YAML ファイル(例: locales/en.json)をドロップしてください。パイプ区切りの複数形と {placeholder} トークンを自動で検出します。

02

言語を選択

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

03

ダウンロード

Stripe で1回だけ支払い。パイプ区切りの複数形と {variable} プレースホルダーを保持したロケールファイルを返します。

リアルタイム料金デモ

明確な料金見積もり

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

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

ここに JSON または YAML をドロップ

またはクリックして参照

vue-i18n のロケールファイル(JSON または YAML)。最大 500KB。

2. 言語を選択

|

52言語中3言語を選択

3. お見積もり

選択した言語数3

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

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

vue-i18n 開発者のために

vue-i18n のパイプ区切り複数形、{placeholder} トークン、ネストしたメッセージオブジェクト向けに特化—汎用の翻訳ツールではありません。

パイプ複数形の処理

"car | cars" や "no items | one item | {n} items" のような vue-i18n のパイプ区切り複数形を、対象言語ごとに正しく処理します。

{placeholder} の安全性

{name}、{count}、および名前付きフォーマットなどの vue-i18n 補間トークンを正確に保持し、翻訳後に文字列が壊れるのを防ぎます。

JSON & YAML 対応

JSON または YAML のロケールファイルをアップロードできます。形式を検出し、アップロードしたのと同じ形式で翻訳を返します。

すぐに使える出力

vue-i18n の createI18n() 用に整えたロケールファイルをダウンロードできます。同じ構造で、値は翻訳済み。プロジェクトにそのまま追加できます。

並列翻訳

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

一括払い

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

vue-i18n のロケールファイルがどう組み合わさるか

vue-i18n プロジェクトでは、ロケールメッセージを locales/ 配下の JSON または YAML ファイルで管理します。LocalePack は、選択したすべての言語で同じ構造を生成します。

locales/ のフォルダ構成

locales/
├── en.json         ← source locale
├── de.json
├── fr.json
├── ja.json
└── ...       (52 locales)

テンプレートでの $t() の使い方

// locales/en.json
{
  "greeting": "Hello {name}",
  "items": "no items | one item
    | {n} items"
}

// In your Vue component
<template>
  {{ $t('greeting', { name: 'Ada' }) }}
  {{ $t('items', 5) }}
</template>

テンプレート API

$t()

設定

createI18n()

プレースホルダー

{variable}

複数形

pipe syntax

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

汎用の翻訳ツールは、vue-i18n のパイプ形式の複数形、{placeholder} トークン、入れ子のメッセージ構造を壊してしまうことがよくあります。

LocalePack
手動翻訳
汎用TMS
セットアップ時間2分言語ごとに数時間30分以上
料金の透明性
入れ子の JSON/YAML に対応
{placeholder} と複数形の安全性
速度(52言語)5分未満週時間
最適な用途Vue.js & Nuxt アプリ小規模プロジェクトエンタープライズ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.

成功事例をすべて見る

Vue.js 開発者に信頼されています

“私たちの Vue アプリは、英語のみから半日で 12 言語対応になりました。パイプ形式の複数形や {name} プレースホルダーもそのまま戻ってきました。”

Marco S.

フルスタック開発者、Vue SPA

“ついに vue-i18n 形式を理解するツールが出ました。出力は locales/ フォルダにそのまま入れられて、手作業での修正は不要でした。”

Claire D.

フロントエンドエンジニア、Nuxt アプリ

“透明な料金体系に惹かれました。ロケールファイルを 1 つもアップロードする前に見積もりが確認できました。”

Jin K.

オープンソース貢献者

52

対応ロケール

100%

プレースホルダー&複数形に安全

ZIP

すぐに使える出力

よくある質問

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

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

ChromeFirefoxEdgeOperaSafari

Related developer guides

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

vue-i18n locale files: JSON, YAML, pipe plurals, and {named} placeholders

The vue-i18n locale file format — pipe-separated plurals, {named} placeholders, linked locale messages, YAML support, and SFC i18n blocks.

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.

Validate messages.json before shipping

How to catch every class of messages.json error before your users do: JSON syntax, missing required fields, missing keys across locales, malformed placeholder syntax, and manifest key mismatches.

Browse all guides →

Vue.js アプリを世界向けにリリースする準備はできましたか?

一度支払い • ロケールファイルをダウンロード • 世界へリリース

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

© 2025 LocalePack. All rights reserved.

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