@intlayer/docs 8.12.5-canary.0 → 9.0.0-canary.11

package/docs/ja/packages/preact-intlayer/usePathname.md

@@ -0,0 +1,117 @@
+---
+createdAt: 2026-06-22
+updatedAt: 2026-06-22
+title: usePathname フックのドキュメント | preact-intlayer
+description: preact-intlayer パッケージの usePathname フックの使用方法について
+keywords:
+  - usePathname
+  - pathname
+  - locale
+  - Intlayer
+  - 国際化
+  - ドキュメント
+  - Preact
+  - JavaScript
+slugs:
+  - doc
+  - packages
+  - preact-intlayer
+  - usePathname
+history:
+  - version: 10.0.0
+    date: 2026-06-23
+    changes: "usePathnameユーティリティを追加"
+  - version: 8.2.0
+    date: 2026-06-22
+    changes: "履歴の初期化"
+author: aymericzip
+---
+
+# Preact 統合: `usePathname` フックのドキュメント
+
+`usePathname` フックは、ロケールセグメントが削除された現在のブラウザパス名（pathname）を返します。これは、ロケールプレフィックスを手動で削除することなく、ロケールを考慮したナビゲーション（例：どのナビゲーションアイテムがアクティブかを判定する）を構築するのに役立ちます。
+
+## Preact での `usePathname` のインポート
+
+```typescript
+import { usePathname } from "preact-intlayer";
+```
+
+## 概要
+
+`usePathname` は `window.location.pathname` を読み取り、`getPathWithoutLocale` 経由でロケールプレフィックスを削除します。ブラウザが `popstate` イベント（戻る/進む ナビゲーション）を発生させるたびにコンポーネントを再レンダリングします。サーバーサイドレンダリング（SSR）中は空の文字列を返します。
+
+## 使用方法
+
+```tsx fileName="src/components/NavItem.tsx"
+import type { FunctionComponent } from "preact";
+import { usePathname } from "preact-intlayer";
+
+type NavItemProps = {
+  href: string;
+  label: string;
+};
+
+const NavItem: FunctionComponent<NavItemProps> = ({ href, label }) => {
+  const pathname = usePathname();
+  const isActive = pathname === href;
+
+  return (
+    <a href={href} aria-current={isActive ? "page" : undefined}>
+      {label}
+    </a>
+  );
+};
+
+export default NavItem;
+```
+
+## 戻り値
+
+| 型       | 説明                                                                                                      |
+| -------- | --------------------------------------------------------------------------------------------------------- |
+| `string` | ロケールプレフィックスを含まない現在のパス名。サーバーサイドレンダリング（SSR）中は空の文字列を返します。 |
+
+## 動作
+
+- **ロケールの削除 (Locale stripping)**: 先頭のロケールセグメントを削除します（例：`/ja/dashboard` → `/dashboard`）。
+- **リアクティブ**: ブラウザの戻る / 進むナビゲーション（`popstate` イベント）時に自動的に更新されます。
+- **SSR セーフ**: `window` が利用できない場合は `""` を返します。
+- **クリーンアップ**: コンポーネントのアンマウント時に、`popstate` リスナーは自動的に削除されます。
+
+## 例
+
+```tsx fileName="src/components/Sidebar.tsx"
+import type { FunctionComponent } from "preact";
+import { usePathname } from "preact-intlayer";
+
+const links = [
+  { href: "/dashboard", label: "ダッシュボード" },
+  { href: "/settings", label: "設定" },
+];
+
+const Sidebar: FunctionComponent = () => {
+  const pathname = usePathname();
+
+  return (
+    <nav>
+      {links.map(({ href, label }) => (
+        <a
+          key={href}
+          href={href}
+          style={{ fontWeight: pathname === href ? "bold" : "normal" }}
+        >
+          {label}
+        </a>
+      ))}
+    </nav>
+  );
+};
+
+export default Sidebar;
+```
+
+## 関連ドキュメント
+
+- [`useLocale`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/packages/preact-intlayer/exports.md) — 現在のロケールとロケールスイッチャー
+- [`getPathWithoutLocale`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/packages/intlayer/getPathWithoutLocale.md) — このフックで使われているベースのユーティリティ

package/docs/ja/packages/react-intlayer/exports.md

@@ -14,9 +14,12 @@ slugs:
   - react-intlayer
   - exports
 history:
+  - version: 10.0.0
+    date: 2026-06-23
+    changes: "usePathnameユーティリティを追加"
   - version: 7.5.14
     date: 2026-01-21
-    changes: "全エクスポートのドキュメントを統一"
+    changes: "すべてのエクスポートのドキュメントを統一"
 author: aymericzip
 ---
 
@@ -54,21 +57,23 @@ import "react-intlayer";
 import "react-intlayer";
 ```
 
-| フック | 説明 | 関連ドキュメント |
-| `useIntlayer` | クライアントサイドのフックで、キーで辞書を選択してその内容を返します。指定がなければコンテキストのロケールを使用します。 | [useIntlayer](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/packages/react-intlayer/useIntlayer.md) |
-| `useDictionary` | 辞書オブジェクトを変換し、現在のロケール向けのコンテンツを返すフック。`t()` の翻訳、列挙型（enums）などを処理します。 | [useDictionary](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/packages/react-intlayer/useDictionary.md) |
-| `useDictionaryAsync` | 非同期の辞書を扱うフック。Promise ベースの辞書マップを受け取り、現在のロケール向けに解決します。 | - |
-| `useDictionaryDynamic` | キーでロードされる動的な辞書を扱うフック。内部で React Suspense を使用してロード状態を処理します。 | - |
-| `useLocale` | クライアントサイドのフック。現在のロケール、デフォルトロケール、利用可能なロケール、およびロケールを更新する関数を取得します。 | [useLocale](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/packages/react-intlayer/useLocale.md) |
-| `useLocaleBase` | コンテキストから現在のロケールと関連するすべてのフィールド（locale、defaultLocale、availableLocales、setLocale）を取得するフック。 | - |
-| `useRewriteURL` | URL書き換えを管理するクライアントサイドのフック。現在のパス名とロケールに対する書き換えルールが存在する場合、URLを更新します。 | [useRewriteURL](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/packages/react-intlayer/useRewriteURL.md) |
-| `useI18n` | フック。キーでネストされたコンテンツにアクセスするための翻訳関数 `t()` を提供します。i18next/next-intl のパターンを模倣しています。 | [useI18n](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/packages/react-intlayer/useI18n.md) |
-| `useIntl` | フック。ロケールに結びついた `Intl` オブジェクトを提供します。現在のロケールを自動で注入し、最適化されたキャッシュを使用します。 | - |
-| `useLocaleStorage` | ローカルストレージまたはクッキーで locale の永続化を提供するフック。getter と setter 関数を返します。 | - |
-| `useLocaleCookie` | 非推奨。代わりに `useLocaleStorage` を使用してください。クッキーで locale の永続化を管理するフック。 | - |
-| `useLoadDynamic` | React Suspenseを使用して動的辞書を読み込むためのフック。キーとPromiseを受け取り、結果をキャッシュします。 | - |
-| `useIntlayerContext` | 現在の Intlayer クライアントのコンテキスト値（locale、setLocale など）を提供するフック。 | - |
-| `useHTMLContext` | HTMLProvider コンテキストから HTML コンポーネントのオーバーライドにアクセスするフック。 | - |
+| フック                 | 説明                                                                                                                                     | 関連ドキュメント                                                                                                        |
+| ---------------------- | ---------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------- |
+| `useIntlayer`          | クライアントサイドのフックで、キーで辞書を選択してその内容を返します。指定がなければコンテキストのロケールを使用します。                 | [useIntlayer](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/packages/react-intlayer/useIntlayer.md)     |
+| `useDictionary`        | 辞書オブジェクトを変換し、現在のロケール向けのコンテンツを返すフック。`t()` の翻訳、列挙型（enums）などを処理します。                    | [useDictionary](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/packages/react-intlayer/useDictionary.md) |
+| `useDictionaryAsync`   | 非同期の辞書を扱うフック。Promise ベースの辞書マップを受け取り、現在のロケール向けに解決します。                                         | -                                                                                                                       |
+| `useDictionaryDynamic` | キーでロードされる動的な辞書を扱うフック。内部で React Suspense を使用してロード状態を処理します。                                       | -                                                                                                                       |
+| `useLocale`            | 現在のロケール、デフォルトロケール、利用可能なロケール、およびロケールを更新する機能を取得するためのクライアントサイドフック。           | [useLocale](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/packages/react-intlayer/useLocale.md)         |
+| `useLocaleBase`        | コンテキストから現在のロケールと関連するすべてのフィールド（locale、defaultLocale、availableLocales、setLocale）を取得するためのフック。 | -                                                                                                                       |
+| `usePathname`          | ロケールセグメントが削除された現在のパス名を返すフック。`popstate`を介したブラウザナビゲーションに反応します。                           | [usePathname](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/packages/react-intlayer/usePathname.md)     |
+| `useRewriteURL`        | URLの書き換えを管理するためのクライアントサイドフック。現在のパス名とロケールの書き換えルールが存在する場合、URLを更新します。           | [useRewriteURL](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/packages/react-intlayer/useRewriteURL.md) |
+| `useI18n`              | フック。キーでネストされたコンテンツにアクセスするための翻訳関数 `t()` を提供します。i18next/next-intl のパターンを模倣しています。      | [useI18n](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/packages/react-intlayer/useI18n.md)             |
+| `useIntl`              | フック。ロケールに結びついた `Intl` オブジェクトを提供します。現在のロケールを自動で注入し、最適化されたキャッシュを使用します。         | -                                                                                                                       |
+| `useLocaleStorage`     | ローカルストレージまたはクッキーで locale の永続化を提供するフック。getter と setter 関数を返します。                                    | -                                                                                                                       |
+| `useLocaleCookie`      | 非推奨。代わりに `useLocaleStorage` を使用してください。クッキーで locale の永続化を管理するフック。                                     | -                                                                                                                       |
+| `useLoadDynamic`       | React Suspenseを使用して動的辞書を読み込むためのフック。キーとPromiseを受け取り、結果をキャッシュします。                                | -                                                                                                                       |
+| `useIntlayerContext`   | 現在の Intlayer クライアントのコンテキスト値（locale、setLocale など）を提供するフック。                                                 | -                                                                                                                       |
+| `useHTMLContext`       | HTMLProvider コンテキストから HTML コンポーネントのオーバーライドにアクセスするフック。                                                  | -                                                                                                                       |
 
 ### 関数
 

package/docs/ja/packages/react-intlayer/useDictionary.md

@@ -28,98 +28,6 @@ author: aymericzip
 
 このセクションでは、Reactアプリケーション内で`useDictionary`フックを使用するための詳細なガイドを提供します。ビジュアルエディタなしでローカライズされたコンテンツを効率的に扱うことが可能です。
 
-## Reactでの`useDictionary`のインポート
-
-`useDictionary`フックは、コンテキストに応じてインポートすることでReactアプリケーションに統合できます。
-
-- **クライアントコンポーネント:**
-
-  ```typescript codeFormat="typescript"
-  import { useDictionary } from "react-intlayer"; // クライアントサイドのReactコンポーネントで使用
-  ```
-
-  ```javascript codeFormat="esm"
-  import { useDictionary } from "react-intlayer"; // クライアントサイドのReactコンポーネントで使用
-  ```
-
-  ```javascript codeFormat="commonjs"
-  const { useDictionary } = require("react-intlayer"); // クライアントサイドのReactコンポーネントで使用
-  ```
-
-- **サーバーコンポーネント:**
-
-  ```typescript codeFormat="typescript"
-  import { useDictionary } from "react-intlayer/server"; // サーバーサイドのReactコンポーネントで使用
-  ```
-
-  ```javascript codeFormat="esm"
-  import { useDictionary } from "react-intlayer/server"; // サーバーサイドのReactコンポーネントで使用
-  ```
-
-  ```javascript codeFormat="commonjs"
-  const { useDictionary } = require("react-intlayer/server"); // サーバーサイドのReactコンポーネントで使用
-  ```
-
-## パラメーター
-
-このフックは2つのパラメーターを受け取ります：
-
-1. **`dictionary`**：特定のキーに対応するローカライズされたコンテンツを含む宣言済みの辞書オブジェクト。
-2. **`locale`**（オプション）：希望するロケール。指定しない場合は現在のコンテキストのロケールがデフォルトとなります。
-
-## 辞書
-
-すべての辞書オブジェクトは型の安全性を確保し、実行時エラーを防ぐために構造化されたコンテンツファイル内で宣言する必要があります。セットアップ手順は[こちら](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/dictionary/content_file.md)で確認できます。以下はコンテンツ宣言の例です：
-
-```typescript fileName="./component.content.ts" contentDeclarationFormat={["typescript", "esm", "commonjs"]}
-import { t, type Dictionary } from "intlayer";
-
-const componentContent = {
-  key: "component-example",
-  content: {
-    title: t({
-      en: "Client Component Example",
-      fr: "Exemple de composant client",
-      es: "Ejemplo de componente cliente",
-    }),
-    content: t({
-      en: "This is the content of a client component example",
-      fr: "Ceci est le contenu d'un exemple de composant client",
-      es: "Este es el contenido de un ejemplo de componente cliente",
-    }),
-  },
-} satisfies Dictionary;
-
-export default componentContent;
-```
-
-```json fileName="./component.content.json" contentDeclarationFormat="json"
-{
-  "$schema": "https://intlayer.org/schema.json",
-  "key": "component-example",
-  "content": {
-    "title": {
-      "nodeType": "translation",
-      "translation": {
-        "en": "Client Component Example",
-        "fr": "Exemple de composant client",
-        "es": "Ejemplo de componente cliente",
-        "ja": "クライアントコンポーネントの例"
-      }
-    },
-    "content": {
-      "nodeType": "translation",
-      "translation": {
-        "en": "This is the content of a client component example",
-        "fr": "Ceci est le contenu d'un exemple de composant client",
-        "es": "Este es el contenido de un ejemplo de componente cliente",
-        "ja": "これはクライアントコンポーネントの例の内容です"
-      }
-    }
-  }
-}
-```
-
 ## Reactでの使用例
 
 以下は、Reactコンポーネントで`useDictionary`フックを使用する例です：
@@ -161,18 +69,3 @@ const ServerComponentExample: FC<{ locale: string }> = ({ locale }) => {
   );
 };
 ```
-
-## 属性に関する注意点
-
-ビジュアルエディタを使用した統合とは異なり、`buttonTitle.value` のような属性はここでは適用されません。代わりに、コンテンツで宣言されたローカライズされた文字列に直接アクセスしてください。
-
-```jsx
-<button title={content.title}>{content.content}</button>
-```
-
-## 追加のヒント
-
-- **型安全性**: 辞書を定義する際は常に `Dictionary` を使用して型安全性を確保してください。
-- **ローカライズの更新**: コンテンツを更新する際は、すべてのロケールが一貫していることを確認し、翻訳の欠落を防いでください。
-
-このドキュメントは、`useDictionary` フックの統合に焦点を当てており、ビジュアルエディタの機能に依存せずにローカライズされたコンテンツを管理するための効率的なアプローチを提供します。

package/docs/ja/packages/react-intlayer/useIntlayer.md

@@ -29,49 +29,6 @@ author: aymericzip
 
 このセクションでは、React アプリケーション内で `useIntlayer` フックを使用する方法について詳しく説明し、効率的なコンテンツのローカライズを可能にします。
 
-## React での `useIntlayer` のインポート
-
-`useIntlayer` フックは、コンテキストに応じてインポートすることで React アプリケーションに統合できます。
-
-- **クライアントコンポーネント:**
-
-  ```typescript codeFormat="typescript"
-  import { useIntlayer } from "react-intlayer"; // クライアントサイドの React コンポーネントで使用
-  ```
-
-  ```javascript codeFormat="esm"
-  import { useIntlayer } from "react-intlayer"; // クライアントサイドの React コンポーネントで使用
-  ```
-
-  ```javascript codeFormat="commonjs"
-  const { useIntlayer } = require("react-intlayer"); // クライアントサイドの React コンポーネントで使用
-  ```
-
-- **サーバーコンポーネント:**
-
-  ```typescript codeFormat="commonjs"
-  import { useIntlayer } from "react-intlayer/server"; // サーバーサイドの React コンポーネントで使用
-  ```
-
-  ```javascript codeFormat="esm"
-  import { useIntlayer } from "react-intlayer/server"; // サーバーサイドの React コンポーネントで使用
-  ```
-
-  ```javascript codeFormat="commonjs"
-  const { useIntlayer } = require("react-intlayer/server"); // サーバーサイドの React コンポーネントで使用
-  ```
-
-## パラメーター
-
-このフックは2つのパラメーターを受け取ります：
-
-1. **`key`**: ローカライズされたコンテンツを取得するための辞書キー。
-2. **`locale`**（オプション）: 希望するロケール。指定しない場合はコンテキストのロケールがデフォルトで使用されます。
-
-## 辞書
-
-すべての辞書キーは型安全性を高め、エラーを防ぐためにコンテンツ宣言ファイル内で宣言されている必要があります。セットアップ手順は[こちら](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/dictionary/content_file.md)で確認できます。
-
 ## Reactでの使用例
 
 Reactコンポーネント内での`useIntlayer`フックの使用例：
@@ -134,28 +91,6 @@ const ServerComponentExample = () => {
 };
 ```
 
-## 属性の取り扱い
-
-属性をローカライズする際は、コンテンツの値に適切にアクセスしてください：
-
-```jsx
-<button title={content.buttonTitle.value}>{content.buttonText}</button>
-```
-
-## 追加リソース
-
-- **Intlayer ビジュアルエディター**: より直感的なコンテンツ管理体験のために、ビジュアルエディターのドキュメントは[こちら](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/intlayer_visual_editor.md)を参照してください。
-
-このセクションは、Reactアプリケーションにおける `useIntlayer` フックの統合に特化しており、ローカリゼーションプロセスを簡素化し、異なるロケール間でのコンテンツの一貫性を確保します。
-
-## 属性の取り扱い
-
-属性をローカライズする際は、コンテンツの値に適切にアクセスしてください：
-
-```jsx
-<button title={content.buttonTitle.value}>{content.buttonText}</button>
-```
-
 ## 追加リソース
 
 - **Intlayer ビジュアルエディター**: より直感的なコンテンツ管理体験のために、ビジュアルエディターのドキュメントは[こちら](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/intlayer_visual_editor.md)をご参照ください。

package/docs/ja/packages/react-intlayer/usePathname.md

@@ -0,0 +1,87 @@
+---
+createdAt: 2026-06-22
+updatedAt: 2026-06-22
+title: usePathnameフックドキュメント | react-intlayer
+description: react-intlayerパッケージからusePathnameフックを使用して、ロケールセグメントを含まない現在のURLパス名を取得する方法を学びます。
+keywords:
+  - usePathname
+  - pathname
+  - react
+  - intlayer
+  - routing
+  - internationalization
+slugs:
+  - doc
+  - packages
+  - react-intlayer
+  - usePathname
+history:
+  - version: 10.0.0
+    date: 2026-06-23
+    changes: "usePathnameユーティリティを追加"
+  - version: 8.2.0
+    date: 2026-06-22
+    changes: "履歴を初期化"
+author: aymericzip
+---
+
+# React統合: `usePathname` フックドキュメント
+
+`react-intlayer`の`usePathname`フックは、ロケールセグメントが削除された現在のブラウザパス名を返します。ネイティブの`window.location.pathname`に依存し、`popstate`を介してブラウザのナビゲーションイベントに反応します。
+
+## `usePathname`のインポート
+
+```typescript
+import { usePathname } from "react-intlayer";
+```
+
+## 概要
+
+フレームワーク固有のルーティングフック（`next-intlayer`や`react-router`など）とは異なり、このフックはプレーンなReactアプリケーション向けの軽量でフレームワークに依存しないソリューションです。現在のURLを抽出し、一致するロケールプレフィックスを削除します（例：`/ja/about`は`/about`になります）。
+
+## 使用方法
+
+```tsx fileName="src/components/Navigation.tsx" codeFormat={["typescript", "esm"]}
+import type { FC } from "react";
+import { usePathname } from "react-intlayer";
+
+const Navigation: FC = () => {
+  const pathname = usePathname();
+
+  return (
+    <nav>
+      <a
+        href="/home"
+        style={{ fontWeight: pathname === "/home" ? "bold" : "normal" }}
+      >
+        ホーム
+      </a>
+      <a
+        href="/about"
+        style={{ fontWeight: pathname === "/about" ? "bold" : "normal" }}
+      >
+        概要
+      </a>
+    </nav>
+  );
+};
+
+export default Navigation;
+```
+
+## 戻り値
+
+| 型       | 説明                                                                                             |
+| -------- | ------------------------------------------------------------------------------------------------ |
+| `string` | ロケールプレフィックスが削除された現在のブラウザのパス名（例：`/ja/dashboard` → `/dashboard`）。 |
+
+## 動作
+
+- **ロケールの削除**: 内部的に`getPathWithoutLocale`ユーティリティを使用して、アプリケーションのIntlayer設定に基づいてパス名から自動的にロケールを検出および削除します。
+- **反応性**: `popstate`イベントをリッスンします。ユーザーがブラウザの戻る/進むボタンを使用してナビゲートするか、`pushState`/`replaceState`が呼び出されると、フックは返されるパス名を更新します。
+- **SSRのフォールバック**: サーバー上（`window`が未定義の場合）、純粋なReactコンテキストではデフォルトでリクエストURLにアクセスできないため、デフォルトで`/`を返します。
+
+## 関連ドキュメント
+
+- [`useLocale`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/packages/react-intlayer/useLocale.md)
+- [`getPathWithoutLocale`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/packages/intlayer/getPathWithoutLocale.md)

package/docs/ja/packages/react-native-intlayer/exports.md

@@ -1,8 +1,8 @@
 ---
 createdAt: 2026-01-21
-updatedAt: 2026-01-21
+updatedAt: 2026-06-25
 title: react-native-intlayer パッケージのドキュメント
-description: Intlayer のための React Native サポート。プロバイダーとポリフィルを提供します。
+description: Intlayer のための React Native サポート。プロバイダー、フック、ポリフィル、Metro 設定を提供します。
 keywords:
   - react-native-intlayer
   - react-native
@@ -14,6 +14,9 @@ slugs:
   - react-native-intlayer
   - exports
 history:
+  - version: 9.0.0
+    date: 2026-06-25
+    changes: "react-intlayer の完全な API（フック、ユーティリティ、format/html/markdown サブパス）を再エクスポートし、React Native アプリが react-native-intlayer のみに依存できるようにした"
   - version: 8.0.0
     date: 2026-01-21
     changes: "すべてのエクスポートに関するドキュメントを統一"
@@ -22,7 +25,9 @@ author: aymericzip
 
 # react-native-intlayer パッケージ
 
-`react-native-intlayer` パッケージは、Intlayer を React Native アプリケーションに統合するために必要なツールを提供します。プロバイダーとロケールサポートのためのポリフィルが含まれています。
+`react-native-intlayer` パッケージは、Intlayer を React Native アプリケーションに統合するために必要なツールを提供します。React Native 対応の `IntlayerProvider` を備えた `react-intlayer` の完全な API（フックとユーティリティ）を再エクスポートし、React Native に必要なポリフィルと Metro 設定も含みます。
+
+> React Native アプリでは、`react-native-intlayer` から**すべて**をインポートしてください。`react-intlayer` を直接インストールまたはインポートする必要はありません。
 
 ## インストール
 
@@ -34,14 +39,30 @@ npm install react-native-intlayer
 
 ### プロバイダー
 
-| コンポーネント     | 説明                                                                                    |
-| ------------------ | --------------------------------------------------------------------------------------- |
-| `IntlayerProvider` | アプリケーションをラップし、Intlayer コンテキストを提供するプロバイダーコンポーネント。 |
+| コンポーネント     | 説明                                                                                                                          |
+| ------------------ | ----------------------------------------------------------------------------------------------------------------------------- |
+| `IntlayerProvider` | アプリケーションをラップし、Intlayer コンテキストを提供するプロバイダーコンポーネント。必要なポリフィルを自動的に適用します。 |
+
+```tsx
+import { IntlayerProvider } from "react-native-intlayer";
+```
+
+### フックとユーティリティ
+
+これらは `react-intlayer` から再エクスポートされているため、`react-native-intlayer` から直接インポートできます：
 
-インポート:
+| エクスポート                                                                                                      | 説明                                               |
+| ----------------------------------------------------------------------------------------------------------------- | -------------------------------------------------- |
+| `useIntlayer`                                                                                                     | 辞書キーのローカライズされたコンテンツにアクセス。 |
+| `useLocale`                                                                                                       | 現在のロケールを読み取り、変更する。               |
+| `useDictionary`, `useDictionaryAsync`, `useDictionaryDynamic`, `useLoadDynamic`                                   | さまざまな方法で辞書コンテンツを読み込む。         |
+| `useI18n`                                                                                                         | i18next 互換フック。                               |
+| `t`                                                                                                               | インライン翻訳ヘルパー。                           |
+| `getIntlayer`, `getDictionary`                                                                                    | 命令型コンテンツゲッター。                         |
+| `localeCookie`, `localeInStorage`, `setLocaleCookie`, `setLocaleInStorage`, `useLocaleCookie`, `useLocaleStorage` | ロケール永続化ヘルパー。                           |
 
 ```tsx
-import "react-native-intlayer";
+import { useIntlayer, useLocale, t } from "react-native-intlayer";
 ```
 
 ### ポリフィル
@@ -50,10 +71,25 @@ import "react-native-intlayer";
 | ------------------ | ----------------------------------------------------------------------------- |
 | `intlayerPolyfill` | React Native が Intlayer をサポートするために必要なポリフィルを適用する関数。 |
 
-インポート:
+```tsx
+import { intlayerPolyfill } from "react-native-intlayer";
+```
+
+> ポリフィルは `IntlayerProvider` をインポートすると自動的に適用されます。プロバイダーがマウントされる前にポリフィルが必要な場合のみ、`intlayerPolyfill` を手動で呼び出してください。
+
+### フォーマッター
+
+数値、日付、その他の Intl ベースのフォーマットフックは `/format` サブパスから利用できます：
+
+```tsx
+import { useNumber, useDate } from "react-native-intlayer/format";
+```
+
+### Markdown と HTML のレンダリング
 
 ```tsx
-import "react-native-intlayer";
+import { MarkdownProvider } from "react-native-intlayer/markdown";
+import { HTMLProvider } from "react-native-intlayer/html";
 ```
 
 ### Metro の設定
@@ -66,9 +102,6 @@ import "react-native-intlayer";
 | `configMetroIntlayerSync` | Intlayer のリソースを準備せずに Metro 設定をマージする同期関数。                                      |
 | `exclusionList`           | バンドルからコンテンツファイルを除外するために、Metro の blockList 用の RegExp パターンを作成します。 |
 
-インポート:
-
 ```tsx
-import "react-native-intlayer/metro";
-import "react-native-intlayer/metro";
+import { configMetroIntlayer } from "react-native-intlayer/metro";
 ```

package/docs/ja/packages/solid-intlayer/exports.md

@@ -14,6 +14,9 @@ slugs:
   - solid-intlayer
   - exports
 history:
+  - version: 10.0.0
+    date: 2026-06-23
+    changes: "usePathnameユーティリティを追加"
   - version: 8.0.0
     date: 2026-01-21
     changes: "全エクスポートのドキュメントを統一"
@@ -59,6 +62,7 @@ import "solid-intlayer";
 | `useDictionaryAsync`   | `useDictionary` と同じですが、非同期の辞書を扱います。                                                                         | -                                                                                                                       |
 | `useDictionaryDynamic` | `useDictionary` と同じですが、動的な辞書を扱います。                                                                           | -                                                                                                                       |
 | `useLocale`            | 現在のロケールと、それを設定する関数を返します。                                                                               | [useLocale](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/packages/solid-intlayer/useLocale.md)         |
+| `usePathname`          | ロケールセグメントを削除した現在のパス名(pathname)を `Accessor<string>` として返します。`popstate` に反応します。              | [usePathname](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/packages/solid-intlayer/usePathname.md)     |
 | `useRewriteURL`        | クライアント側のフックで、URLの書き換えを管理します。ローカライズされた書き換えルールが存在する場合、自動的にURLを更新します。 | [useRewriteURL](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/packages/solid-intlayer/useRewriteURL.md) |
 | `useIntl`              | 現在のロケールのIntlオブジェクトを返します。                                                                                   | -                                                                                                                       |
 | `useLoadDynamic`       | 動的辞書を読み込むフック。                                                                                                     | -                                                                                                                       |