@intlayer/docs 9.4.4 → 9.5.0

package/docs/ja/migration_from_i18next_to_intlayer.md

@@ -32,7 +32,6 @@ author: aymericzip
 巨大なJSONファイルをページに読み込む代わりに、必要なコンテンツのみをロードします。Intlayerは、**バンドルとページのサイズを最大50%削減**するのに役立ちます。
 
 </Accordion>
-
 <Accordion header="メンテナンス性">
 
 アプリケーションのコンテンツをスコープ化することで、大規模なアプリケーションの**メンテナンスが容易**になります。機能フォルダ全体を複製または削除しても、すべてのコンテンツコードベースを確認するという精神的負担がありません。さらに、Intlayerはコンテンツの正確性を確保するために**完全に型付け**されています。
@@ -40,25 +39,21 @@ author: aymericzip
 また、Intlayerはi18nエコシステムの中で**最も活発に開発されている**ソリューションでもあります。問題は迅速に修正され、新しいフレームワークアダプタが定期的に登場し、コアAPIは実際の運用フィードバックに基づいて継続的に改良されています。
 
 </Accordion>
-
 <Accordion header="AIエージェント">
 
 コンテンツのコロケーション（同一場所配置）により、大規模言語モデル（LLM）に必要な**コンテキストが減少**します。Intlayerには、不足している翻訳をテストするための**CLI**、**[LSP](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/lsp.md)**、**[MCP](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/mcp_server.md)**、および**[agent skills](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/agent_skills.md)**などのツールスイートが備わっており、AIエージェントにとってよりスムーズな開発者体験（DX）を提供します。
 
 </Accordion>
-
 <Accordion header="自動化">
 
 AIプロバイダーのコストで、お好みのLLMを使用してCI/CDパイプライン内で翻訳を自動化できます。Intlayerは、コンテンツ抽出を自動化するための**コンパイラ**や、**バックグラウンドでの翻訳**を支援する[ウェブプラットフォーム](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/intlayer_CMS.md)も提供しています。
 
 </Accordion>
-
 <Accordion header="パフォーマンス">
 
 コンポーネントに巨大なJSONファイルを接続すると、パフォーマンスやリアクティビティの問題が発生する可能性があります。Intlayerはビルド時にコンテンツのロードを最適化します。
 
 </Accordion>
-
 <Accordion header="非開発者とのスケーラビリティ">
 
 単なるi18nソリューションにとどまらず、Intlayerはセルフホストの**[ビジュアルエディタ](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/intlayer_visual_editor.md)**と**[フルCMS](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/intlayer_CMS.md)**を提供し、多言語コンテンツを**リアルタイム**で管理できるようにします。これにより、翻訳者やコピーライター、その他のチームメンバーとのシームレスなコラボレーションが可能になります。コンテンツはローカルおよび/またはリモートに保存できます。
@@ -66,8 +61,6 @@ AIプロバイダーのコストで、お好みのLLMを使用してCI/CDパイ
 </Accordion>
 </AccordionGroup>
 
----
-
 ## 移行戦略
 
 `i18next`からIntlayerに移行するための、互いに補完する2つの戦略があります：
@@ -78,20 +71,15 @@ AIプロバイダーのコストで、お好みのLLMを使用してCI/CDパイ
 
 このガイドでは、まず**戦略1**（ドロップイン互換性アダプター）について解説し、その後オプションである完全移行について説明します。
 
----
-
 ## 目次
 
 <TOC/>
 
----
-
 ## クイック移行
 
 以下の手順は、コードを変更せずに既存の`i18next`アプリをIntlayer上で実行するために必要な最小限のステップです。
 
 <Steps>
-
 <Step number={1} title="依存関係のインストール">
 
 Intlayerのコアパッケージと互換性アダプターをインストールします：
@@ -135,7 +123,6 @@ bun add intlayer @intlayer/i18next @intlayer/sync-json-plugin
 > `i18next`はインストールしたままにして構いません — 互換性アダプターはこれをTypeScriptの型のための`devDependency` / `peerDependency`として使用します。
 
 </Step>
-
 <Step number={2} title="Intlayerの設定">
 
 `intlayer init`コマンドにより、初期の`intlayer.config.ts`ファイルが作成されます。既存のロケールに合わせて設定を更新し、`syncJSON`プラグインがメッセージファイルを指すようにします：
@@ -170,7 +157,6 @@ export default config;
 > **`source`**はロケールをそのJSONファイルのパスにマッピングします。**`location`**はIntlayerウォッチャーに変更を監視するフォルダを指示します。`format: 'i18next'`オプションは、`{{name}}`のようなプレースホルダーが正しく解析されることを保証します。
 
 </Step>
-
 <Step number={3} title="バンドラエイリアスの更新（オプション）">
 
 バンドラ（Vite、Webpack、esbuild）を使用している場合、モジュールエイリアスを注入して、`import ... from 'i18next'`が自動的に`@intlayer/i18next`に解決されるようにすることができます。これにより、コードベース全体のインポートを手動で変更する必要がなくなります。
@@ -194,14 +180,11 @@ export default defineConfig({
 
 これでクイック移行は完了です。アプリはすべての`i18next`のインポートとAPIを保持したまま、Intlayer上で動作するようになります。
 
----
-
 ## 完全移行
 
 以下のステップはオプションであり、段階的に行うことができます。これにより、ビジュアルエディタ、CMS、型付けされたコンテンツファイル、AIを利用した翻訳自動化など、Intlayerの全機能が解放されます。
 
 <Steps>
-
 <Step number={4} title="インポートの明示的な変更（オプション）" isOptional={true}>
 
 ソースファイル内で依存関係を明示したい場合、またはインポートをエイリアス化するためのバンドラプラグインを使用しない場合は、手動でインポート名を変更できます：
@@ -215,7 +198,6 @@ export default defineConfig({
 これらは**ドロップインの置き換え**であり、呼び出しシグネチャ、引数、または戻り値の型を変更する必要はありません。
 
 </Step>
-
 <Step number={5} title="AIを利用した翻訳自動化の有効化" isOptional={true}>
 
 Intlayerが設定されたら、CLIを使用して不足している翻訳を自動入力することができます：
@@ -277,8 +259,6 @@ export default config;
 
 </Steps>
 
----
-
 ## 移行後に削除できるもの
 
 互換性アダプターが導入されると、以下の`i18next`のボイラープレートコードは削除できます：
@@ -291,8 +271,6 @@ export default config;
 
 さらに進める準備ができたら、Intlayerはコードベース内の**どこにある`.content.ts`および`.content.json`ファイルでも自動的に検出します**（デフォルトでは`./src`内）。`my-component.content.ts`ファイルをロジックのすぐ隣に配置するだけで、追加の設定なしでビルド時にIntlayerがそれを取得します — インポート、登録、中央のインデックスファイルは不要です。これにより、翻訳のコロケーションが完全にシームレスになります。
 
----
-
 ## TypeScriptの設定
 
 Intlayerはモジュール拡張を使用して、翻訳キーに対する完全なTypeScriptのIntelliSense（自動補完）を提供します。`tsconfig.json`に自動生成された型が含まれていることを確認してください：
@@ -307,8 +285,6 @@ Intlayerはモジュール拡張を使用して、翻訳キーに対する完全
 }
 ```
 
----
-
 ## Git設定
 
 Intlayerによって生成されたディレクトリを`.gitignore`に追加します：
@@ -318,8 +294,6 @@ Intlayerによって生成されたディレクトリを`.gitignore`に追加し
 .intlayer
 ```
 
----
-
 ## さらに詳しく
 
 - **ビジュアルエディタ** — ブラウザ上で翻訳を視覚的に管理：[Intlayer Visual Editor](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/intlayer_visual_editor.md)

package/docs/ja/migration_from_next-i18next_to_intlayer.md

@@ -35,7 +35,6 @@ author: aymericzip
 巨大なJSONファイルをページに読み込む代わりに、必要なコンテンツのみをロードします。Intlayerは、**バンドルとページのサイズを最大50%削減**するのに役立ちます。
 
 </Accordion>
-
 <Accordion header="メンテナンス性">
 
 アプリケーションのコンテンツをスコープ化することで、大規模なアプリケーションの**メンテナンスが容易**になります。機能フォルダ全体を複製または削除しても、すべてのコンテンツコードベースを確認するという精神的負担がありません。さらに、Intlayerはコンテンツの正確性を確保するために**完全に型付け**されています。
@@ -43,25 +42,21 @@ author: aymericzip
 また、Intlayerはi18nエコシステムの中で**最も活発に開発されている**ソリューションでもあります。問題は迅速に修正され、新しいフレームワークアダプタが定期的に登場し、コアAPIは実際の運用フィードバックに基づいて継続的に改良されています。
 
 </Accordion>
-
 <Accordion header="AIエージェント">
 
 コンテンツのコロケーション（同一場所配置）により、大規模言語モデル（LLM）に必要な**コンテキストが減少**します。Intlayerには、不足している翻訳をテストするための**CLI**、**[LSP](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/lsp.md)**、**[MCP](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/mcp_server.md)**、および**[agent skills](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/agent_skills.md)**などのツールスイートが備わっており、AIエージェントにとってよりスムーズな開発者体験（DX）を提供します。
 
 </Accordion>
-
 <Accordion header="自動化">
 
 AIプロバイダーのコストで、お好みのLLMを使用してCI/CDパイプライン内で翻訳を自動化できます。Intlayerは、コンテンツ抽出を自動化するための**コンパイラ**や、**バックグラウンドでの翻訳**を支援する[ウェブプラットフォーム](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/intlayer_CMS.md)も提供しています。
 
 </Accordion>
-
 <Accordion header="パフォーマンス">
 
 コンポーネントに巨大なJSONファイルを接続すると、パフォーマンスやリアクティビティの問題が発生する可能性があります。Intlayerはビルド時にコンテンツのロードを最適化します。
 
 </Accordion>
-
 <Accordion header="非開発者とのスケーラビリティ">
 
 単なるi18nソリューションにとどまらず、Intlayerはセルフホストの**[ビジュアルエディタ](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/intlayer_visual_editor.md)**と**[フルCMS](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/intlayer_CMS.md)**を提供し、多言語コンテンツを**リアルタイム**で管理できるようにします。これにより、翻訳者やコピーライター、その他のチームメンバーとのシームレスなコラボレーションが可能になります。コンテンツはローカルおよび/またはリモートに保存できます。
@@ -69,8 +64,6 @@ AIプロバイダーのコストで、お好みのLLMを使用してCI/CDパイ
 </Accordion>
 </AccordionGroup>
 
----
-
 ## 移行戦略
 
 `next-i18next`は裏側で`react-i18next`と`i18next`をラップしているため、Intlayerへ移行するための互いに補完する2つの戦略があります：
@@ -81,20 +74,15 @@ AIプロバイダーのコストで、お好みのLLMを使用してCI/CDパイ
 
 このガイドでは、まず**戦略1**（ドロップイン互換性アダプター）について解説し、その後オプションである完全移行について説明します。
 
----
-
 ## 目次
 
 <TOC/>
 
----
-
 ## クイック移行
 
 以下の手順は、ページやコンポーネントのコードを変更せずに、既存のNext.js Pages RouterアプリをIntlayer上で実行するために必要な最小限のステップです。
 
 <Steps>
-
 <Step number={1} title="依存関係のインストール">
 
 Intlayerのコアパッケージと互換性アダプターをインストールします：
@@ -138,7 +126,6 @@ bun add intlayer next-intlayer react-intlayer @intlayer/next-i18next @intlayer/r
 > 移行中は`next-i18next`、`react-i18next`、および`i18next`を安全にインストールしたままにしておけます（エイリアスが設定されたら削除します）。
 
 </Step>
-
 <Step number={2} title="Intlayerの設定">
 
 `intlayer init`コマンドにより、初期の`intlayer.config.ts`ファイルが作成されます。既存のロケールに合わせて設定を更新し、`syncJSON`プラグインが`next-i18next`のメッセージファイル（通常は`public/locales`）を指すようにします：
@@ -173,7 +160,6 @@ export default config;
 > **`source`**はロケールと名前空間（`key`）をそのJSONファイルのパスにマッピングします。**`location`**はIntlayerウォッチャーに監視するフォルダを指示します。`format: 'i18next'`オプションは、`next-i18next`のプレースホルダーが正しく解析されることを保証します。
 
 </Step>
-
 <Step number={3} title="Next.js設定の更新">
 
 既存の`next.config.ts`（または`.js`）を`@intlayer/next-i18next/plugin`の`createNextI18nPlugin`でラップします。このラッパーは`withIntlayer`を合成**しつつ**、`next-i18next` / `react-i18next` / `i18next` → `@intlayer/*`のエイリアスを注入するため、既存の`import { useTranslation } from 'next-i18next'`がビルド時に透過的にリダイレクトされます。ソースファイルの変更は不要です。
@@ -217,14 +203,11 @@ export default withIntlayer(nextConfig);
 > tAbout("counter.label"); // ✓ 型付け済み
 > ```
 
----
-
 ## 完全移行
 
 以下のステップはオプションであり、段階的に行うことができます。これにより、ビジュアルエディタ、CMS、型付けされたコンテンツファイル、AIを利用した翻訳自動化など、Intlayerの全機能が解放されます。
 
 <Steps>
-
 <Step number={4} title="インポートの明示的な変更（オプション）" isOptional={true}>
 
 Intlayerプラグインは既にバンドラレベルでのエイリアス化を処理しています。ソースファイル内で依存関係を明示的にしたい場合は、手動でインポート名を変更できます：
@@ -239,7 +222,6 @@ Intlayerプラグインは既にバンドラレベルでのエイリアス化を
 これらは**ドロップインの置き換え**であり、呼び出しシグネチャ、引数、または戻り値の型を変更する必要はありません。
 
 </Step>
-
 <Step number={5} title="AIを利用した翻訳自動化の有効化" isOptional={true}>
 
 Intlayerが設定されたら、CLIを使用して不足している翻訳を自動入力することができます：
@@ -301,8 +283,6 @@ export default config;
 
 </Steps>
 
----
-
 ## 移行後に削除できるもの
 
 互換性アダプターが導入されると、以下の`next-i18next`のボイラープレートコードは削除できます：
@@ -315,8 +295,6 @@ export default config;
 
 さらに進める準備ができたら、Intlayerはコードベース内の**どこにある`.content.ts`および`.content.json`ファイルでも自動的に検出します**（デフォルトでは`./src`内）。`my-component.content.ts`ファイルを`MyComponent.tsx`のすぐ隣に配置するだけで、追加の設定なしでビルド時にIntlayerがそれを取得します — インポート、登録、中央のインデックスファイルは不要です。これにより、ページやコンポーネントとの翻訳のコロケーションが完全にシームレスになります。
 
----
-
 ## TypeScriptの設定
 
 Intlayerはモジュール拡張を使用して、翻訳キーに対する完全なTypeScriptのIntelliSense（自動補完）を提供します。`tsconfig.json`に自動生成された型が含まれていることを確認してください：
@@ -331,8 +309,6 @@ Intlayerはモジュール拡張を使用して、翻訳キーに対する完全
 }
 ```
 
----
-
 ## Git設定
 
 Intlayerによって生成されたディレクトリを`.gitignore`に追加します：
@@ -342,8 +318,6 @@ Intlayerによって生成されたディレクトリを`.gitignore`に追加し
 .intlayer
 ```
 
----
-
 ## さらに詳しく
 
 - **ビジュアルエディタ** — ブラウザ上で翻訳を視覚的に管理：[Intlayer Visual Editor](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/intlayer_visual_editor.md)

package/docs/ja/migration_from_next-intl_to_intlayer.md

@@ -33,7 +33,6 @@ author: aymericzip
 巨大なJSONファイルをページに読み込む代わりに、必要なコンテンツのみをロードします。Intlayerは、**バンドルとページのサイズを最大50%削減**するのに役立ちます。
 
 </Accordion>
-
 <Accordion header="メンテナンス性">
 
 アプリケーションのコンテンツをスコープ化することで、大規模なアプリケーションの**メンテナンスが容易**になります。機能フォルダ全体を複製または削除しても、すべてのコンテンツコードベースを確認するという精神的負担がありません。さらに、Intlayerはコンテンツの正確性を確保するために**完全に型付け**されています。
@@ -41,25 +40,21 @@ author: aymericzip
 また、Intlayerはi18nエコシステムの中で**最も活発に開発されている**ソリューションでもあります。問題は迅速に修正され、新しいフレームワークアダプタが定期的に登場し、コアAPIは実際の運用フィードバックに基づいて継続的に改良されています。
 
 </Accordion>
-
 <Accordion header="AIエージェント">
 
 コンテンツのコロケーション（同一場所配置）により、大規模言語モデル（LLM）に必要な**コンテキストが減少**します。Intlayerには、不足している翻訳をテストするための**CLI**、**[LSP](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/lsp.md)**、**[MCP](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/mcp_server.md)**、および**[agent skills](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/agent_skills.md)**などのツールスイートが備わっており、AIエージェントにとってよりスムーズな開発者体験（DX）を提供します。
 
 </Accordion>
-
 <Accordion header="自動化">
 
 AIプロバイダーのコストで、お好みのLLMを使用してCI/CDパイプライン内で翻訳を自動化できます。Intlayerは、コンテンツ抽出を自動化するための**コンパイラ**や、**バックグラウンドでの翻訳**を支援する[ウェブプラットフォーム](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/intlayer_CMS.md)も提供しています。
 
 </Accordion>
-
 <Accordion header="パフォーマンス">
 
 コンポーネントに巨大なJSONファイルを接続すると、パフォーマンスやリアクティビティの問題が発生する可能性があります。Intlayerはビルド時にコンテンツのロードを最適化します。
 
 </Accordion>
-
 <Accordion header="非開発者とのスケーラビリティ">
 
 単なるi18nソリューションにとどまらず、Intlayerはセルフホストの**[ビジュアルエディタ](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/intlayer_visual_editor.md)**と**[フルCMS](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/intlayer_CMS.md)**を提供し、多言語コンテンツを**リアルタイム**で管理できるようにします。これにより、翻訳者やコピーライター、その他のチームメンバーとのシームレスなコラボレーションが可能になります。コンテンツはローカルおよび/またはリモートに保存できます。
@@ -67,8 +62,6 @@ AIプロバイダーのコストで、お好みのLLMを使用してCI/CDパイ
 </Accordion>
 </AccordionGroup>
 
----
-
 ## 移行戦略
 
 既存のアプリケーションに推奨されるアプローチは**互換性アダプター**です：`@intlayer/next-intl`をインストールします。これは`next-intl`と**全く同じAPI**を公開しますが、裏側ですべての翻訳作業をIntlayerに委譲します。
@@ -77,20 +70,15 @@ AIプロバイダーのコストで、お好みのLLMを使用してCI/CDパイ
 
 将来的には、オプションとして個々のファイルをよりリッチなIntlayerの`.content.ts`形式に移行し、ビジュアルエディタ、CMS、コンポーネントレベルのコンテンツスコープを利用できるようにすることができます — ただし、このステップは完全にオプションであり、徐々に行うことができます。
 
----
-
 ## 目次
 
 <TOC/>
 
----
-
 ## クイック移行
 
 以下の手順は、コードを変更せずに既存の`next-intl`アプリをIntlayer上で実行するために必要な最小限のステップです。
 
 <Steps>
-
 <Step number={1} title="依存関係のインストール">
 
 Intlayerのコアパッケージと互換性アダプター`@intlayer/next-intl`をインストールします：
@@ -134,7 +122,6 @@ bun add intlayer next-intlayer @intlayer/next-intl @intlayer/sync-json-plugin
 > `next-intl`はインストールしたままにしておいてください — **URLルーティング** (`createNavigation`、`createMiddleware`、`Link`、`redirect`、`usePathname`、`useRouter`) のために引き続き必要です。互換性アダプターはルーティングレイヤーを置き換え**ません**。
 
 </Step>
-
 <Step number={2} title="Intlayerの設定">
 
 `intlayer init`コマンドにより、初期の`intlayer.config.ts`ファイルが作成されます。既存のロケールに合わせて設定を更新し、`syncJSON`プラグインがメッセージファイルを指すようにします：
@@ -171,7 +158,6 @@ export default config;
 > 利用可能なすべての設定オプションについては、[設定ドキュメント](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/configuration.md)を参照してください。
 
 </Step>
-
 <Step number={3} title="IntlayerプラグインをNext.jsに追加する">
 
 既存のNext.js設定を`@intlayer/next-intl/plugin`の`createNextIntlPlugin`でラップします。このラッパーは`withIntlayer`を合成**しつつ**、`next-intl` → `@intlayer/next-intl`のエイリアスを登録します：
@@ -212,14 +198,11 @@ export default withIntlayer(nextConfig);
 > t("counter.label"); // ✓ 型付け済み
 > ```
 
----
-
 ## 完全移行
 
 以下のステップはオプションであり、段階的に行うことができます。これにより、ビジュアルエディタ、CMS、型付けされたコンテンツファイル、AIを利用した翻訳自動化など、Intlayerの全機能が解放されます。
 
 <Steps>
-
 <Step number={4} title="インポートの明示的な変更（オプション）" isOptional={true}>
 
 `createNextIntlPlugin()`ラッパーは既にバンドラレベルでの`next-intl` → `@intlayer/next-intl`のエイリアス化を処理しています。ソースファイル内で依存関係を明示的にしたい場合（および代わりに通常の`withIntlayer`プラグインを使用する場合）、手動でインポート名を変更できます：
@@ -246,7 +229,6 @@ export default withIntlayer(nextConfig);
 > または、`@intlayer/next-intl/routing`から`defineRouting`を使用することで、`intlayer.config.ts`のロケール設定を自動的にマージすることができます。
 
 </Step>
-
 <Step number={5} title="AIを利用した翻訳自動化の有効化" isOptional={true}>
 
 Intlayerが設定されたら、CLIを使用して、お好みのLLMを使用し不足している翻訳を自動入力することができます：
@@ -308,8 +290,6 @@ export default config;
 
 </Steps>
 
----
-
 ## 移行後に削除できるもの
 
 `@intlayer/next-intl`が導入されると、以下の`next-intl`のボイラープレートコードは削除できます：
@@ -322,8 +302,6 @@ export default config;
 
 さらに進める準備ができたら、Intlayerはコードベース内の**どこにある`.content.ts`および`.content.json`ファイルでも自動的に検出します**（デフォルトでは`./src`内）。`about.content.ts`ファイルを`about/page.tsx`のすぐ隣に配置するだけで、追加の設定なしでビルド時にIntlayerがそれを取得します — インポート、登録、中央のインデックスファイルは不要です。これにより、ページやコンポーネントとの翻訳のコロケーションが完全にシームレスになります。
 
----
-
 ## TypeScriptの設定
 
 Intlayerはモジュール拡張を使用して、翻訳キーに対する完全なTypeScriptのIntelliSense（自動補完）を提供します。`tsconfig.json`に自動生成された型が含まれていることを確認してください：
@@ -338,8 +316,6 @@ Intlayerはモジュール拡張を使用して、翻訳キーに対する完全
 }
 ```
 
----
-
 ## Git設定
 
 Intlayerによって生成されたディレクトリを`.gitignore`に追加します：
@@ -349,8 +325,6 @@ Intlayerによって生成されたディレクトリを`.gitignore`に追加し
 .intlayer
 ```
 
----
-
 ## さらに詳しく
 
 - **ビジュアルエディタ** — ブラウザ上で翻訳を視覚的に管理：[Intlayer Visual Editor](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/intlayer_visual_editor.md)

package/docs/ja/migration_from_nuxtjs_i18n_to_intlayer.md

@@ -34,7 +34,6 @@ author: aymericzip
 巨大なJSONファイルをページに読み込む代わりに、必要なコンテンツのみをロードします。Intlayerは、**バンドルとページのサイズを最大50%削減**するのに役立ちます。
 
 </Accordion>
-
 <Accordion header="メンテナンス性">
 
 アプリケーションのコンテンツをスコープ化することで、大規模なアプリケーションの**メンテナンスが容易**になります。機能フォルダ全体を複製または削除しても、すべてのコンテンツコードベースを確認するという精神的負担がありません。さらに、Intlayerはコンテンツの正確性を確保するために**完全に型付け**されています。
@@ -42,25 +41,21 @@ author: aymericzip
 また、Intlayerはi18nエコシステムの中で**最も活発に開発されている**ソリューションでもあります。問題は迅速に修正され、新しいフレームワークアダプタが定期的に登場し、コアAPIは実際の運用フィードバックに基づいて継続的に改良されています。
 
 </Accordion>
-
 <Accordion header="AIエージェント">
 
 コンテンツのコロケーション（同一場所配置）により、大規模言語モデル（LLM）に必要な**コンテキストが減少**します。Intlayerには、不足している翻訳をテストするための**CLI**、**[LSP](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/lsp.md)**、**[MCP](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/mcp_server.md)**、および**[agent skills](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/agent_skills.md)**などのツールスイートが備わっており、AIエージェントにとってよりスムーズな開発者体験（DX）を提供します。
 
 </Accordion>
-
 <Accordion header="自動化">
 
 AIプロバイダーのコストで、お好みのLLMを使用してCI/CDパイプライン内で翻訳を自動化できます。Intlayerは、コンテンツ抽出を自動化するための**コンパイラ**や、**バックグラウンドでの翻訳**を支援する[ウェブプラットフォーム](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/intlayer_CMS.md)も提供しています。
 
 </Accordion>
-
 <Accordion header="パフォーマンス">
 
 コンポーネントに巨大なJSONファイルを接続すると、パフォーマンスやリアクティビティの問題が発生する可能性があります。Intlayerはビルド時にコンテンツのロードを最適化します。
 
 </Accordion>
-
 <Accordion header="非開発者とのスケーラビリティ">
 
 単なるi18nソリューションにとどまらず、Intlayerはセルフホストの**[ビジュアルエディタ](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/intlayer_visual_editor.md)**と**[フルCMS](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/intlayer_CMS.md)**を提供し、多言語コンテンツを**リアルタイム**で管理できるようにします。これにより、翻訳者やコピーライター、その他のチームメンバーとのシームレスなコラボレーションが可能になります。コンテンツはローカルおよび/またはリモートに保存できます。
@@ -68,8 +63,6 @@ AIプロバイダーのコストで、お好みのLLMを使用してCI/CDパイ
 </Accordion>
 </AccordionGroup>
 
----
-
 ## 移行戦略
 
 `@nuxtjs/i18n`は内部的に`vue-i18n`によって駆動されているため、Intlayerに移行するための互いに補完する2つの戦略があります：
@@ -80,20 +73,15 @@ AIプロバイダーのコストで、お好みのLLMを使用してCI/CDパイ
 
 このガイドでは、まず**戦略1**（ドロップイン互換性アダプター）について解説し、その後オプションである完全移行について説明します。
 
----
-
 ## 目次
 
 <TOC/>
 
----
-
 ## クイック移行
 
 以下の手順は、コンポーネントのコードを変更せずに、既存のNuxtアプリをIntlayer上で実行するために必要な最小限のステップです。
 
 <Steps>
-
 <Step number={1} title="依存関係のインストール">
 
 Intlayerのコアパッケージと互換性アダプターをインストールします：
@@ -137,7 +125,6 @@ bun add intlayer vue-intlayer nuxt-intlayer @intlayer/vue-i18n @intlayer/sync-js
 > 移行中は`@nuxtjs/i18n`を安全にインストールしたままにしておけます（後でNuxtの設定から削除します）。
 
 </Step>
-
 <Step number={2} title="Intlayerの設定">
 
 `intlayer init`コマンドにより、初期の`intlayer.config.ts`ファイルが作成されます。既存のロケールに合わせて設定を更新し、`syncJSON`プラグインがメッセージファイルを指すようにします：
@@ -172,7 +159,6 @@ export default config;
 > **`source`**はロケールをそのJSONファイルのパスにマッピングします。**`location`**はIntlayerウォッチャーに監視するフォルダを指示します。`format: 'icu'`オプションは、`vue-i18n`のプレースホルダーが正しく解析されることを保証します。
 
 </Step>
-
 <Step number={3} title="Nuxt設定の更新">
 
 `nuxt.config.ts`内の`@nuxtjs/i18n`モジュールを`nuxt-intlayer`に置き換えます。Intlayerプラグインは自動的にモジュールエイリアスを注入するため、既存の`import { useI18n } from 'vue-i18n'`への呼び出しは透過的に`@intlayer/vue-i18n`にリダイレクトされます。
@@ -192,14 +178,11 @@ export default defineNuxtConfig({
 
 これでクイック移行は完了です。Nuxtアプリは、`$t`および`useI18n()`へのすべての呼び出しを保持したまま、Intlayer上で動作するようになります。
 
----
-
 ## 完全移行
 
 以下のステップはオプションであり、段階的に行うことができます。これにより、ビジュアルエディタ、CMS、型付けされたコンテンツファイル、AIを利用した翻訳自動化など、Intlayerの全機能が解放されます。
 
 <Steps>
-
 <Step number={4} title="インポートの明示的な変更（オプション）" isOptional={true}>
 
 Intlayerプラグインは既にバンドラレベルでのエイリアス化を処理しています。ソースファイル内で依存関係を明示的にしたい場合は、手動でインポート名を変更できます：
@@ -211,7 +194,6 @@ Intlayerプラグインは既にバンドラレベルでのエイリアス化を
 これらは**ドロップインの置き換え**であり、呼び出しシグネチャ、引数、または戻り値の型を変更する必要はありません。
 
 </Step>
-
 <Step number={5} title="AIを利用した翻訳自動化の有効化" isOptional={true}>
 
 Intlayerが設定されたら、CLIを使用して不足している翻訳を自動入力することができます：
@@ -273,8 +255,6 @@ export default config;
 
 </Steps>
 
----
-
 ## 移行後に削除できるもの
 
 互換性アダプターが導入されると、以下のボイラープレートコードは削除できます：
@@ -287,8 +267,6 @@ export default config;
 
 さらに進める準備ができたら、Intlayerはコードベース内の**どこにある`.content.ts`および`.content.json`ファイルでも自動的に検出します**（デフォルトでは`./src`内）。`my-component.content.ts`ファイルを`MyComponent.vue`のすぐ隣に配置するだけで、追加の設定なしでビルド時にIntlayerがそれを取得します — インポート、登録、中央のインデックスファイルは不要です。これにより、ページやコンポーネントとの翻訳のコロケーションが完全にシームレスになります。
 
----
-
 ## TypeScriptの設定
 
 Intlayerはモジュール拡張を使用して、翻訳キーに対する完全なTypeScriptのIntelliSense（自動補完）を提供します。`tsconfig.json`に自動生成された型が含まれていることを確認してください：
@@ -303,8 +281,6 @@ Intlayerはモジュール拡張を使用して、翻訳キーに対する完全
 }
 ```
 
----
-
 ## Git設定
 
 Intlayerによって生成されたディレクトリを`.gitignore`に追加します：
@@ -314,8 +290,6 @@ Intlayerによって生成されたディレクトリを`.gitignore`に追加し
 .intlayer
 ```
 
----
-
 ## さらに詳しく
 
 - **ビジュアルエディタ** — ブラウザ上で翻訳を視覚的に管理：[Intlayer Visual Editor](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/intlayer_visual_editor.md)