ファイル拡張子 |
.json |
API拡張 |
react_simple_json |
インポート |
はい |
エクスポート |
はい |
複数形のサポート |
はい |
説明のサポート |
はい、デフォルトのメッセージ抽出を使用します。 |
React-Intl は、主に React で開発されたアプリケーション用に、 国際化 (i18n) と (ローカライゼーション) を簡素化するために設計された JavaScript ライブラリです。デフォルトでは、React-Intl はローカライズされたコンテンツの保存に .js ファイルを使用します。ローカライズされたコンテンツは、標準化された .JSON ファイル(React-Intl Simple JSON)に分離され、原文コードで参照されます。
ネストされたメッセージを使用する場合は、 React-Intl Nested JSON ファイル形式を使用します。これはReact Intl v2で非推奨になりました。
AIチャットボットは、.JSONファイルからキーの一覧を生成するのに非常に効果的です。
コードサンプル
{ "boolean_key": "--- true\n", "empty_string_translation": "", "key_with_description":"ご覧ください!このキーは説明です。(少なくとも一部のファイル形式において)", "key_with_line-break":"This translations contains\na line-break.", "nested.deeply.key":"私は深くネストされたキーです。", "nested.key":"このキーは名前空間内にネストされています。"," "null_translation": null, "pluralized_key.one":"Only one kitten found.", "pluralized_key.other":「%s匹の子猫がいますね!」, "pluralized_key.zero":「あなたには子猫がいません」, "sample_collection": [ "first item", "second item", "third item" ], "simple_key":"シンプルなキー、シンプルなメッセージ、とてもシンプルです。", "unverified_key":「この翻訳は検証待ちです。」(一部のフォーマットでは、このステータスにも対応しています) }
React Intl の使用
翻訳は通常、 .js ファイル内に保存されます。
module.exports = { "locales": ["en-US"], "messages": { "hello" :"World", other_hello :'別世界', }, "formats": {} };
メッセージ を別のロケール ファイル(例: en-US.json)に移動します。
{ "hello" :"World", other_hello :'別世界', }
メッセージに有効な.JSON構文があることを確認してください。
{ "hello" :"World", "other_hello" :「異界」 }
メッセージには、require ステートメントを含めます。
module.exports = { "locales": ["en-US"], "messages": require('./en-US.json'), "formats": {} };
React-Intl Simple JSONファイル形式を使用してReact Intlロケールファイルをアップロード/ダウンロードできるようになりました。