# Locadex: Localization AI Agent: Next.js App Router 向け Locadex
URL: https://generaltranslation.com/ja/docs/locadex/next.mdx
---
title: Next.js App Router 向け Locadex
description: Next.js アプリの翻訳を自動化
---

Next.js アプリをフランス語 🇫🇷、スペイン語 🇪🇸、日本語 🇯🇵、その他の言語に翻訳するのは、面倒で時間もかかります。

**Locadex は、国際化 (i18n) 対応を 100% 代行する AI エージェントです。**
インストールにかかる時間は 5 分です。

{/* ![Locadexのインストール画面](/images/screenshots/locadex-install.png) */}

Locadex:

* プロジェクトで gt-next i18n ライブラリを使えるように設定します
* React コンポーネントと文字列を、多言語コンテンツに対応できるよう変更します
* 必要な数の言語にアプリを翻訳します
* 新しいコンテンツを追加するたびに、継続的に国際化と翻訳を進めます

### ステップ 1: General Translation のダッシュボードにサインインする

[ダッシュボード](https://dash.generaltranslation.com)にアクセスし、アカウントにサインインします。

### ステップ 2: GitHub に接続する

1. ダッシュボードの GitHub 連携セクションに移動します
2. 「Connect GitHub」をクリックして GitHub アカウントを連携します
3. 接続を承認するため、GitHub にリダイレクトされます

### ステップ 3: GitHub アプリをインストールする

1. GitHub を接続すると、Locadex GitHub アプリのインストール画面にリダイレクトされます
2. Locadex にアクセスを許可するリポジトリを選択します:
   * すべてのリポジトリにインストールする、または
   * 特定のリポジトリを選択する
3. 「Install」をクリックして、GitHub アプリのインストールを完了します

### ステップ4: リポジトリをプロジェクトにリンクする

1. GTダッシュボードに戻り、国際化したいリポジトリを選択します
2. これにより、そのリポジトリが翻訳設定と対象言語に紐付けられます
3. 1つのプロジェクトにリンクできるリポジトリは1つだけですが、異なるリポジトリごとに複数のプロジェクトを作成できます

### ステップ 5: 設定を行う

設定画面で、次の項目を設定します。

* **対象言語**: 翻訳先のロケールを選択します

![Locadex installation screen](https://assets.gtx.dev/locadex-screenshots/locadex-installation.png)

### ステップ 6: インストールを完了する

1. 設定内容を確認します
2. 「Install」をクリックして、リポジトリで Locadex を有効化します
3. 接続済みの GitHub リポジトリが表示される概要ページに移動します

## 次に何が起こるか

### 初期セットアップ

インストールが完了すると、次の処理が行われます。

1. **PR の即時作成**: Locadex がメインブランチにプルリクエストを作成します
2. **セットアップ全体の実行**: この PR では、以下を行う Locadex のセットアップコマンド全体が実行されます。
   * GT ライブラリをインストールする
   * プロジェクトを国際化対応向けに設定する
   * 翻訳基盤をセットアップする
3. **レビューとマージ**: PR をレビューしてマージし、i18n のセットアップを完了します

### 継続的な国際化

初回のセットアップをマージしたら：

1. Locadex は、メインブランチまたは指定したブランチへのプルリクエストを監視します
2. 翻訳対象のコンテンツを含む新しいコードをプッシュしたら、Locadex が PR にコミットを追加するまで待ちます
3. Locadex が PR にコミットしたら、安全にマージできます -- 新しいコードの国際化は完了しています
4. アプリは手動の対応なしで翻訳された状態を維持できます

## リポジトリの監視

![Locadex の GitHub 接続パネル](https://assets.gtx.dev/locadex-screenshots/locadex-github-connection.png)

![Locadex の設定パネル](https://assets.gtx.dev/locadex-screenshots/locadex-config.png)

### ダッシュボードのステータス

ダッシュボードでは、次の項目を確認できます。

* **リポジトリのステータス**: 監視が有効であることを示すインジケーター
* **設定**: 現在の設定と対象言語

### GitHub アプリ

* **ステータスチェック**: Locadex がプルリクエストにステータス更新を追加します
* **チェック実行**: GitHub に Locadex の処理状況が表示されます

## トラブルシューティング

### よくある問題

**Locadex が PR を作成しない**

* GitHub アプリにリポジトリへのアクセス権があることを確認してください
* コミットに翻訳対象のコンテンツが含まれていることを確認してください

**設定変更が必要**

* GT ダッシュボードで branch の設定を更新してください
* 変更は、更新後の新しいコミットに適用されます