i18next メッセージフォーマッター&エディター
二重中括弧の補間、複数形サフィックス(_one、_other)、コンテキストキー、ネストを使用してi18next文字列をフォーマットおよびテストします。
テンプレート14
I18NEXT エディター
有効な構文
40 文字1 行
テスト変数とライブプレビュー
変数を調整し言語を切り替えてCLDR複数形ルールを確認します
言語:
出力結果 (en):
Hello Sarah, welcome to our platform!
Intlayer の型安全な宣言にエクスポート
Intlayerは完全なTypeScript自動補完によりコンパイル時に翻訳を検証します。
i18next Syntax Cheat Sheet
構文ルールとIntlayerの型安全な宣言へのマッピング一覧
| 機能 | 構文 | 例 | 備考 | Intlayer での同等表現 |
|---|---|---|---|---|
| Interpolation | {{variableName}} | Hello {{user.name}}! | Double curly braces, supports dot paths | {{user.name}} |
| Unescaped HTML | {{- rawVar}} | Visit {{- url}} | Disables HTML escaping for raw markup | html(...) or Markdown |
| Plural Keys | key_one, key_other | "item_one": "1 item", "item_other": "{{count}} items" | Suffix keys based on count parameter | plural({ one: "1 item", other: "{{count}} items" }) |
| Context Suffix | key_context | "friend_female": "Girlfriend" | Key appended with context parameter | select({ female: "Girlfriend", fallback: "Friend" }) |
| Nesting | $t(nested.key) | Welcome, $t(common.brand) | Reuses other translation keys | Direct object property reuse in TS |
| Formatting | {{val, format}} | {{date, YYYY-MM-DD}} | Passes value through custom formatters | Standard JavaScript/TypeScript helper |
Intlayerのコンパイラ駆動アーキテクチャは、複雑な実行時パースをコンパイル時の型安全性と自動抽出に置き換えます。
Intlayer エコシステム
複雑な構文に悩まされることはもうありません
Intlayerは、コンパイル時の型安全性、自動コンポーネント抽出、シームレスなCMS統合により、国際化を快適な開発体験に変えます。