@intlayer/docs 5.5.8

package/ja/dictionary/translation.md

@@ -0,0 +1,287 @@
+# 翻訳
+
+## 翻訳の定義
+
+`intlayer` の `t` 関数を使用すると、複数の言語でコンテンツを宣言できます。この関数は型の安全性を確保し、翻訳が不足している場合にエラーを発生させます。これは特に TypeScript 環境で役立ちます。
+
+### TypeScript の使用
+
+以下は、翻訳を使用してコンテンツを宣言する方法の例です。
+
+```typescript fileName="**/*.content.ts" contentDeclarationFormat="typescript"
+import { t, type Dictionary } from "intlayer";
+
+interface Content {
+  welcomeMessage: string;
+}
+
+export default {
+  key: "multi_lang",
+  content: {
+    welcomeMessage: t({
+      en: "Welcome to our application",
+      fr: "Bienvenue dans notre application",
+      es: "Bienvenido a nuestra aplicación",
+    }),
+  },
+} satisfies Dictionary<Content>;
+```
+
+```javascript fileName="**/*.content.mjs" contentDeclarationFormat="esm"
+import { t } from "intlayer";
+
+export default {
+  key: "multi_lang",
+  content: {
+    welcomeMessage: t({
+      en: "Welcome to our application",
+      fr: "Bienvenue dans notre application",
+      es: "Bienvenido a nuestra aplicación",
+    }),
+  },
+};
+```
+
+```javascript fileName="**/*.content.cjs" contentDeclarationFormat="commonjs"
+const { t } = require("intlayer");
+
+module.exports = {
+  key: "multi_lang",
+  content: {
+    welcomeMessage: t({
+      en: "Welcome to our application",
+      fr: "Bienvenue dans notre application",
+      es: "Bienvenido a nuestra aplicación",
+    }),
+  },
+};
+```
+
+```json fileName="**/*.content.json" contentDeclarationFormat="json"
+{
+  "$schema": "https://intlayer.org/schema.json",
+  "key": "multi_lang",
+  "content": {
+    "welcomeMessage": {
+      "nodeType": "translation",
+      "translation": {
+        "en": "Welcome to our application",
+        "fr": "Bienvenue dans notre application",
+        "es": "Bienvenido a nuestra aplicación"
+      }
+    }
+  }
+}
+```
+
+## ロケールの設定
+
+適切な翻訳処理を確保するために、`intlayer.config.ts` で受け入れ可能なロケールを設定できます。この設定により、アプリケーションがサポートする言語を定義できます。
+
+```typescript fileName="intlayer.config.ts" codeFormat="typescript"
+import { Locales, type IntlayerConfig } from "intlayer";
+
+const config: IntlayerConfig = {
+  internationalization: {
+    locales: [Locales.ENGLISH, Locales.FRENCH, Locales.SPANISH],
+  },
+};
+
+export default config;
+```
+
+```javascript fileName="intlayer.config.mjs" codeFormat="esm"
+import { Locales } from "intlayer";
+
+/** @type {import('intlayer').IntlayerConfig} */
+const config = {
+  internationalization: {
+    locales: [Locales.ENGLISH, Locales.FRENCH, Locales.SPANISH],
+  },
+};
+
+export default config;
+```
+
+```javascript fileName="intlayer.config.cjs" codeFormat="commonjs"
+const { Locales } = require("intlayer");
+
+/** @type {import('intlayer').IntlayerConfig} */
+const config = {
+  internationalization: {
+    locales: [Locales.ENGLISH, Locales.FRENCH, Locales.SPANISH],
+  },
+};
+
+module.exports = config;
+```
+
+## React コンポーネントでの翻訳の使用
+
+`react-intlayer` を使用すると、React コンポーネントで翻訳を使用できます。以下はその例です。
+
+```jsx fileName="**/*.tsx" codeFormat="typescript"
+import type { FC } from "react";
+import { useIntlayer } from "react-intlayer";
+
+const MyComponent: FC = () => {
+  const content = useIntlayer("multi_lang");
+
+  return (
+    <div>
+      <p>{content.welcomeMessage}</p>
+    </div>
+  );
+};
+
+export default MyComponent;
+```
+
+```javascript fileName="**/*.mjx" codeFormat="esm"
+import { useIntlayer } from "react-intlayer";
+
+const MyComponent = () => {
+  const content = useIntlayer("multi_lang");
+
+  return (
+    <div>
+      <p>{content.welcomeMessage}</p>
+    </div>
+  );
+};
+
+export default MyComponent;
+```
+
+```javascript fileName="**/*.cjs" codeFormat="commonjs"
+const { useIntlayer } = require("react-intlayer");
+
+const MyComponent = () => {
+  const content = useIntlayer("multi_lang");
+
+  return (
+    <div>
+      <p>{content.welcomeMessage}</p>
+    </div>
+  );
+};
+
+module.exports = MyComponent;
+```
+
+このコンポーネントは、アプリケーションで設定された現在のロケールに基づいて対応する翻訳を取得します。
+
+## カスタムコンテンツオブジェクト
+
+`intlayer` は翻訳用のカスタムコンテンツオブジェクトをサポートしており、より複雑な構造を定義しながら型の安全性を確保できます。以下はカスタムオブジェクトの例です。
+
+```typescript fileName="**/*.content.ts" contentDeclarationFormat="typescript"
+import { t, type Dictionary } from "intlayer";
+
+interface ICustomContent {
+  title: string;
+  content: string;
+}
+
+const customContent = {
+  key: "custom_content",
+  content: {
+    profileText: t<ICustomContent>({
+      en: {
+        title: "Page Title",
+        content: "Page Content",
+      },
+      fr: {
+        title: "Titre de la Page",
+        content: "Contenu de la Page",
+      },
+      es: {
+        title: "Título de la Página",
+        content: "Contenido de la Página",
+      },
+    }),
+  },
+} satisfies Dictionary;
+
+export default customContent;
+```
+
+```javascript fileName="**/*.content.mjs" contentDeclarationFormat="esm"
+import { t } from "intlayer";
+
+export default {
+  key: "custom_content",
+  content: {
+    profileText:
+      t <
+      ICustomContent >
+      {
+        en: {
+          title: "Page Title",
+          content: "Page Content",
+        },
+        fr: {
+          title: "Titre de la Page",
+          content: "Contenu de la Page",
+        },
+        es: {
+          title: "Título de la Página",
+          content: "Contenido de la Página",
+        },
+      },
+  },
+};
+```
+
+```javascript fileName="**/*.content.cjs" contentDeclarationFormat="commonjs"
+const { t } = require("intlayer");
+
+module.exports = {
+  key: "custom_content",
+  content: {
+    profileText:
+      t <
+      ICustomContent >
+      {
+        en: {
+          title: "Page Title",
+          content: "Page Content",
+        },
+        fr: {
+          title: "Titre de la Page",
+          content: "Contenu de la Page",
+        },
+        es: {
+          title: "Título de la Página",
+          content: "Contenido de la Página",
+        },
+      },
+  },
+};
+```
+
+```json fileName="**/*.content.json" contentDeclarationFormat="json"
+{
+  "$schema": "https://intlayer.org/schema.json",
+  "key": "custom_content",
+  "content": {
+    "profileText": {
+      "nodeType": "translation",
+      "translation": {
+        "en": {
+          "title": "Page Title",
+          "content": "Page Content"
+        },
+        "fr": {
+          "title": "Titre de la Page",
+          "content": "Contenu de la Page"
+        },
+        "es": {
+          "title": "Título de la Página",
+          "content": "Contenido de la Página"
+        }
+      }
+    }
+  }
+}
+```

package/ja/header.md

@@ -0,0 +1,7 @@
+**ファイルを翻訳する:**
+
+![ロゴ](https://github.com/aymericzip/intlayer/blob/main/packages/@intlayer/design-system/src/components/Logo/logo_with_text_no_frame.svg)
+
+**国際化を簡単に**
+
+Intlayerは、ウェブサイトの国際化において、より柔軟でモダンなアプローチを提供します。Next.jsおよびReactとのシームレスな統合、カスタマイズ可能な設定、さまざまなコンテンツ宣言形式のサポートにより、国際化のための強力な選択肢となります。

package/ja/how_works_intlayer.md

@@ -0,0 +1,217 @@
+# Intlayerの仕組み
+
+## 概要
+
+Intlayerの主なアイデアは、コンポーネントごとのコンテンツ管理を採用することです。そのため、Intlayerの背後にある考え方は、コンテンツをコードベースのどこにでも、例えばコンポーネントと同じディレクトリ内に宣言できるようにすることです。
+
+```bash
+.
+└── Components
+    └── MyComponent
+        ├── index.content.cjs
+        └── index.mjs
+```
+
+これを実現するために、Intlayerの役割は、プロジェクト内に存在するさまざまな形式の`コンテンツ宣言ファイル`をすべて見つけ出し、それらから`辞書`を生成することです。
+
+したがって、主に2つのステップがあります：
+
+- ビルドステップ
+- 解釈ステップ
+
+### 辞書のビルドステップ
+
+ビルドステップは以下の3つの方法で実行できます：
+
+- CLIを使用して`npx intlayer build`を実行
+- [vscode拡張機能](https://github.com/aymericzip/intlayer/blob/main/docs/ja/vs_code_extension.md)を使用
+- [`vite-intlayer`パッケージ](https://github.com/aymericzip/intlayer/blob/main/docs/ja/packages/vite-intlayer/index.md)などのアプリプラグインを使用、または[Next.js](https://github.com/aymericzip/intlayer/blob/main/docs/ja/packages/next-intlayer/index.md)用の同等のプラグインを使用。これらのプラグインのいずれかを使用すると、アプリケーションを開始（開発）またはビルド（本番）する際に、Intlayerが自動的に辞書をビルドします。
+
+1. コンテンツファイルの宣言
+
+   - コンテンツファイルは、TypeScript、ECMAScript、CommonJS、JSONなど、さまざまな形式で定義できます。
+   - コンテンツファイルはプロジェクト内のどこにでも定義でき、これによりメンテナンス性とスケーラビリティが向上します。コンテンツファイルの拡張子の規約を守ることが重要です。この拡張子はデフォルトで`*.content.{js|cjs|mjs|ts|tsx|json}`ですが、[設定ファイル](https://github.com/aymericzip/intlayer/blob/main/docs/ja/configuration.md)で変更できます。
+
+2. `辞書`の生成
+
+   - 辞書はコンテンツファイルから生成されます。デフォルトでは、Intlayer辞書はプロジェクトの`.intlayer/dictionaries`ディレクトリに生成されます。
+   - これらの辞書は、すべてのニーズに対応し、アプリケーションのパフォーマンスを最適化するために、さまざまな形式で生成されます。
+
+3. 辞書型の生成
+
+   `辞書`に基づいて、Intlayerはアプリケーションで使用可能な型を生成します。
+
+   - 辞書型はIntlayerの`辞書`から生成されます。デフォルトでは、Intlayer辞書型はプロジェクトの`.intlayer/types`ディレクトリに生成されます。
+
+   - Intlayerの[モジュール拡張](https://www.typescriptlang.org/docs/handbook/declaration-merging.html)は、Intlayerに追加の型を定義できるTypeScriptの機能です。これにより、利用可能な引数や必要な引数を提案することで開発体験が向上します。
+     生成された型の中には、Intlayer辞書型や言語設定型が含まれ、`types/intlayer.d.ts`ファイルに追加され、他のパッケージで使用されます。これを行うには、`tsconfig.json`ファイルがプロジェクトの`types`ディレクトリを含むように設定されている必要があります。
+
+### 辞書の解釈ステップ
+
+Intlayerを使用すると、`useIntlayer`フックを使用してアプリケーション内でコンテンツにアクセスできます。
+
+```tsx
+const MyComponent = () => {
+  const content = useIntlayer("my-component");
+  return <div>{content.title}</div>;
+};
+```
+
+このフックはロケールの検出を管理し、現在のロケールに対応するコンテンツを返します。このフックを使用すると、Markdownの解釈、複数形の管理なども可能です。
+
+> Intlayerのすべての機能を見るには、[辞書ドキュメント](https://github.com/aymericzip/intlayer/blob/main/docs/ja/dictionary/get_started.md)を参照してください。
+
+## 遠隔コンテンツ
+
+Intlayerを使用すると、コンテンツをローカルで宣言し、それをCMSにエクスポートして非技術的なチームが編集できるようにすることができます。
+
+そのため、Gitでコードを操作するのと同様に、CMSからアプリケーションにコンテンツをプッシュおよびプルすることが可能です。
+
+プロジェクトで設定されている場合、Intlayerはアプリケーションの開始（開発）/ビルド（本番）時にCMSからコンテンツを自動的に取得します。
+
+## ビジュアルエディタ
+
+Intlayerは、視覚的にコンテンツを編集できるビジュアルエディタも提供しています。この[ビジュアルエディタ](https://github.com/aymericzip/intlayer/blob/main/docs/ja/intlayer_visual_editor.md)は、外部の`intlayer-editor`パッケージで利用可能です。
+
+![ビジュアルエディタ](https://github.com/aymericzip/intlayer/blob/main/docs/assets/visual_editor.gif)
+
+## アプリビルドの最適化
+
+アプリケーションのバンドルサイズを最適化するために、Intlayerはアプリケーションのビルドを最適化するための2つのプラグインを提供しています：`@intlayer/babel`と`@intlayer/swc`プラグイン。
+
+開発モードでは、Intlayerは辞書の集中型静的インポートを使用して開発体験を簡素化します。
+
+ビルドを最適化することで、Intlayerは辞書の呼び出しを置き換えてチャンク化を最適化します。この方法では、最終的なバンドルは使用される辞書のみをインポートします。
+
+[設定](https://github.com/aymericzip/intlayer/blob/main/docs/ja/configuration.md)で`activateDynamicImport`オプションを有効にすると、Intlayerは動的インポートを使用して辞書をロードします。このオプションは、アプリケーションのレンダリング時に非同期処理を回避するためにデフォルトでは無効になっています。
+
+> `@intlayer/babel`は`vite-intlayer`パッケージでデフォルトで利用可能です。
+
+> `@intlayer/swc`は、Next.jsでSWCプラグインがまだ実験的であるため、`next-intlayer`パッケージにはデフォルトでインストールされていません。
+
+アプリケーションのビルドを設定する方法については、[設定ドキュメント](https://github.com/aymericzip/intlayer/blob/main/docs/ja/configuration.md)を参照してください。
+
+## パッケージ
+
+Intlayerは、翻訳プロセスにおいて特定の役割を持つ複数のパッケージで構成されています。このパッケージの構造を示す図は以下の通りです：
+
+![intlayerのパッケージ](https://github.com/aymericzip/intlayer/blob/main/docs/assets/packages_dependency_graph.svg)
+
+### intlayer
+
+`intlayer`パッケージは、コンテンツファイル内でコンテンツを宣言するためにアプリケーションで使用されます。
+
+### react-intlayer
+
+`react-intlayer`パッケージは、Intlayer辞書を解釈し、Reactアプリケーションで使用可能にします。
+
+### next-intlayer
+
+`next-intlayer`パッケージは、`react-intlayer`の上にレイヤーを構築し、Next.jsアプリケーションでIntlayer辞書を使用可能にします。翻訳ミドルウェア、ルーティング、または`next.config.js`ファイルの設定など、Next.js環境でIntlayerを動作させるための重要な機能を統合しています。
+
+### vue-intlayer
+
+`vue-intlayer`パッケージは、Intlayer辞書を解釈し、Vueアプリケーションで使用可能にします。
+
+### svelte-intlayer (作業中)
+
+`svelte-intlayer`パッケージは、Intlayer辞書を解釈し、Svelteアプリケーションで使用可能にします。
+
+### solid-intlayer (作業中)
+
+`solid-intlayer`パッケージは、Intlayer辞書を解釈し、Solid.jsアプリケーションで使用可能にします。
+
+## preact-intlayer(作業中)
+
+`preact-intlayer`パッケージは、Intlayer辞書を解釈し、Preactアプリケーションで使用可能にします。
+
+### angular-intlayer (作業中)
+
+`angular-intlayer`パッケージは、Intlayer辞書を解釈し、Angularアプリケーションで使用可能にします。
+
+### express-intlayer
+
+`express-intlayer`パッケージは、Express.jsバックエンドでIntlayerを使用するために使用されます。
+
+### react-native-intlayer
+
+`react-native-intlayer`パッケージは、MetroバンドラーでIntlayerを動作させるためのプラグインを統合するツールを提供します。
+
+### lynx-intlayer
+
+`lynx-intlayer`パッケージは、LynxバンドラーでIntlayerを動作させるためのプラグインを統合するツールを提供します。
+
+### vite-intlayer
+
+Viteバンドラー([Vite](https://vite.dev/guide/why.html#why-bundle-for-production))とIntlayerを統合するためのViteプラグイン、およびユーザーの優先ロケールを検出し、クッキーを管理し、URLリダイレクトを処理するためのミドルウェアを含みます。
+
+### react-scripts-intlayer
+
+### intlayer-editor
+
+`intlayer-editor`パッケージは、ビジュアルエディターを使用できるようにするために使用されます。このパッケージはオプションであり、アプリケーションにインストールして`react-intlayer`パッケージによって使用されます。
+2つの部分で構成されています：サーバーとクライアント。
+
+クライアントには、`react-intlayer`で使用されるUI要素が含まれています。
+
+Expressに基づいたサーバーは、ビジュアルエディターのリクエストを受信し、コンテンツファイルを管理または変更するために使用されます。
+
+### intlayer-cli
+
+`intlayer-cli`パッケージは、`npx intlayer dictionaries build`コマンドを使用して辞書を生成するために使用できます。`intlayer`がすでにインストールされている場合、CLIは自動的にインストールされ、このパッケージは必要ありません。
+
+### @intlayer/core
+
+`@intlayer/core`パッケージは、Intlayerの主要なパッケージです。翻訳および辞書管理機能が含まれています。`@intlayer/core`はマルチプラットフォームであり、他のパッケージによって辞書の解釈を実行するために使用されます。
+
+### @intlayer/config
+
+`@intlayer/config`パッケージは、利用可能な言語、Next.jsミドルウェアパラメーター、または統合エディター設定など、Intlayerの設定を構成するために使用されます。
+
+### @intlayer/webpack
+
+`@intlayer/webpack`パッケージは、WebpackベースのアプリケーションをIntlayerと連携させるためのWebpack設定を提供します。このパッケージは、既存のWebpackアプリケーションに追加するプラグインも提供します。
+
+### @intlayer/cli
+
+`@intlayer/cli`パッケージは、Intlayerコマンドラインインターフェースに関連するスクリプトを宣言するために使用されるNPMパッケージです。すべてのIntlayer CLIコマンドの一貫性を確保します。このパッケージは特に、[intlayer-cli](https://github.com/aymericzip/intlayer/tree/main/docs/ja/packages/intlayer-cli/index.md)や[intlayer](https://github.com/aymericzip/intlayer/tree/main/docs/ja/packages/intlayer/index.md)パッケージによって使用されます。
+
+### @intlayer/dictionaries-entry & @intlayer/unmerged-dictionaries-entry & @intlayer/dynamic-dictionaries-entry
+
+`@intlayer/dictionaries-entry`、`@intlayer/unmerged-dictionaries-entry`、および`@intlayer/dynamic-dictionaries-entry`パッケージは、Intlayer辞書のエントリーパスを返します。ブラウザからファイルシステムを検索することは不可能であるため、WebpackやRollupのようなバンドラーを使用して辞書のエントリーパスを取得することはできません。これらのパッケージはエイリアスとして設計されており、Vite、Webpack、Turbopackなどのさまざまなバンドラー間でのバンドリング最適化を可能にします。
+
+### @intlayer/chokidar
+
+`@intlayer/chokidar`パッケージは、コンテンツファイルを監視し、変更ごとに修正された辞書を再生成するために使用されます。
+
+### @intlayer/editor
+
+`@intlayer/editor`パッケージは、辞書エディターに関連するユーティリティを提供します。特に、アプリケーションをIntlayerエディターとインターフェースするためのAPIや、辞書を操作するためのユーティリティが含まれています。このパッケージはクロスプラットフォームです。
+
+### @intlayer/editor-react
+
+`@intlayer/editor-react`パッケージは、ReactアプリケーションをIntlayerエディターとインターフェースするための状態、コンテキスト、フック、およびコンポーネントを提供します。
+
+### @intlayer/babel
+
+`@intlayer/babel`パッケージは、ViteおよびWebpackベースのアプリケーションの辞書のバンドリングを最適化するツールを提供します。
+
+### @intlayer/swc (WIP)
+
+`@intlayer/swc`パッケージは、Next.jsアプリケーションの辞書のバンドリングを最適化するツールを提供します。
+
+### @intlayer/api
+
+`@intlayer/api`パッケージは、バックエンドとやり取りするためのAPI SDKです。
+
+### @intlayer/design-system
+
+`@intlayer/design-system`パッケージは、CMSとビジュアルエディター間でデザイン要素を共有するために使用されます。
+
+### @intlayer/backend
+
+`@intlayer/backend`パッケージは、バックエンドタイプをエクスポートし、将来的にはスタンドアロンパッケージとしてバックエンドを提供する予定です。
+
+## スマートドキュメントとチャットする
+
+- [スマートドキュメントに質問する](https://intlayer.org/doc/chat)

package/ja/index.md

@@ -0,0 +1,125 @@
+# Intlayer ドキュメント
+
+公式の **Intlayer** ドキュメントへようこそ！ここでは、**Next.js**、**React**、**Vite**、**Express**、またはその他のJavaScript環境での国際化（i18n）ニーズに対応するためのIntlayerの統合、設定、習得に必要なすべての情報を見つけることができます。
+
+Intlayerは、アプリケーションの翻訳に柔軟でモダンなアプローチを提供します。このドキュメントでは、インストールとセットアップから、**AIによる翻訳**、**TypeScript**定義、**サーバーコンポーネント**サポートなどの高度な機能まで、シームレスで多言語対応の体験を作成するためのガイドを提供します。
+
+---
+
+## はじめに
+
+- **[イントロダクション](https://github.com/aymericzip/intlayer/blob/main/docs/ja/introduction.md)**  
+  Intlayerの仕組み、そのコア機能、そしてi18nにおけるゲームチェンジャーである理由を概観します。
+
+- **[Intlayerの仕組み](https://github.com/aymericzip/intlayer/blob/main/docs/ja/how_works_intlayer.md)**  
+  アーキテクチャ設計に飛び込み、Intlayerがコンテンツ宣言から翻訳配信までをどのように処理するかを学びます。
+
+- **[設定](https://github.com/aymericzip/intlayer/blob/main/docs/ja/configuration.md)**  
+  プロジェクトのニーズに合わせてIntlayerをカスタマイズします。ミドルウェアオプション、ディレクトリ構造、詳細設定を探ります。
+
+- **[Intlayer CLI](https://github.com/aymericzip/intlayer/blob/main/docs/ja/intlayer_cli.md)**  
+  コマンドラインツールを使用してコンテンツと翻訳を管理します。コンテンツのプッシュとプル、翻訳の自動化などを学びます。
+
+- **[Intlayer エディター](https://github.com/aymericzip/intlayer/blob/main/docs/ja/intlayer_visual_editor.md)**  
+  非開発者とのコラボレーションを簡素化し、AIを活用した翻訳を無料で直感的なCMSで実現します。
+
+---
+
+## コアコンセプト
+
+### 辞書
+
+コードに近い場所で多言語コンテンツを整理し、一貫性と保守性を保ちます。
+
+- **[はじめに](https://github.com/aymericzip/intlayer/blob/main/docs/ja/dictionary/get_started.md)**  
+  Intlayerでコンテンツを宣言する基本を学びます。
+
+- **[翻訳](https://github.com/aymericzip/intlayer/blob/main/docs/ja/dictionary/translation.md)**  
+  翻訳がどのように生成され、保存され、アプリケーションで利用されるかを理解します。
+
+- **[列挙](https://github.com/aymericzip/intlayer/blob/main/docs/ja/dictionary/enumeration.md)**  
+  様々な言語で繰り返し使用される固定データセットを簡単に管理します。
+
+- **[関数フェッチ](https://github.com/aymericzip/intlayer/blob/main/docs/ja/dictionary/function_fetching.md)**  
+  プロジェクトのワークフローに合わせてカスタムロジックでコンテンツを動的に取得する方法を確認します。
+
+---
+
+## 環境と統合
+
+Intlayerは柔軟性を念頭に設計されており、人気のあるフレームワークやビルドツールとのシームレスな統合を提供します：
+
+- **[Next.js 15でのIntlayer](https://github.com/aymericzip/intlayer/blob/main/docs/ja/intlayer_with_nextjs_15.md)**
+- **[Next.js 14（App Router）でのIntlayer](https://github.com/aymericzip/intlayer/blob/main/docs/ja/intlayer_with_nextjs_14.md)**
+- **[Next.js Page RouterでのIntlayer](https://github.com/aymericzip/intlayer/blob/main/docs/ja/intlayer_with_nextjs_page_router.md)**
+- **[React CRAでのIntlayer](https://github.com/aymericzip/intlayer/blob/main/docs/ja/intlayer_with_create_react_app.md)**
+- **[Vite + ReactでのIntlayer](https://github.com/aymericzip/intlayer/blob/main/docs/ja/intlayer_with_vite+react.md)**
+- **[ExpressでのIntlayer](https://github.com/aymericzip/intlayer/blob/main/docs/ja/intlayer_with_express.md)**
+
+各統合ガイドには、**サーバーサイドレンダリング**、**動的ルーティング**、**クライアントサイドレンダリング**などのIntlayerの機能を使用するためのベストプラクティスが含まれており、高速でSEOに優れた、スケーラブルなアプリケーションを維持できます。
+
+---
+
+## パッケージ
+
+Intlayerのモジュール設計は、特定の環境やニーズに対応する専用パッケージを提供します：
+
+### `intlayer`
+
+i18n設定を構成および管理するためのコアユーティリティ関数。
+
+- **[getConfiguration](https://github.com/aymericzip/intlayer/blob/main/docs/ja/packages/intlayer/getConfiguration.md)**
+- **[getHTMLTextDir](https://github.com/aymericzip/intlayer/blob/main/docs/ja/packages/intlayer/getHTMLTextDir.md)**
+- **[getLocaleLang](https://github.com/aymericzip/intlayer/blob/main/docs/ja/packages/intlayer/getLocaleLang.md)**
+- **[getLocaleName](https://github.com/aymericzip/intlayer/blob/main/docs/ja/packages/intlayer/getLocaleName.md)**
+- **[getLocalizedUrl](https://github.com/aymericzip/intlayer/blob/main/docs/ja/packages/intlayer/getLocalizedUrl.md)**
+- **[getMultilingualUrls](https://github.com/aymericzip/intlayer/blob/main/docs/ja/packages/intlayer/getMultilingualUrls.md)**
+- **[getPathWithoutLocale](https://github.com/aymericzip/intlayer/blob/main/docs/ja/packages/intlayer/getPathWithoutLocale.md)**
+- **[getTranslation](https://github.com/aymericzip/intlayer/blob/main/docs/ja/packages/intlayer/getTranslation.md)**
+- **[getEnumeration](https://github.com/aymericzip/intlayer/blob/main/docs/ja/packages/intlayer/getEnumeration.md)**
+
+### `express-intlayer`
+
+**Express**ベースのアプリでIntlayerを活用：
+
+- **[t](https://github.com/aymericzip/intlayer/blob/main/docs/ja/packages/express-intlayer/t.md)**  
+  サーバールートやビュー用の最小限で簡単な翻訳ヘルパー。
+
+### `react-intlayer`
+
+**React**アプリケーションを強化する強力なフック：
+
+- **[t](https://github.com/aymericzip/intlayer/blob/main/docs/ja/packages/react-intlayer/t.md)**
+- **[useIntlayer](https://github.com/aymericzip/intlayer/blob/main/docs/ja/packages/react-intlayer/useIntlayer.md)**
+- **[useDictionary](https://github.com/aymericzip/intlayer/blob/main/docs/ja/packages/react-intlayer/useDictionary.md)**
+- **[useLocale](https://github.com/aymericzip/intlayer/blob/main/docs/ja/packages/react-intlayer/useLocale.md)**
+
+### `next-intlayer`
+
+**Next.js**とのシームレスな統合：
+
+- **[t](https://github.com/aymericzip/intlayer/blob/main/docs/ja/packages/next-intlayer/t.md)**
+- **[useIntlayer](https://github.com/aymericzip/intlayer/blob/main/docs/ja/packages/next-intlayer/useIntlayer.md)**
+- **[useDictionary](https://github.com/aymericzip/intlayer/blob/main/docs/ja/packages/next-intlayer/useDictionary.md)**
+- **[useLocale](https://github.com/aymericzip/intlayer/blob/main/docs/ja/packages/next-intlayer/useLocale.md)**
+
+---
+
+## 追加リソース
+
+- **[ブログ: Intlayerとi18next](https://github.com/aymericzip/intlayer/blob/main/docs/ja/intlayer_with_i18next.md)**  
+  Intlayerが人気の**i18next**ライブラリをどのように補完し、比較されるかを学びます。
+
+- **[YouTubeでのライブチュートリアル](https://youtu.be/W2G7KxuSD4c?si=GyU_KpVhr61razRw)**  
+  包括的なデモを視聴し、リアルタイムでIntlayerを統合する方法を学びます。
+
+---
+
+## 貢献とフィードバック
+
+オープンソースとコミュニティ主導の開発の力を大切にしています。改善提案、新しいガイドの追加、またはドキュメントの問題修正を希望する場合は、[GitHubリポジトリ](https://github.com/aymericzip/intlayer/blob/main/docs)でプルリクエストを送信するか、問題を報告してください。
+
+**アプリケーションをより速く、効率的に翻訳する準備はできましたか？** ドキュメントを読み進めて、今日からIntlayerを使い始めましょう。コンテンツを整理し、チームの生産性を向上させる堅牢で効率的な国際化アプローチを体験してください。
+
+翻訳を楽しんでください！  
+, Intlayer チーム