# gt: General Translation CLI tool: TypeScript
URL: https://generaltranslation.com/ja/docs/cli/formats/ts.mdx
---
title: TypeScript
description: General Translationを使ってTypeScriptファイルとJavaScriptファイルを自動翻訳する方法
---

## 概要

`gt` を使うと、プロジェクトの JavaScript (js) ファイルと TypeScript (ts) ファイルを自動的に翻訳できます。

<Callout type="info">
  元のファイルに含まれるすべての構文と書式は、翻訳後のファイルでも保持されます。
</Callout>

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

<Steps>
  <Step>
    環境変数を設定する
  </Step>

  <Step>
    [`gt`](/docs/cli) をインストールする
  </Step>

  <Step>
    プロジェクトの [`gt.config.json`](/docs/cli/reference/config) ファイルを設定する
  </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: `gt` をインストールする

プロジェクトに `gt` ツールをインストールします。

<Tabs items={['npm', 'yarn', 'bun', 'pnpm']}>
  <Tab value="npm">
    ```bash
    npm i gt
    ```
  </Tab>

  <Tab value="yarn">
    ```bash
    yarn add --dev gt
    ```
  </Tab>

  <Tab value="bun">
    ```bash
    bun add --dev gt
    ```
  </Tab>

  <Tab value="pnpm">
    ```bash
    pnpm add --save-dev gt
    ```
  </Tab>
</Tabs>

## ステップ 3: プロジェクトの `gt.config.json` ファイルを設定する

次の内容で、プロジェクトのルートに `gt.config.json` ファイルを作成します。

```json title="gt.config.json"
{
  "defaultLocale": "en",
  "locales": ["es", "fr"],
  "files": {
    "ts": {
      "include": ["docs/[locale]/**/*.ts"]
    }
  }
}
```

`defaultLocale` と `locales` を、プロジェクトで使用するロケールに合わせて変更します。

ファイルが JavaScript の場合は、`ts` の代わりに `js` キーを使用できます。`include` キーの文字列配列には、すべての JS ファイルに一致する glob パターンを指定してください。

ファイルのロケールに合わせるには、`[locale]` プレースホルダーを使用する必要があります。

`gt.config.json` ファイルの詳細については、[設定](/docs/cli/reference/config) ドキュメントを参照してください。


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

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

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

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

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

***


## 注意事項

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

## 次のステップ

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