@intlayer/docs 9.0.0-canary.8 → 9.0.0

package/docs/ja/configuration.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2024-08-13
-updatedAt: 2026-06-23
+updatedAt: 2026-07-11
 title: 設定 (Configuration)
 description: アプリケーションにIntlayerを設定する方法について説明します。ニーズに合わせてIntlayerをカスタマイズするためのさまざまな設定とオプションを理解してください。
 keywords:
@@ -14,6 +14,9 @@ slugs:
   - concept
   - configuration
 history:
+  - version: 9.0.0
+    date: 2026-07-11
+    changes: "`analytics` 設定を追加"
   - version: 9.0.0
     date: 2026-06-24
     changes: "Add `enableProxy` option to the routing configuration"
@@ -355,6 +358,30 @@ const config: IntlayerConfig = {
     liveSync: true,
   },
 
+  /**
+   * アナリティクス（analytics）設定。
+   */
+  analytics: {
+    /**
+     * アナリティクス収集を有効にするかどうか（ページビュー、コンテンツの露出、A/Bイベント）。
+     * 帰属（attribution）のために `editor.clientId` の設定が必要です。
+     * デフォルト: false
+     */
+    enabled: true,
+
+    /**
+     * バックエンドへの自動バッチ送信間のミリ秒数。
+     * デフォルト: 20000
+     */
+    flushInterval: 20000,
+
+    /**
+     * 記録するセッションの割合。0（なし）から1（すべて）まで。
+     * デフォルト: 1
+     */
+    sampleRate: 1,
+  },
+
   /**
    * AI による翻訳と生成の設定。
    */
@@ -668,6 +695,20 @@ export default config;
 
 ---
 
+### アナリティクス設定 (Analytics)
+
+Intlayerアナリティクスに関する設定を定義します。ユーザーに実際に表示されたコンテンツ（ページビュー、コンテンツの露出）を収集し、コンテンツのA/Bテストを可能にします。
+
+アナリティクスは厳密にオプトイン方式です。`analytics.enabled` が明示的に `true` に設定され、**かつ** 帰属のためのプロジェクトキー（`editor.clientId`）が設定されない限り、何も収集されません。無効の場合（デフォルト）、アナリティクスの統合全体がアプリケーションのバンドルから削除されます（デッドコード除去）。
+
+| フィールド      | 説明                                                                              | 型        | デフォルト | 例      | 備考                                                                                                                                       |
+| --------------- | --------------------------------------------------------------------------------- | --------- | ---------- | ------- | ------------------------------------------------------------------------------------------------------------------------------------------ |
+| `enabled`       | アナリティクス収集を有効にします（ページビュー、コンテンツの露出、A/Bイベント）。 | `boolean` | `false`    | `true`  | 帰属のために `editor.clientId` の設定が必要です。設定されていない場合、`enabled` が `true` でもアナリティクスは無効のままです。            |
+| `flushInterval` | バックエンドへの自動バッチ送信間のミリ秒数。                                      | `number`  | `20000`    | `10000` |                                                                                                                                            |
+| `sampleRate`    | 記録するセッションの割合。`0`（なし）から`1`（すべて）まで。                      | `number`  | `1`        | `0.5`   | サンプリングはセッションごとに決定的であるため、記録されたセッションはそのすべてのイベントを報告します（部分的なファネルにはなりません）。 |
+
+---
+
 ### ルーティング設定 (Routing)
 
 URL 構造、ロケール保存、ミドルウェア管理など、ルーティングの動作を制御する設定。

package/docs/ja/how_works_intlayer.md

@@ -218,9 +218,9 @@ Expressに基づいたサーバーは、ビジュアルエディターのリク
 
 `@intlayer/dictionaries-entry`、`@intlayer/unmerged-dictionaries-entry`、および`@intlayer/dynamic-dictionaries-entry`パッケージは、Intlayer辞書のエントリパスを返します。ブラウザからファイルシステムを検索することは不可能なため、WebpackやRollupのようなバンドラーを使用して辞書のエントリパスを取得することはできません。これらのパッケージはエイリアスとして設計されており、Vite、Webpack、Turbopackなどのさまざまなバンドラーでのバンドル最適化を可能にします。
 
-### @intlayer/chokidar
+### @intlayer/engine
 
-`@intlayer/chokidar`パッケージは、コンテンツファイルを監視し、変更があるたびに修正された辞書を再生成するために使用されます。
+`@intlayer/engine`パッケージは、コンテンツファイルを監視し、変更があるたびに修正された辞書を再生成するために使用されます。
 
 ### @intlayer/editor
 

package/docs/ja/intlayer_CMS.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2025-08-23
-updatedAt: 2025-08-23
+updatedAt: 2026-07-08
 title: Intlayer CMS | コンテンツをIntlayer CMSに外部化する
 description: コンテンツ管理をチームに委任するために、コンテンツをIntlayer CMSに外部化します。
 keywords:
@@ -18,6 +18,15 @@ slugs:
   - cms
 youtubeVideo: https://www.youtube.com/watch?v=UDDTnirwi_4
 history:
+  - version: 9.0.0
+    date: 2026-07-08
+    changes: "「ライブ同期」セクションを専用ページ（live-sync.md）に移動し、ここには簡単な紹介とリンクのみを残した"
+  - version: 9.0.0
+    date: 2026-06-30
+    changes: "「セルフホスティング」セクションを追加: Docker Composeブートストラップ、サービスインベントリ、SDK設定、オプション機能、アップグレードノート"
+  - version: 9.0.0
+    date: 2026-06-29
+    changes: "プログラムによるCMSアクセスに関する @intlayer/api SDK (createIntlayerCMS) セクションを追加"
   - version: 6.0.1
     date: 2025-09-22
     changes: "ライブ同期のドキュメントを追加"
@@ -241,137 +250,175 @@ bun x intlayer dictionary push -d my-first-dictionary-key --env production
 
 その後、[Intlayer CMS](https://app.intlayer.org/content) で辞書を確認および管理できるようになります。
 
-## ライブ同期
+## `@intlayer/api` SDK を使用したプログラムによるアクセス
 
-ライブ同期は、アプリが実行時に CMS のコンテンツ変更を反映できるようにします。再ビルドや再デプロイは不要です。有効にすると、更新がライブ同期サーバーにストリームされ、アプリケーションが読み込む辞書が更新されます。
+CLI およびビジュアルエディターを超えて、Intlayer は [`@intlayer/api`](https://www.npmjs.com/package/@intlayer/api) パッケージで型付き SDK を提供しています。これにより、CMS を**ヘッドレスコンテンツデータベース**として扱うことができます。プロジェクトの取得、辞書の取得、および独自のアプリケーション、スクリプト、または CI パイプラインから直接、それらをプッシュまたは更新できます。
 
-> Live Syncは継続的なサーバー接続を必要とし、エンタープライズプランで利用可能です。
+SDK は認証を処理します。`clientId` と `clientSecret` が利用可能であれば（Intlayer の設定または環境変数で）、OAuth2 アクセストークンを自動的に取得および更新し、すべてのリクエストに署名します。
 
-Intlayerの設定を更新してLive Syncを有効にします：
+### インストール
 
-```typescript fileName="intlayer.config.ts" codeFormat={["typescript", "esm", "commonjs"]}
-import type { IntlayerConfig } from "intlayer";
+```bash packageManager="npm"
+npm install @intlayer/api
+```
 
-const config: IntlayerConfig = {
-  // ... その他の設定
-  editor: {
-    /**
-     * 変更が検出されたときにロケール設定のホットリロードを有効にします。
-     * 例えば、辞書が追加または更新された場合、アプリケーションは
-     * ページに表示されるコンテンツを更新します。
-     *
-     * ホットリロードは継続的なサーバー接続を必要とするため、
-     * `enterprise`プランのクライアントのみ利用可能です。
-     *
-     * デフォルト: false
-     */
-    liveSync: true,
-  },
-  dictionary: {
-    /**
-     * 辞書のインポート方法を制御します：
-     *
-     * - "live"：辞書はLive Sync APIを使用して動的に取得されます。
-     *   useIntlayerの代わりにuseDictionaryDynamicを使用します。
-     *
-     * 注意：ライブモードはLive Sync APIを使用して辞書を取得します。API呼び出しが
-     * 失敗した場合、辞書は動的にインポートされます。
-     * 注意：リモートコンテンツかつ"live"フラグが付いた辞書のみがライブモードを使用します。
-     * その他はパフォーマンスのために動的モードを使用します。
-     */
-    importMode: "fetch",
-  },
-};
+```bash packageManager="yarn"
+yarn add @intlayer/api
+```
 
-export default config;
+```bash packageManager="pnpm"
+pnpm add @intlayer/api
 ```
 
-アプリケーションをラップするために Live Sync サーバーを起動します：
+```bash packageManager="bun"
+bun add @intlayer/api
+```
 
-Next.js を使用した例：
+### 仕組み: オーセンティケーター + エンドポイント
 
-```json5 fileName="package.json"
-{
-  "scripts": {
-    // ... その他のスクリプト
-    "build": "next build",
-    "dev": "next dev",
-    "start": "npx intlayer live --with 'next start'",
-  },
-}
+SDK は、バンドルサイズを小さくするために、意図的に**2つの別々のインポート**に分割されています。
+
+1.  `createIntlayerCMS` — 軽量な**オーセンティケーター**を作成します。これは認証情報と管理されたアクセストークンのみを保持し、特定のドメインについては何も知りません。
+2.  `dictionaryEndpoint`、`projectEndpoint`、… — ドメインごとの**エンドポイントバインダー**で、それぞれ独自のサブパス（`@intlayer/api/dictionary`、`@intlayer/api/project`、…）からインポートされます。必要なエンドポイントにオーセンティケーターを渡します。
+
+各エンドポイントは個別にインポートされるため、バンドルには実際に使用するドメインのみが含まれます。`dictionaryEndpoint` をインポートしても、プロジェクト、AI、その他のドメインクライアントがプルインされることはありません。
+
+```typescript fileName="cms.ts" codeFormat="typescript"
+import { createIntlayerCMS } from "@intlayer/api";
+
+// 設定はオプションです: 省略した場合、認証情報は
+// `@intlayer/config/built` から読み込まれます。これは INTLAYER_CLIENT_ID および
+// INTLAYER_CLIENT_SECRET 環境変数を解決します。
+export const cmsAuthenticator = createIntlayerCMS();
 ```
 
-Vite を使用した例：
+> [!WARNING]
+> CMS の認証情報 (`clientId` / `clientSecret`) はコンテンツへの**書き込みアクセス**を許可します。オーセンティケーターは**サーバー側**（サーバーアクション、ルートハンドラー、スクリプト、CI）でのみ作成してください。クライアント側コードにインポートしたり、認証情報をブラウザに公開したりしないでください。
 
-```json5 fileName="package.json"
-{
-  "scripts": {
-    // ... その他のスクリプト
-    "build": "vite build",
-    "dev": "vite dev",
-    "start": "npx intlayer live --with 'vite start'",
+ビルド時の設定に依存しない場合は、認証情報を明示的に渡します。
+
+```typescript fileName="cms.ts" codeFormat="typescript"
+import { createIntlayerCMS } from "@intlayer/api";
+
+export const cmsAuthenticator = createIntlayerCMS({
+  editor: {
+    clientId: process.env.INTLAYER_CLIENT_ID,
+    clientSecret: process.env.INTLAYER_CLIENT_SECRET,
+    // オプション、セルフホスティングされたバックエンドの場合:
+    // backendURL: process.env.INTLAYER_BACKEND_URL,
   },
-}
+});
 ```
 
-Live Sync サーバーはあなたのアプリケーションをラップし、更新されたコンテンツが到着すると自動的に適用します。
+> 認証情報は、[Intlayer Dashboard - Projects](https://app.intlayer.org/projects) で新しいアクセスキーを作成して取得できます。
 
-CMSからの変更通知を受け取るために、Live SyncサーバーはバックエンドとのSSE接続を維持します。CMSのコンテンツが変更されると、バックエンドは更新情報をLive Syncサーバーに転送し、新しい辞書を書き込みます。アプリケーションは次のナビゲーションまたはブラウザのリロード時に更新を反映し、再ビルドは不要です。
+### プロジェクトの取得
 
-フローチャート（CMS/バックエンド -> Live Syncサーバー -> アプリケーションサーバー -> フロントエンド）:
+```typescript fileName="projects.ts" codeFormat="typescript"
+import { createIntlayerCMS } from "@intlayer/api";
+import { projectEndpoint } from "@intlayer/api/project";
 
-![Live Sync ロジックスキーマ](https://github.com/aymericzip/intlayer/blob/main/docs/assets/live_sync_logic_schema.svg)
+const cmsAuthenticator = createIntlayerCMS();
 
-動作の仕組み:
+// 認証情報でアクセス可能なプロジェクトをリストアップ
+const { data: projects } =
+  await projectEndpoint(cmsAuthenticator).getProjects();
 
-![Live Sync フロー CMS/バックエンド/Live Syncサーバー/アプリケーションサーバー/フロントエンド スキーマ](https://github.com/aymericzip/intlayer/blob/main/docs/assets/live_sync_flow_scema.svg)
+// 選択したプロジェクトの集約されたローカライゼーションインサイトを読み取る
+const { data: insights } =
+  await projectEndpoint(cmsAuthenticator).getProjectInsights();
+```
 
-### 開発ワークフロー（ローカル）
+### 辞書の取得
 
-- 開発中は、アプリケーション起動時にすべてのリモート辞書が取得されるため、更新をすばやくテストできます。
-- Next.jsでローカルにLive Syncをテストするには、開発サーバーをラップします：
+```typescript fileName="read-dictionaries.ts" codeFormat="typescript"
+import { createIntlayerCMS } from "@intlayer/api";
+import { dictionaryEndpoint } from "@intlayer/api/dictionary";
 
-```json5 fileName="package.json"
-{
-  "scripts": {
-    // ... 他のスクリプト
-    "dev": "npx intlayer live --with 'next dev'",
-    // "dev": "npx intlayer live --with 'vite dev'", // Vite用
-  },
-}
+const cmsAuthenticator = createIntlayerCMS();
+
+// プロジェクトのすべてのリモート辞書をリストアップ
+const { data: dictionaries } =
+  await dictionaryEndpoint(cmsAuthenticator).getDictionaries();
+
+// またはキーで単一の辞書を取得
+const { data: dictionary } = await dictionaryEndpoint(
+  cmsAuthenticator
+).getDictionary("my-first-dictionary-key");
 ```
 
-開発中にIntlayerがLiveインポート変換を適用するように最適化を有効にします：
+### 辞書のプッシュと更新
 
-```typescript fileName="intlayer.config.ts" codeFormat={["typescript", "esm", "commonjs"]}
-import type { IntlayerConfig } from "intlayer";
+CMS をデータベースとして使用してコンテンツを書き戻します。
 
-const config: IntlayerConfig = {
-  editor: {
-    applicationURL: "http://localhost:5173",
-    liveSyncURL: "http://localhost:4000",
-    liveSync: true,
-  },
-  dictionary: {
-    importMode: "fetch",
-  },
-  build: {
-    optimize: true,
-  },
-};
+```typescript fileName="write-dictionaries.ts" codeFormat="typescript"
+import { createIntlayerCMS } from "@intlayer/api";
+import { dictionaryEndpoint } from "@intlayer/api/dictionary";
 
-export default config;
+const cmsAuthenticator = createIntlayerCMS();
+
+// 新しい辞書を作成
+await dictionaryEndpoint(cmsAuthenticator).addDictionary({
+  key: "my-first-dictionary-key",
+  content: { title: "Hello world" },
+});
+
+// 辞書の一括Upsert (1回の呼び出しで作成または更新)
+await dictionaryEndpoint(cmsAuthenticator).pushDictionaries([
+  { key: "home", content: { title: "Home" } },
+  { key: "about", content: { title: "About" } },
+]);
+
+// 既存の辞書を更新
+await dictionaryEndpoint(cmsAuthenticator).updateDictionary({
+  id: "<dictionary-id>",
+  key: "home",
+  content: { title: "Updated title" },
+});
 ```
 
-この設定により、開発サーバーがLive Syncサーバーでラップされ、起動時にリモート辞書を取得し、CMSからの更新をSSE経由でストリーミングします。変更を確認するにはページをリロードしてください。
+> ヒント: 繰り返しを避けるためにバインドされたエンドポイントを再利用します。
+>
+> ```typescript codeFormat="typescript"
+> const dictionary = dictionaryEndpoint(cmsAuthenticator);
+> await dictionary.pushDictionaries([myDictionary]);
+> const { data } = await dictionary.getDictionaries();
+> ```
 
-注意事項と制約：
+### 単一メソッドの抽出
 
-- Live Sync のオリジンをサイトのセキュリティポリシー（CSP）に追加してください。Live Sync の URL が `connect-src`（および該当する場合は `frame-ancestors`）で許可されていることを確認してください。
-- Live Sync は静的出力では動作しません。Next.js の場合、ページはランタイムで更新を受け取るために動的である必要があります（例：完全な静的のみの制約を避けるために、`generateStaticParams`、`generateMetadata`、`getServerSideProps`、または `getStaticProps` を適切に使用してください）。
-- CMSでは、各辞書に`live`フラグがあります。`live=true`の辞書のみがライブ同期APIを通じて取得され、それ以外は動的にインポートされ、実行時には変更されません。
-- `live`フラグはビルド時に各辞書ごとに評価されます。ビルド時にリモートコンテンツが`live=true`に設定されていなかった場合、その辞書のライブ同期を有効にするには再ビルドが必要です。
-- ライブ同期サーバーは`.intlayer`に書き込み可能でなければなりません。コンテナ環境では`/.intlayer`への書き込み権限を確保してください。
+すべてのエンドポイントメソッドはすでに認証されており、スタンドアロンであるため（独自のトークン処理を保持しているため）、1つを抽出して渡すことができます。例えば、依存関係として注入する場合などです。
+
+```typescript fileName="push.ts" codeFormat="typescript"
+import { createIntlayerCMS } from "@intlayer/api";
+import { dictionaryEndpoint } from "@intlayer/api/dictionary";
+
+const dictionary = dictionaryEndpoint(createIntlayerCMS());
+
+// すでに認証済み — 呼び出しごとに自動的にトークンを更新します
+export const pushDictionaries = dictionary.pushDictionaries;
+
+// 使用方法
+await pushDictionaries([{ key: "home", content: { title: "Home" } }]);
+```
+
+## ライブ同期
+
+ライブ同期は、アプリが実行時に CMS のコンテンツ変更を反映できるようにします。再ビルドや再デプロイは不要です。有効にすると、更新がライブ同期サーバーにストリームされ、アプリケーションが読み込む辞書が更新されます。
+
+設定方法、Live Sync サーバーの起動、ローカル開発ワークフロー、制約事項などの完全なガイドは、[Live Sync ドキュメント](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/live-sync.md)を参照してください。
+
+## セルフホスティング
+
+Intlayer は、独自のインフラストラクチャ上で完全に実行できます。Docker Compose を使用して、フルスタック（ダッシュボード、API、データベース、オブジェクトストレージ、メール）を1行でブートストラップできます。
+
+```sh
+curl -fsSL https://intlayer.org/install.sh | sh
+```
+
+完全なセットアップガイド、環境変数リファレンス、アップグレード手順、バックアップ/復元手順については、[セルフホスティングガイド](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/self_hosting.md)を参照してください。
+
+---
 
 ## デバッグ
 
@@ -381,9 +428,9 @@ CMSで問題が発生した場合は、以下を確認してください：
 
 - [`editor`](https://intlayer.org/doc/concept/configuration#editor-configuration)の設定がIntlayerの設定ファイルで正しく行われていること。
   - 必須フィールド：
-- アプリケーションのURLは、エディター設定の `applicationURL` と一致している必要があります。
-- CMSのURL
+    - アプリケーションのURLは、エディター設定の `applicationURL` と一致している必要があります。
+    - CMSのURL
 
 - プロジェクトの設定がIntlayer CMSにプッシュされていることを確認してください。
 
-- ビジュアルエディターはiframeを使用してウェブサイトを表示します。ウェブサイトのコンテンツセキュリティポリシー（CSP）がCMSのURLを `frame-ancestors`（デフォルトは 'https://intlayer.org'）として許可していることを確認してください。エディターのコンソールでエラーがないか確認してください。
+- ビジュアルエディターはiframeを使用してウェブサイトを表示します。ウェブサイトのコンテンツセキュリティポリシー（CSP）がCMSのURLを `frame-ancestors`（デフォルトは 'https://app.intlayer.org'）として許可していることを確認してください。エディターのコンソールでエラーがないか確認してください。

package/docs/ja/intlayer_with_adonisjs.md

@@ -60,19 +60,23 @@ See [Application Template](https://github.com/aymericzip/intlayer-adonis-templat
 `adonis-intlayer` の使用を開始するには、npm を使用してパッケージをインストールします。
 
 ```bash packageManager="npm"
-npx intlayer-cli init --interactive
+npx intlayer@canary init --interactive    # v9
+# npx intlayer init                       # v8
 ```
 
 ```bash packageManager="pnpm"
-pnpm dlx intlayer-cli init --interactive
+pnpm dlx intlayer@canary init --interactive   # v9
+# pnpm dlx intlayer init                      # v8
 ```
 
 ```bash packageManager="yarn"
-yarn dlx intlayer-cli init --interactive
+yarn dlx intlayer@canary init --interactive   # v9
+# yarn dlx intlayer init                      # v8
 ```
 
 ```bash packageManager="bun"
-bunx intlayer-cli init --interactive
+bunx intlayer@canary init --interactive   # v9
+# bunx intlayer init                      # v8
 ```
 
 > `--interactive` フラグはオプションです。AI エージェントの場合は `intlayer-cli init` を使用してください。

package/docs/ja/intlayer_with_analog.md

@@ -102,19 +102,23 @@ GitHubで[アプリケーションテンプレート](https://github.com/aymeric
 npmを使用して必要なパッケージをインストールします：
 
 ```bash packageManager="npm"
-npx intlayer-cli init --interactive
+npx intlayer@canary init --interactive    # v9
+# npx intlayer init                       # v8
 ```
 
 ```bash packageManager="pnpm"
-pnpm dlx intlayer-cli init --interactive
+pnpm dlx intlayer@canary init --interactive   # v9
+# pnpm dlx intlayer init                      # v8
 ```
 
 ```bash packageManager="yarn"
-yarn dlx intlayer-cli init --interactive
+yarn dlx intlayer@canary init --interactive   # v9
+# yarn dlx intlayer init                      # v8
 ```
 
 ```bash packageManager="bun"
-bunx intlayer-cli init --interactive
+bunx intlayer@canary init --interactive   # v9
+# bunx intlayer init                      # v8
 ```
 
 > `--interactive` フラグはオプションです。AI エージェントの場合は `intlayer-cli init` を使用してください。

package/docs/ja/intlayer_with_angular_19.md

@@ -105,19 +105,23 @@ GitHubで [アプリケーションテンプレート](https://github.com/aymeri
 npmを使用して必要なパッケージをインストールします：
 
 ```bash packageManager="npm"
-npx intlayer-cli init --interactive
+npx intlayer@canary init --interactive    # v9
+# npx intlayer init                       # v8
 ```
 
 ```bash packageManager="pnpm"
-pnpm dlx intlayer-cli init --interactive
+pnpm dlx intlayer@canary init --interactive   # v9
+# pnpm dlx intlayer init                      # v8
 ```
 
 ```bash packageManager="yarn"
-yarn dlx intlayer-cli init --interactive
+yarn dlx intlayer@canary init --interactive   # v9
+# yarn dlx intlayer init                      # v8
 ```
 
 ```bash packageManager="bun"
-bunx intlayer-cli init --interactive
+bunx intlayer@canary init --interactive   # v9
+# bunx intlayer init                      # v8
 ```
 
 > `--interactive` フラグはオプションです。AI エージェントの場合は `intlayer-cli init` を使用してください。

package/docs/ja/intlayer_with_angular_21.md

@@ -107,19 +107,23 @@ GitHubで[アプリケーションテンプレート](https://github.com/aymeric
 npmを使用して必要なパッケージをインストールします：
 
 ```bash packageManager="npm"
-npx intlayer-cli init --interactive
+npx intlayer@canary init --interactive    # v9
+# npx intlayer init                       # v8
 ```
 
 ```bash packageManager="pnpm"
-pnpm dlx intlayer-cli init --interactive
+pnpm dlx intlayer@canary init --interactive   # v9
+# pnpm dlx intlayer init                      # v8
 ```
 
 ```bash packageManager="yarn"
-yarn dlx intlayer-cli init --interactive
+yarn dlx intlayer@canary init --interactive   # v9
+# yarn dlx intlayer init                      # v8
 ```
 
 ```bash packageManager="bun"
-bunx intlayer-cli init --interactive
+bunx intlayer@canary init --interactive   # v9
+# bunx intlayer init                      # v8
 ```
 
 > `--interactive` フラグはオプションです。AI エージェントの場合は `intlayer-cli init` を使用してください。

package/docs/ja/intlayer_with_astro_lit.md

@@ -105,19 +105,23 @@ GitHubで[アプリケーションテンプレート](https://github.com/aymeric
 お好みのパッケージマネージャーを使用して、必要なパッケージをインストールします：
 
 ```bash packageManager="npm"
-npx intlayer-cli init --interactive
+npx intlayer@canary init --interactive    # v9
+# npx intlayer init                       # v8
 ```
 
 ```bash packageManager="pnpm"
-pnpm dlx intlayer-cli init --interactive
+pnpm dlx intlayer@canary init --interactive   # v9
+# pnpm dlx intlayer init                      # v8
 ```
 
 ```bash packageManager="yarn"
-yarn dlx intlayer-cli init --interactive
+yarn dlx intlayer@canary init --interactive   # v9
+# yarn dlx intlayer init                      # v8
 ```
 
 ```bash packageManager="bun"
-bunx intlayer-cli init --interactive
+bunx intlayer@canary init --interactive   # v9
+# bunx intlayer init                      # v8
 ```
 
 > `--interactive` フラグはオプションです。AI エージェントの場合は `intlayer-cli init` を使用してください。
@@ -383,9 +387,9 @@ class LitDemo extends LitElement {
             ${availableLocales.map(
               (localeItem) => html`
                 <button
-                  class="locale-btn ${localeItem === currentLocale
-                    ? "active"
-                    : ""}"
+                  class="locale-btn ${
+                    localeItem === currentLocale ? "active" : ""
+                  }"
                   ?disabled=${localeItem === currentLocale}
                   @click=${() => setLocale(localeItem)}
                 >

package/docs/ja/intlayer_with_astro_preact.md

@@ -104,19 +104,23 @@ GitHubで[アプリケーションテンプレート](https://github.com/aymeric
 お好みのパッケージマネージャーを使用して、必要なパッケージをインストールします：
 
 ```bash packageManager="npm"
-npx intlayer-cli init --interactive
+npx intlayer@canary init --interactive    # v9
+# npx intlayer init                       # v8
 ```
 
 ```bash packageManager="pnpm"
-pnpm dlx intlayer-cli init --interactive
+pnpm dlx intlayer@canary init --interactive   # v9
+# pnpm dlx intlayer init                      # v8
 ```
 
 ```bash packageManager="yarn"
-yarn dlx intlayer-cli init --interactive
+yarn dlx intlayer@canary init --interactive   # v9
+# yarn dlx intlayer init                      # v8
 ```
 
 ```bash packageManager="bun"
-bunx intlayer-cli init --interactive
+bunx intlayer@canary init --interactive   # v9
+# bunx intlayer init                      # v8
 ```
 
 > `--interactive` フラグはオプションです。AI エージェントの場合は `intlayer-cli init` を使用してください。

package/docs/ja/intlayer_with_astro_react.md

@@ -107,19 +107,23 @@ GitHubで[アプリケーションテンプレート](https://github.com/aymeric
 お好みのパッケージマネージャーを使用して、必要なパッケージをインストールします：
 
 ```bash packageManager="npm"
-npx intlayer-cli init --interactive
+npx intlayer@canary init --interactive    # v9
+# npx intlayer init                       # v8
 ```
 
 ```bash packageManager="pnpm"
-pnpm dlx intlayer-cli init --interactive
+pnpm dlx intlayer@canary init --interactive   # v9
+# pnpm dlx intlayer init                      # v8
 ```
 
 ```bash packageManager="yarn"
-yarn dlx intlayer-cli init --interactive
+yarn dlx intlayer@canary init --interactive   # v9
+# yarn dlx intlayer init                      # v8
 ```
 
 ```bash packageManager="bun"
-bunx intlayer-cli init --interactive
+bunx intlayer@canary init --interactive   # v9
+# bunx intlayer init                      # v8
 ```
 
 > `--interactive` フラグはオプションです。AI エージェントの場合は `intlayer-cli init` を使用してください。

package/docs/ja/intlayer_with_astro_solid.md

@@ -104,19 +104,23 @@ GitHubで[アプリケーションテンプレート](https://github.com/aymeric
 お好みのパッケージマネージャーを使用して、必要なパッケージをインストールします：
 
 ```bash packageManager="npm"
-npx intlayer-cli init --interactive
+npx intlayer@canary init --interactive    # v9
+# npx intlayer init                       # v8
 ```
 
 ```bash packageManager="pnpm"
-pnpm dlx intlayer-cli init --interactive
+pnpm dlx intlayer@canary init --interactive   # v9
+# pnpm dlx intlayer init                      # v8
 ```
 
 ```bash packageManager="yarn"
-yarn dlx intlayer-cli init --interactive
+yarn dlx intlayer@canary init --interactive   # v9
+# yarn dlx intlayer init                      # v8
 ```
 
 ```bash packageManager="bun"
-bunx intlayer-cli init --interactive
+bunx intlayer@canary init --interactive   # v9
+# bunx intlayer init                      # v8
 ```
 
 > `--interactive` フラグはオプションです。AI エージェントの場合は `intlayer-cli init` を使用してください。