Getting Started

Database

Modules

API Endpoints

Mobile Editor

Web Editor

Localizations

Organization & Team

Export

Figma Import

Advance configure

Email Authentication

Phone authentication

Full project tutorial

Project overview

Create project

Configure database

Configure modules

Configure API endpoints

Import from Figma

Configure using Editor

Export and running

Release Notes

Release Notes

ようこそ、JITERAへ!

はじめに

データベース

モジュール

API エンドポイント

Mobile エディター

Web エディター

ローカライゼーション

組織とチーム(Organization & Team)

エクスポート

Advanced configure

Google Analytics モジュール

Email 認証

電話番号認証

チュートリアル

プロジェクト概要

プロジェクトの作成

データベース設定

モジュールの設定

APIエンドポイントの設定

Figmaインポート

エディタ設定

エクスポートと起動

1. ローカライゼーションとは**?**

ローカライゼーションは、プロジェクトで使用できる言語を設定することができます。ユーザーが利用可能な言語を選択し、アプリケーションの使いやすさのために言語を選択できます。

現在サポートしている言語は English(英語), Japanese(日本語), German(ドイツ語), Spanish(スペイン語), French(フランス語), Italian(イタリア語)です。

2. ローカライゼーションの設定

ローカライズの設定を行うには、新しいプロジェクトを作成する際に、デフォルトのローカライズと利用可能な言語を選択できます。以下の画像を参考にしてください。

Untitled


ローカライゼーションの更新

ローカライゼーションを更新するには、左側のメニューの「Localization」メニューをクリックし、「Language settings」ボタンをクリックしてください。すると、ローカライゼーションの編集モーダルが開きます。

Untitled

ローカライズの更新が完了したら、「Save changes」ボタンをクリックしてください。

Screen Shot 2565-04-29 at 14.42.58.png

アップデートが成功すると、ローカライズページの右側にあるLocalization Record Tableが自動的に更新されます。

フロントエンド

基本的なローカライゼーションの流れ

  1. Web editorを開きます

  2. 現在の表示している言語は上部中央に表示されます.

    Screenshot 2023-07-03 at 12.35.50 PM.png

  3. エディタに表示する言語を変更する際は、2.をクリックしてください。

  4. Localizationメニューに移動して、Language Settingsをクリックすることで、言語を追加または削除することができます。

    Untitled

    Screenshot 2023-07-03 at 12.38.45 PM.png

    ローカライゼーションを追加する

    1. テキスト(Text)コンポーネントを追加します(他のコンポーネントもローカライズが可能です)

      Screenshot 2023-07-03 at 12.22.07 PM.png

    2. あなたが追加したテキスト要素をクリックして、単語/文章を入力してください。

      Screenshot 2023-07-03 at 12.24.16 PM.png

    3. 単語/文を入力し終えたら Enter キーを押すか、テキスト入力欄の外側をクリックしてローカライゼーションを作成してください。ローカライゼーションキーは、入力欄の下に表示されます。

      Screenshot 2023-07-03 at 12.27.35 PM.png

    4. もし複数の言語が追加されている場合、入力欄の右側に翻訳ボタンが表示されます。それをクリックすると、プロジェクトがサポートする現在の言語の翻訳を追加できるポップアップが開きます。

      Screenshot 2023-07-03 at 12.27.35 PM.png

      Screenshot 2023-07-03 at 12.34.18 PM.png

    5. もしローカライズが必要なくなった場合は、右下隅のRemoveボタンをクリックして削除できます。

    ローカライゼーションの再利用

    もしすでにローカライゼーションを作成済みで、アプリの他の部分でも同じ単語 / 文章を使用する必要がある場合は、新たに作成するのではなく、ローカライゼーションを再利用することができます。

    例えば、HomeというローカライズのTextコンポーネントを作成済みの場合、同じテキストを持つButtonコンポーネントを追加する必要があるとします。

    1. Button エレメントを追加します

      Screenshot 2023-07-03 at 12.47.54 PM.png

    2. Button要素が選択された状態で、Text ContentフィールドでSet from variableオプションをクリックしてください。

      Screenshot 2023-07-03 at 12.49.45 PM.png

    3. ポップアップが開くので、ソースに Localizations を選択し、この場合はローカライゼーションに Home を選択してください。最後に 保存 ボタンをクリックしてください。

      Screenshot 2023-07-03 at 12.51.20 PM.png

    4. 今、これらの2つのTextButton要素は同じローカライズを共有しています。つまり、これらのコンポーネントのうちの1つのテキストを更新すると、両方の場所で更新されます。また、他の言語のすべての翻訳も共有されます。

    Figma インポートの流れ

    Figmaインポートが成功した後の現在の推奨フローは以下の通りです。

    1. 現在の言語がFigmaファイルの言語に設定されていることを確認してください。
    2. 各ページに移動し、表示されている TextButtonInputコンポーネントをクリックし、Text Content入力欄をクリックしてローカライズを追加してください。すでにテキストがあるため、テキストを書く必要はありません。入力欄でEnterキーを押すか、入力欄の外をクリックしてください。
    3. 同じ単語を毎回新しく作るのではなく、ローカライズを再利用するようにしてください。

    Web Editorでフロントエンドのローカライズを更新することをおすすめします。特に、Figmaのインポート機能を使用する場合は、ローカライズメニューではなくWeb Editorを使用してください。

    バックエンド

    バックエンドのローカライゼーションは自動的に追加され、更新することしかできません。削除はできません。

    バックエンドのローカライゼーションを更新できる場所は2つあります:

    Screenshot 2023-07-03 at 1.07.26 PM.png

    データベースのカラム編集モーダル

    Screenshot 2023-07-03 at 1.10.04 PM.png

    注意: ローカライゼーション機能は現在、Mobile editorでは利用できません。

← Previous

Add link here

Next →

Add link here

On this page