Advance configure
Full project tutorial
Release Notes
Advanced configure
チュートリアル
ローカライゼーションは、プロジェクトで使用できる言語を設定することができます。ユーザーが利用可能な言語を選択し、アプリケーションの使いやすさのために言語を選択できます。
現在サポートしている言語は English(英語), Japanese(日本語), German(ドイツ語), Spanish(スペイン語), French(フランス語), Italian(イタリア語)です。
ローカライズの設定を行うには、新しいプロジェクトを作成する際に、デフォルトのローカライズと利用可能な言語を選択できます。以下の画像を参考にしてください。
ローカライゼーションを更新するには、左側のメニューの「Localization」メニューをクリックし、「Language settings」ボタンをクリックしてください。すると、ローカライゼーションの編集モーダルが開きます。
ローカライズの更新が完了したら、「Save changes」ボタンをクリックしてください。
アップデートが成功すると、ローカライズページの右側にあるLocalization Record Tableが自動的に更新されます。
Web editorを開きます
現在の表示している言語は上部中央に表示されます.
エディタに表示する言語を変更する際は、2.をクリックしてください。
Localization
メニューに移動して、Language Settings
をクリックすることで、言語を追加または削除することができます。
テキスト(Text)コンポーネントを追加します(他のコンポーネントもローカライズが可能です)
あなたが追加したテキスト要素をクリックして、単語/文章を入力してください。
単語/文を入力し終えたら Enter
キーを押すか、テキスト入力欄の外側をクリックしてローカライゼーションを作成してください。ローカライゼーションキーは、入力欄の下に表示されます。
もし複数の言語が追加されている場合、入力欄の右側に翻訳ボタンが表示されます。それをクリックすると、プロジェクトがサポートする現在の言語の翻訳を追加できるポップアップが開きます。
もしローカライズが必要なくなった場合は、右下隅のRemove
ボタンをクリックして削除できます。
もしすでにローカライゼーションを作成済みで、アプリの他の部分でも同じ単語 / 文章を使用する必要がある場合は、新たに作成するのではなく、ローカライゼーションを再利用することができます。
例えば、Home
というローカライズのTextコンポーネントを作成済みの場合、同じテキストを持つButton
コンポーネントを追加する必要があるとします。
Button
エレメントを追加します
Button
要素が選択された状態で、Text Content
フィールドでSet from variable
オプションをクリックしてください。
ポップアップが開くので、ソースに Localizations
を選択し、この場合はローカライゼーションに Home
を選択してください。最後に 保存
ボタンをクリックしてください。
今、これらの2つのText
とButton
要素は同じローカライズを共有しています。つまり、これらのコンポーネントのうちの1つのテキストを更新すると、両方の場所で更新されます。また、他の言語のすべての翻訳も共有されます。
Figmaインポートが成功した後の現在の推奨フローは以下の通りです。
Text
、Button
、Input
コンポーネントをクリックし、Text Content
入力欄をクリックしてローカライズを追加してください。すでにテキストがあるため、テキストを書く必要はありません。入力欄でEnterキーを押すか、入力欄の外をクリックしてください。Web Editorでフロントエンドのローカライズを更新することをおすすめします。特に、Figmaのインポート機能を使用する場合は、ローカライズメニューではなくWeb Editorを使用してください。
バックエンドのローカライゼーションは自動的に追加され、更新することしかできません。削除はできません。
バックエンドのローカライゼーションを更新できる場所は2つあります:
データベースのカラム編集モーダル
注意: ローカライゼーション機能は現在、Mobile editorでは利用できません。
← Previous
Add link here
Next →
Add link here
On this page