# gt: General Translation CLI tool: GT JSX
URL: https://generaltranslation.com/ja/docs/cli/formats/gt.mdx
---
title: GT JSX
description: gt-next、gt-react、または gt-react-native のプロジェクトを自動翻訳
---

## 概要

このチュートリアルでは、[`gt-next`](/docs/next)、[`gt-react`](/docs/react)、または [`gt-react-native`](/docs/react-native) を使用する際に、プロジェクトの翻訳ファイルを自動で管理する方法を説明します。

<Callout type="warn">
  **注:** これは本番ビルドをリリースする場合にのみ使用してください。
  開発中に gt-next、gt-react、または gt-react-native を使用している場合、この
  コマンドは必要ありません。
</Callout>

次の 3 つの手順で進めます。

<Steps>
  <Step>環境変数を追加する</Step>

  <Step>
    [`npx gt
        configure`](/docs/cli/configure) コマンドでプロジェクトを設定する
  </Step>

  <Step>[`gt translate`](/docs/cli/translate#translate) を実行する</Step>
</Steps>

***

## ステップ 1: 環境変数を追加する

本番環境用の API キーとプロジェクト ID を環境変数に追加します。
これらは `gt` ツールの使用に必要です。
これらの情報は [General Translation ダッシュボード](https://generaltranslation.com/dashboard) で確認できます。

```bash title=".env"
GT_API_KEY=<your-api-key>
GT_PROJECT_ID=<your-project-id>
```


## ステップ2: `npx gt configure` コマンドでプロジェクトを設定する

プロジェクトを設定するには、`gt configure` コマンドを実行します。

```bash
npx gt configure
```


## ステップ 3: `gt translate` コマンドをビルドプロセスに追加する

プロジェクトに翻訳を自動で追加するには、ビルドコマンドの前に `gt translate` コマンドをビルドまたは CI のプロセスに組み込みます。

```json title="package.json"
{
  "scripts": {
    "translate": "npx gt translate",
    "build": "npm run translate && <your build command>"
  }
}
```

これにより、すべてのロケール向けの翻訳が生成され、プロジェクトに保存されます。
これらのファイルをリポジトリにコミットしたい場合は、コミット前に代わりにこのコマンドを実行できます。

これで完了です。今後は、プロジェクトに変更があるたびに、すべての翻訳 JSON ファイルが自動的に更新されます。

***


## 注意

* [`gt translate`](/docs/cli/translate#translate) コマンドを使うと、翻訳をプロジェクトに自動的に追加できます。
* 翻訳ファイルをコミットしたい場合は、代わりにコミット前に `gt translate` コマンドを実行することもできます。
* 翻訳の出力パスを設定するには、[設定](/docs/cli/reference/config) ドキュメントを参照してください。

## 次のステップ

* CLI の使用方法の詳細については、[`translate` コマンド](/docs/cli/translate)を参照してください。