i18nメッセージフォーマットコンバーター
ICU MessageFormat、i18next、Vue I18n、Gettext PO、Intlayerの間でメッセージ文字列と辞書をシームレスに変換。動的変数をリアルタイムでテスト。
サンプルプリセットを読み込む
icu
ICU Plural with Exact Matchicu
ICU Select (Gender / Role)icu
ICU Selectordinal (Rankings)vue-i18n
Vue I18n Pipe Plurali18next
i18next Simple Interpolationicu
ICU Number & Percentage Formaticu
HTML / Rich Text Formattingicu
Full JSON Dictionary変換元フォーマットformatjs / next-intl
79 文字
変換先フォーマットreact-i18next
有効な構文
インタラクティブなライブプレビューと評価
検出された変数のテスト値を設定して、リアルタイムで解決された結果を確認します。
ロケール:
レンダリング結果のプレビュー (en):
1 item in cart
メッセージ形式の比較と構文ガイド
サポートされているすべてのフォーマット間で、補間、複数形、選択肢、数値フォーマットの構文を比較します。
| 機能 | ICU MessageFormat | i18next | Vue I18n | Intlayer |
|---|---|---|---|---|
単純な変数 テキスト内の名前付き変数を置換 | Hello {name}! | Hello {{name}}! | Hello {name}! | Hello {{name}}! |
CLDR複数形 カテゴリベースの複数形ルール (one, few, many, other) | {count, plural, one {# item} other {# items}} | {count, plural, one {# item} other {# items}} | 1 item | {count} items | plural({ one: '{{count}} item', other: '{{count}} items' }) |
完全一致複数形 0や1などの特定の数値を明示的にマッピング | {count, plural, =0 {No items} other {# items}} | {count, plural, =0 {No items} other {# items}} | No items | {count} items | enu({ '0': 'No items', fallback: '{{count}} items' }) |
Select / 性別 文字列条件による分岐 | {gender, select, male {He} female {She} other {They}} | {gender, select, male {He} female {She} other {They}} | {gender: {male: "He", female: "She"}} | gender({ male: 'He', female: 'She', fallback: 'They' }) |
数値 / パーセント形式 地域化された数値書式スタイル | {val, number, percent} | {{val, percent}} | $n(val, 'percent') | {val, number, percent} |
HTML / リッチテキスト フォーマット用のマークアップタグを保持 | Read <strong>{doc}</strong> | Read <1>{{doc}}</1> | <i18n-t> or raw HTML | html('Read <strong>{{doc}}</strong>') |
型安全なコンパイル
従来のシステムとは異なり、IntlayerはエンドツーエンドのTypeScriptコンパイルとIDEの自動補完を強制し、実行時エラーを防ぎます。
ユニバーサル互換性レイヤー
Next-intl、FormatJS、i18next、Nuxtからベンダーロックインなしでシームレスにメッセージをインポート/エクスポート。
ビジュアルCMS&AI翻訳
Intlayerで宣言されたコンテンツは、リアルタイムで視覚的に編集したり、統合されたAIパイプラインを介して18以上の言語に自動翻訳したりできます。
Intlayerエコシステム
完全な型安全性のためにIntlayerに移行
コードのすぐ隣で翻訳を宣言し、ビルド時に欠落したキーを検出し、ビジュアルCMSを活用できます。