@intlayer/docs 5.5.12 → 5.6.0

package/docs/ja/intlayer_visual_editor.md

@@ -15,6 +15,7 @@ slugs:
   - doc
   - concept
   - editor
+youtubeVideo: https://www.youtube.com/watch?v=UDDTnirwi_4
 ---
 
 # Intlayer Visual Editor ドキュメント

package/docs/ja/intlayer_with_angular.md

@@ -13,6 +13,7 @@ slugs:
   - doc
   - environment
   - angular
+# applicationTemplate: https://github.com/aymericzip/intlayer-angular-template
 ---
 
 # Intlayerを使ったAngularの国際化（i18n）入門

package/docs/ja/intlayer_with_create_react_app.md

@@ -15,6 +15,7 @@ slugs:
   - doc
   - environment
   - create-react-app
+applicationTemplate: https://github.com/aymericzip/intlayer-react-cra-template
 ---
 
 # IntlayerとReact Create Appを使用した国際化(i18n)の開始方法

package/docs/ja/intlayer_with_lynx+react.md

@@ -15,6 +15,7 @@ slugs:
   - doc
   - environment
   - lynx-and-react
+applicationTemplate: https://github.com/aymericzip/intlayer-lynx-template
 ---
 
 # IntlayerとLynxとReactで国際化（i18n）を始める

package/docs/ja/intlayer_with_nextjs_14.md

@@ -15,6 +15,7 @@ slugs:
   - environment
   - nextjs
   - 14
+applicationTemplate: https://github.com/aymericzip/intlayer-next-14-template
 ---
 
 # Intlayer と Next.js 14 の App Router を使った国際化（i18n）入門

package/docs/ja/intlayer_with_nextjs_15.md

@@ -14,6 +14,8 @@ slugs:
   - doc
   - environment
   - nextjs
+applicationTemplate: https://github.com/aymericzip/intlayer-next-15-template
+youtubeVideo: https://www.youtube.com/watch?v=e_PPG7PTqGU
 ---
 
 # Intlayer と Next.js 15 App Router を使った国際化（i18n）入門
@@ -130,7 +132,7 @@ module.exports = config;
 
 Next.jsのセットアップをIntlayerを使うように設定します:
 
-```typescript filename="next.config.ts" codeFormat="typescript"
+```typescript fileName="next.config.ts" codeFormat="typescript"
 import type { NextConfig } from "next";
 import { withIntlayer } from "next-intlayer/server";
 

package/docs/ja/intlayer_with_nuxt.md

@@ -14,6 +14,7 @@ slugs:
   - doc
   - environment
   - nuxt-and-vue
+applicationTemplate: https://github.com/aymericzip/intlayer-nuxt-template
 ---
 
 # Intlayer と Nuxt で国際化（i18n）を始める

package/docs/ja/intlayer_with_react_native+expo.md

@@ -14,6 +14,7 @@ slugs:
   - doc
   - environment
   - react-native-and-expo
+applicationTemplate: https://github.com/aymericzip/intlayer-react-native-template
 ---
 
 # Intlayer と React Native で国際化（i18n）を始める

package/docs/ja/intlayer_with_vite+preact.md

@@ -14,6 +14,7 @@ slugs:
   - doc
   - environment
   - vite-and-preact
+applicationTemplate: https://github.com/aymericzip/intlayer-vite-preact-template
 ---
 
 # Intlayer と Vite と Preact で国際化（i18n）を始める
@@ -43,17 +44,17 @@ npm を使って必要なパッケージをインストールします：
 
 ```bash packageManager="npm"
 npm install intlayer preact-intlayer
-npm install --save-dev vite-intlayer
+npm install vite-intlayer --save-dev
 ```
 
 ```bash packageManager="pnpm"
 pnpm add intlayer preact-intlayer
-pnpm add --save-dev vite-intlayer
+pnpm add vite-intlayer --save-dev
 ```
 
 ```bash packageManager="yarn"
 yarn add intlayer preact-intlayer
-yarn add --save-dev vite-intlayer
+yarn add vite-intlayer --save-dev
 ```
 
 - **intlayer**

package/docs/ja/intlayer_with_vite+react.md

@@ -15,10 +15,13 @@ slugs:
   - doc
   - environment
   - vite-and-react
----
+applicationTemplate: https://github.com/aymericzip/intlayer-vite-react-template
+youtubeVideo: https://www.youtube.com/watch?v=dS9L7uJeak4---
 
 # IntlayerとViteとReactで始める国際化（i18n）
 
+<iframe title="The best i18n solution for Vite and React? Discover Intlayer" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/dS9L7uJeak4?si=VaKmrYMmXjo3xpk2"/>
+
 GitHubの[アプリケーションテンプレート](https://github.com/aymericzip/intlayer-vite-react-template)を参照してください。
 
 ## Intlayerとは？
@@ -42,17 +45,17 @@ npmを使って必要なパッケージをインストールします：
 
 ```bash packageManager="npm"
 npm install intlayer react-intlayer
-npm install --save-dev vite-intlayer
+npm install vite-intlayer --save-dev
 ```
 
 ```bash packageManager="pnpm"
 pnpm add intlayer react-intlayer
-pnpm add --save-dev vite-intlayer
+pnpm add vite-intlayer --save-dev
 ```
 
 ```bash packageManager="yarn"
 yarn add intlayer react-intlayer
-yarn add --save-dev vite-intlayer
+yarn add vite-intlayer --save-dev
 ```
 
 - **intlayer**

package/docs/ja/intlayer_with_vite+solid.md

@@ -14,6 +14,7 @@ slugs:
   - doc
   - environment
   - vite-and-solid
+# applicationTemplate: https://github.com/aymericzip/intlayer-vite-solid-template
 ---
 
 # Intlayer と Vite と Solid で国際化（i18n）を始める
@@ -43,17 +44,17 @@ npmを使って必要なパッケージをインストールします：
 
 ```bash packageManager="npm"
 npm install intlayer solid-intlayer
-npm install --save-dev vite-intlayer
+npm install vite-intlayer --save-dev
 ```
 
 ```bash packageManager="pnpm"
 pnpm add intlayer solid-intlayer
-pnpm add --save-dev vite-intlayer
+pnpm add vite-intlayer --save-dev
 ```
 
 ```bash packageManager="yarn"
 yarn add intlayer solid-intlayer
-yarn add --save-dev vite-intlayer
+yarn add vite-intlayer --save-dev
 ```
 
 - **intlayer**

package/docs/ja/intlayer_with_vite+svelte.md

@@ -14,6 +14,7 @@ slugs:
   - doc
   - environment
   - vite-and-svelte
+# applicationTemplate: https://github.com/aymericzip/intlayer-vite-svelte-template
 ---
 
 # Intlayer と Vite と Svelte で国際化（i18n）を始める
@@ -43,17 +44,17 @@ npmを使って必要なパッケージをインストールします：
 
 ```bash packageManager="npm"
 npm install intlayer svelte-intlayer
-npm install --save-dev vite-intlayer
+npm install vite-intlayer --save-dev
 ```
 
 ```bash packageManager="pnpm"
 pnpm add intlayer svelte-intlayer
-pnpm add --save-dev vite-intlayer
+pnpm add vite-intlayer --save-dev
 ```
 
 ```bash packageManager="yarn"
 yarn add intlayer svelte-intlayer
-yarn add --save-dev vite-intlayer
+yarn add vite-intlayer --save-dev
 ```
 
 - **intlayer**

package/docs/ja/intlayer_with_vite+vue.md

@@ -14,6 +14,7 @@ slugs:
   - doc
   - environment
   - vite-and-vue
+applicationTemplate: https://github.com/aymericzip/intlayer-vite-vue-template
 ---
 
 # Intlayer と Vite と Vue で国際化（i18n）を始める
@@ -41,17 +42,17 @@ npm を使って必要なパッケージをインストールします：
 
 ```bash packageManager="npm"
 npm install intlayer vue-intlayer
-npm install --save-dev vite-intlayer
+npm install vite-intlayer --save-dev
 ```
 
 ```bash packageManager="pnpm"
 pnpm add intlayer vue-intlayer
-pnpm add --save-dev vite-intlayer
+pnpm add vite-intlayer --save-dev
 ```
 
 ```bash packageManager="yarn"
 yarn add intlayer vue-intlayer
-yarn add --save-dev vite-intlayer
+yarn add vite-intlayer --save-dev
 ```
 
 - **intlayer**
@@ -981,7 +982,7 @@ Intlayerは、Vueアプリケーション内でMarkdownコンテンツを直接
 
 > `intlayer`パッケージを使ってMarkdownコンテンツを宣言する方法については、[markdownドキュメント](https://github.com/aymericzip/intlayer/tree/main/docs/ja/dictionary/markdown.md)を参照してください。
 
-```ts filename="main.ts"
+```ts fileName="main.ts"
 import MarkdownIt from "markdown-it";
 import { createApp, h } from "vue";
 import { installIntlayer, installIntlayerMarkdown } from "vue-intlayer";

package/docs/ja/mcp_server.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2025-06-07
-updatedAt: 2025-06-07
+updatedAt: 2025-07-11
 title: MCPサーバー ドキュメント
 description: MCPサーバーの機能とセットアップを探り、サーバー管理と運用を最適化します。
 keywords:
@@ -18,31 +18,58 @@ slugs:
 
 # Intlayer MCPサーバー
 
-**Intlayer MCP（Model Context Protocol）サーバー**は、Intlayerエコシステムに特化したAI搭載のIDE支援を提供します。**Cursor**、**GitHub Copilotワークスペース**、およびMCPプロトコルをサポートする任意のIDEのような最新の開発環境向けに設計されており、プロジェクトの設定に基づいたコンテキストに即したリアルタイムのサポートを提供します。
+**Intlayer MCP（Model Context Protocol）サーバー**は、Intlayerエコシステムに特化したAI搭載のIDE支援を提供します。
+
+## どこで使えますか？
+
+- **Cursor**、**VS Code**などの最新の開発環境や、MCPプロトコルをサポートする任意のIDEで。
+- **Claude Desktop**、**Gemini**、**ChatGPT**など、お気に入りのAIアシスタントで。
 
 ## なぜIntlayer MCPサーバーを使うのか？
 
-IDEでIntlayer MCPサーバーを有効にすることで、以下の機能が利用可能になります：
+Intlayer MCPサーバーをIDEで有効にすると、以下の機能が利用可能になります。
+
+- **コンテキスト対応ドキュメント**
+  MCPサーバーはIntlayerのドキュメントを読み込み、公開します。セットアップやマイグレーションの高速化に役立ちます。
+  これにより、コードの提案、コマンドオプション、説明が常に最新かつ関連性の高いものになります。
+
+- **スマートCLI統合**
+  IDEのインターフェースから直接Intlayer CLIコマンドにアクセスして実行できます。MCPサーバーを使うことで、AIアシスタントに`intlayer dictionaries build`コマンドを実行させて辞書を更新したり、`intlayer dictionaries fill`コマンドで不足している翻訳を補完させたりできます。
+
+  > コマンドとオプションの完全なリストは、[Intlayer CLIドキュメント](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/intlayer_cli.md)でご覧ください。
+
+## ローカルサーバー（stdio）とリモートサーバー（SSE）
+
+MCPサーバーは以下の2つの方法で使用できます：
+
+- ローカルサーバー（stdio）
+- リモートサーバー（SSE）
+
+### ローカルサーバー（stdio）（推奨）
 
-- **スマートCLI統合**  
-  IDEのインターフェースから直接Intlayer CLIコマンドにアクセスし、実行できます。コマンドとオプションの全リストは[Intlayer CLIドキュメント](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/intlayer_cli.md)で確認できます。
+Intlayerは、あなたのマシンにローカルインストールできるNPMパッケージを提供しています。これは、VS CodeやCursorなどのお気に入りのIDE、またChatGPTやClaude Desktopなどのローカルアシスタントアプリケーションにもインストール可能です。
 
-- **コンテキスト対応ドキュメント**  
-  MCPサーバーは、プロジェクトで使用しているIntlayerのバージョンに対応したドキュメントを読み込み、公開します。これにより、コードの提案、コマンドオプション、説明が常に最新かつ適切なものとなります。
+このサーバーはMCPサーバーを使用する推奨方法です。CLIツールを含むMCPサーバーのすべての機能が統合されています。
 
-- **AI支援開発**  
-  プロジェクトに応じた提案や自動補完により、AIアシスタントはコードの説明、CLIの使用推奨、または現在のファイルに基づいたIntlayerの特定機能の使い方を提案できます。
+### リモートサーバー（SSE）
 
-- **軽量かつ即時セットアップ**  
-  サーバーメンテナンスや重いインストールは不要です。`.cursor/mcp.json` または同等のMCP設定を構成するだけで準備完了です。
+MCPサーバーはSSEトランスポート方式を使用してリモートでも利用可能です。このサーバーはIntlayerによってホストされており、https://mcp.intlayer.org で利用できます。このサーバーは認証不要で公開アクセス可能で、無料で使用できます。
+
+リモートサーバーはCLIツールやAIの自動補完などを統合していないことに注意してください。リモートサーバーは、IntlayerエコシステムのAIアシスタントを支援するためのドキュメントとのやり取り専用です。
+
+> サーバーのホスティングコストのため、リモートサーバーの可用性は保証できません。同時接続数を制限しています。最も信頼性の高い体験のために、ローカルサーバー（stdio）トランスポート方式の使用を推奨します。
 
 ---
 
-## Cursorのセットアップ
+## Cursorでのセットアップ
+
+CursorでMCPサーバーを設定するには、[公式ドキュメント](https://docs.cursor.com/context/mcp)に従ってください。
 
-プロジェクトのルートに以下の `.cursor/mcp.json` 設定ファイルを追加してください：
+プロジェクトのルートに、以下の `.cursor/mcp.json` 設定ファイルを追加します。
 
-```json
+### ローカルサーバー（stdio）（推奨）
+
+```json fileName=".cursor/mcp.json"
 {
   "mcpServers": {
     "intlayer": {
@@ -53,19 +80,36 @@ IDEでIntlayer MCPサーバーを有効にすることで、以下の機能が
 }
 ```
 
-これは、IDEに対して `npx` を使用して Intlayer MCP サーバーを起動するよう指示しており、バージョンを固定しない限り常に最新の利用可能なバージョンを使用することを保証します。
+### リモートサーバー（SSE）
+
+Server-Sent Events（SSE）を使用してリモートのIntlayer MCPサーバーに接続するには、ホストされているサービスに接続するようにMCPクライアントを設定できます。
+
+```json fileName=".cursor/mcp.json"
+{
+  "mcpServers": {
+    "intlayer": {
+      "url": "https://mcp.intlayer.org",
+      "transport": "sse"
+    }
+  }
+}
+```
+
+これは、IDEに対して`npx`を使用してIntlayer MCPサーバーを起動するよう指示し、特定のバージョンを固定しない限り常に最新の利用可能なバージョンを使用することを保証します。
 
 ---
 
-## VS Code のセットアップ
+## VS Codeでのセットアップ
 
-VS Code で Intlayer MCP サーバーを使用するには、ワークスペースまたはユーザー設定で構成する必要があります。
+[公式ドキュメント](https://code.visualstudio.com/docs/copilot/chat/mcp-servers)に従って、VS CodeでMCPサーバーを設定してください。
 
-### ワークスペースの構成
+VS CodeでIntlayer MCPサーバーを使用するには、ワークスペースまたはユーザー設定で設定する必要があります。
+
+### ローカルサーバー（stdio）（推奨）
 
 プロジェクトのルートに `.vscode/mcp.json` ファイルを作成します：
 
-```json
+```json fileName=".vscode/mcp.json"
 {
   "servers": {
     "intlayer": {
@@ -77,98 +121,90 @@ VS Code で Intlayer MCP サーバーを使用するには、ワークスペー
 }
 ```
 
-### VS Code で MCP サーバーを使用する
-
-1. **エージェントモードを有効にする**：チャットビューを開きます（Macでは⌃⌘I、Windows/LinuxではCtrl+Alt+I）し、ドロップダウンから **Agent** モードを選択します。
-
-2. **ツールへのアクセス**: **Tools** ボタンをクリックして利用可能な Intlayer ツールを表示します。必要に応じて特定のツールを選択または選択解除できます。
-
-3. **ツールの直接参照**: プロンプト内で `#` に続けてツール名を入力することで、ツールを直接参照できます。
+### リモートサーバー（SSE）
 
-4. **ツールの確認**: デフォルトでは、VS Code はツールを実行する前に確認を求めます。**Continue** ボタンのオプションを使って、現在のセッション、ワークスペース、または今後すべての呼び出しに対して自動的にツールを確認することができます。
+Server-Sent Events（SSE）を使用してリモートの Intlayer MCP サーバーに接続する場合、MCP クライアントをホストされているサービスに接続するように設定できます。
 
-### サーバーの管理
-
-- コマンドパレットから **MCP: List Servers** を実行して設定されているサーバーを表示
-- 必要に応じて Intlayer MCP サーバーを起動、停止、または再起動
-- サーバーを選択して **Show Output** を選ぶことでトラブルシューティング用のログを表示
-
-VS Code MCP統合の詳細については、[公式のVS Code MCPドキュメント](https://code.visualstudio.com/docs/copilot/chat/mcp-servers)をご覧ください。
+```json fileName=".vscode/mcp.json"
+{
+  "servers": {
+    "intlayer": {
+      "url": "https://mcp.intlayer.org",
+      "type": "sse"
+    }
+  }
+}
+```
 
 ---
 
-## CLIを使ったMCPサーバーの利用
-
-Intlayer MCPサーバーは、テスト、デバッグ、または他のツールとの統合のために、コマンドラインから直接実行することもできます。
-
-### MCPサーバーのインストール
-
-まず、MCPサーバーパッケージをグローバルにインストールするか、npxを使って利用します：
-
-```bash
-# グローバルにインストール
-npm install -g @intlayer/mcp
+## ChatGPT でのセットアップ
 
-# またはnpxで直接使用（推奨）
-npx @intlayer/mcp
-```
+### リモートサーバー（SSE）
 
-### サーバーの起動
+ChatGPT で MCP サーバーを設定するには、[公式ドキュメント](https://platform.openai.com/docs/mcp#test-and-connect-your-mcp-server)に従ってください。
 
-デバッグやテストのためにインスペクター付きでMCPサーバーを起動するには：
+1. [プロンプトダッシュボード](https://platform.openai.com/prompts)に移動します
+2. `+ 作成`をクリックします
+3. `Tools (Create or +)`をクリックします
+4. `MCP Server`を選択します
+5. `新規追加`をクリックします
+6. 以下のフィールドを入力します：
 
-```bash
-# 組み込みのstartコマンドを使用
-npm run start
+   - URL: `https://mcp.intlayer.org`
+   - Label: `Intlayer MCP Server`
+   - Name: `intlayer-mcp-server`
+   - Authentication: `None`
 
-# またはnpxで直接実行
-npx @modelcontextprotocol/inspector npx @intlayer/mcp
-```
+7. `保存`をクリックします
 
-これにより、インスペクターインターフェース付きのMCPサーバーが起動し、以下のことが可能になります：
+---
 
-- MCPプロトコル通信のテスト
-- サーバー応答のデバッグ
-- ツールおよびリソースの実装検証
-- サーバーパフォーマンスの監視
+## Claude Desktopでのセットアップ
 
-### 開発用途
+[公式ドキュメント](https://modelcontextprotocol.io/quickstart/user#2-add-the-filesystem-mcp-server)に従って、Claude DesktopでMCPサーバーを設定してください。
 
-開発およびテスト目的で、サーバーをさまざまなモードで実行できます：
+設定ファイルのパス：
 
-```bash
-# 開発モードでビルドして起動
-npm run dev
+- macOS: `~/Library/Application\ Support/Claude/claude_desktop_config.json`
+- Windows: `%APPDATA%\Claude\claude_desktop_config.json`
 
-# カスタム設定で実行
-node dist/cjs/index.cjs
+### ローカルサーバー（stdio）（推奨）
 
-# サーバー機能のテスト
-npm test
+```json fileName="claude_desktop_config.json"
+{
+json fileName="claude_desktop_config.json"
+{
+  "mcpServers": {
+    "intlayer": {
+      "command": "npx",
+      "args": ["-y", "@intlayer/mcp"]
+    }
+  }
+}
 ```
 
-このサーバーは、Cursorや他のIDEだけでなく、任意のMCP互換クライアントが利用可能なIntlayer固有のツールおよびリソースを公開します。
-
 ---
 
-## 機能概要
-
-| 機能                             | 説明                                                                          |
-| -------------------------------- | ----------------------------------------------------------------------------- |
-| CLIサポート                      | `intlayer` コマンドを実行し、使用方法のヒントや引数をインラインで取得できます |
-| バージョン管理されたドキュメント | 現在のIntlayerのバージョンに一致するドキュメントを自動検出して読み込みます    |
-| オートコンプリート               | 入力中にインテリジェントなコマンドおよび設定の提案を行います                  |
-| プラグイン対応                   | MCP標準をサポートするIDEやツールと互換性があります                            |
+## CLIを使ったMCPサーバーの利用
 
----
+Intlayer MCPサーバーは、テスト、デバッグ、または他のツールとの統合のために、コマンドラインから直接実行することもできます。
 
-## 便利なリンク
+```bash
+# グローバルにインストール
+npm install -g @intlayer/mcp
 
-- [Intlayer CLI ドキュメント](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/intlayer_cli.md)
-- [Intlayer GitHub リポジトリ](https://github.com/aymericzip/intlayer)
+# またはnpxで直接使用（推奨）
+npx @intlayer/mcp
+```
 
 ---
 
 ## ドキュメント履歴
 
-- 5.5.10 - 2025-06-29: 履歴の初期化
+| バージョン | 日付       | 変更内容                              |
+| ---------- | ---------- | ------------------------------------- |
+| 5.5.12     | 2025-07-11 | ChatGPTのセットアップを追加           |
+| 5.5.12     | 2025-07-10 | Claude Desktopのセットアップを追加    |
+| 5.5.12     | 2025-07-10 | SSEトランスポートと遠隔サーバーを追加 |
+| 5.5.10     | 2025-06-29 | 履歴の初期化                          |

package/docs/ko/intlayer_CMS.md

@@ -16,6 +16,7 @@ slugs:
   - doc
   - concept
   - cms
+youtubeVideo: https://www.youtube.com/watch?v=UDDTnirwi_4
 ---
 
 # Intlayer 콘텐츠 관리 시스템 (CMS) 문서