Reactローカリゼーション – Reactアプリの翻訳方法

React Web サイトを翻訳する方法

Web 開発者にとって強力なツールである Reach アプリは、複数の言語へのローカリゼーションに関して大きな課題に直面しています。Web 開発者は、コンテンツやユーザー インターフェイスからエラー メッセージやナビゲーション メニューに至るまで、Web サイトのあらゆる要素を翻訳する複雑なプロセスに苦労することがよくあります。このタスクは、言語間で一貫性と正確性を維持し、ロケールに関係なくユーザー エクスペリエンスがシームレスに保たれるようにする必要があるため、さらに困難になります。さらに、エンコードの問題、テキストの方向変更、言語固有のニュアンスの処理など、ローカリゼーションの技術的側面を管理するには、非常に時間がかかり、エラーが発生しやすくなります。これらの困難は遅延、コストの増加、フラストレーションにつながる可能性があるため、開発者にとって信頼性が高く効率的なローカリゼーション ソリューションの探求がさらに重要になります。

ConveyThis をサイトに統合するのは迅速かつ簡単で、React も例外ではありません。わずか数分で、React に ConveyThis をインストールし、必要な多言語機能を提供し始める方法を学びます。

ステップ #1

ConveyThis。com アカウントを作成し、確認します。

ステップ #2

あなたの ダッシュボード （ログインしている必要があります）上部メニューの “ドメイン” に移動します。

ステップ #3

このページで “ドメインを追加” をクリックします。

ドメイン名を変更する方法はないので、既存のドメイン名で間違いがあった場合は、削除して新しいドメイン名を作成するだけです。

完了したら、 “設定” をクリックします。

*以前に WordPress/Joomla/Shopify 用に ConveyThis をインストールしていた場合、ドメイン名はすでに ConveyThis に同期されており、このページに表示されます。
ドメインの追加手順をスキップして、ドメインの横にある “設定” をクリックするだけです。

ステップ #4

これで、メイン構成ページに移動します。

Web サイトのソース言語とターゲット言語（es）を選択します。

“設定を保存”をクリックします。

ステップ #5

次に、下にスクロールして、下のフィールドから JavaScript コードをコピーします。

<!-- ConveyThis Script Start -->
<script src="//cdn.conveythis.com/javascript/conveythis.js?api_key=*****************************"></script>
<!-- ConveyThis Script End -->>

*後ほど、設定にいくつか変更を加える必要があるかもしれません。それらを適用するには、最初にそれらの変更を加え、次にこのページで更新されたコードをコピーする必要があります。

*WordPress/Joomla/Shopifyの場合、このコードは必要ありません。詳細については、関連する platfrom の手順を参照してください。

ステップ #6

スクリプトはアプリ上のパネルから取得されます。conveythis。com であり、またはタグの前に public\index。html に配置する必要があります。

ステップ#7

Сonveyこのプラグインはすぐに使用できます。