@intlayer/docs 8.1.6 → 8.1.8

package/docs/ja/intlayer_with_nextjs_page_router.md

@@ -1,7 +1,7 @@
 ---
 createdAt: 2024-12-07
 updatedAt: 2025-12-30
-title: Next.js Page Router i18n - Next.jsアプリの翻訳方法 – ガイド 2026
+title: Next.js Page Router i18n - Next.jsアプリの翻訳方法 2026
 description: Next.js の Page Router を使ったウェブサイトを多言語対応にする方法をご紹介します。国際化（i18n）と翻訳のためのドキュメントに従ってください。
 keywords:
   - 国際化
@@ -239,18 +239,16 @@ module.exports = { middleware: intlayerProxy, config };
         ```
 
         ```jsx fileName="src/pages/_app.csx" codeFormat="commonjs"
+        const { IntlayerClientProvider } = require("next-intlayer");
 
-    const { IntlayerClientProvider } = require("next-intlayer");
-
-const App = ({ Component, pageProps }) => (
-<IntlayerClientProvider locale={locale}>
-<Component {...pageProps} />
-</IntlayerClientProvider>
-);
-
-module.exports = App;
+        const App = ({ Component, pageProps }) => (
+          <IntlayerClientProvider locale={locale}>
+            <Component {...pageProps} />
+          </IntlayerClientProvider>
+        );
 
-````
+        module.exports = App;
+        ```
 
 3.  **`getStaticPaths` と `getStaticProps` の設定:**
 
@@ -264,90 +262,90 @@ import { type Locales, getConfiguration } from "intlayer";
 const HomePage: FC = () => <div>{/* ここにコンテンツを記述 */}</div>;
 
 export const getStaticPaths: GetStaticPaths = () => {
-      const { internationalization } = getConfiguration();
-      const { locales } = internationalization;
+  const { internationalization } = getConfiguration();
+  const { locales } = internationalization;
 
-      const paths = locales.map((locale) => ({
-        params: { locale },
-      }));
+  const paths = locales.map((locale) => ({
+    params: { locale },
+  }));
 
-      return { paths, fallback: false };
-    };
+  return { paths, fallback: false };
+};
 
-    export const getStaticProps: GetStaticProps = ({ params }) => {
-      const locale = params?.locale as string;
+export const getStaticProps: GetStaticProps = ({ params }) => {
+  const locale = params?.locale as string;
 
-      return {
-        props: {
-          locale,
-        },
-      };
-    };
+  return {
+    props: {
+      locale,
+    },
+  };
+};
 
-    export default HomePage;
-    ```
+export default HomePage;
+```
 
-    ```jsx fileName="src/pages/[locale]/index.mjx" codeFormat="esm"
-    import { getConfiguration } from "intlayer";
-    import { ComponentExample } from "@components/ComponentExample";
+```jsx fileName="src/pages/[locale]/index.mjx" codeFormat="esm"
+import { getConfiguration } from "intlayer";
+import { ComponentExample } from "@components/ComponentExample";
 
-    const HomePage = () => <div>{/* ここにコンテンツを記述 */}</div>;
+const HomePage = () => <div>{/* ここにコンテンツを記述 */}</div>;
 
-    export const getStaticPaths = () => {
-      const { internationalization } = getConfiguration();
-      const { locales } = internationalization;
+export const getStaticPaths = () => {
+  const { internationalization } = getConfiguration();
+  const { locales } = internationalization;
 
-      const paths = locales.map((locale) => ({
-        params: { locale },
-      }));
+  const paths = locales.map((locale) => ({
+    params: { locale },
+  }));
 
-      return { paths, fallback: false };
-    };
+  return { paths, fallback: false };
+};
 
-    export const getStaticProps = ({ params }) => {
-      const locale = params?.locale;
+export const getStaticProps = ({ params }) => {
+  const locale = params?.locale;
 
-      return {
-        props: {
-          locale,
-        },
-      };
-    };
-    ```
+  return {
+    props: {
+      locale,
+    },
+  };
+};
+```
 
-    ```jsx fileName="src/pages/[locale]/index.csx" codeFormat="commonjs"
-    const { getConfiguration } = require("intlayer");
-    const { ComponentExample } = require("@components/ComponentExample");
+```jsx fileName="src/pages/[locale]/index.csx" codeFormat="commonjs"
+const { getConfiguration } = require("intlayer");
+const { ComponentExample } = require("@components/ComponentExample");
 
-    const HomePage = () => <div>{/* ここにコンテンツを記述 */}</div>;
+const HomePage = () => <div>{/* ここにコンテンツを記述 */}</div>;
 
-    const getStaticPaths = async () => {
-      const { internationalization } = getConfiguration();
-      const { locales } = internationalization;
+const getStaticPaths = async () => {
+  const { internationalization } = getConfiguration();
+  const { locales } = internationalization;
 
-      const paths = locales.map((locale) => ({
-        params: { locale },
-      }));
+  const paths = locales.map((locale) => ({
+    params: { locale },
+  }));
 
-      return { paths, fallback: false };
-    };
+  return { paths, fallback: false };
+};
 
-    const getStaticProps = async ({ params }) => {
-      const locale = params?.locale;
+const getStaticProps = async ({ params }) => {
+  const locale = params?.locale;
 
-      return {
-        props: {
-          locale,
-        },
-      };
-    };
+  return {
+    props: {
+      locale,
+    },
+  };
+};
 
-    module.exports = {
-      getStaticProps,
-      getStaticPaths,
-      default: HomePage,
-    };
-    ```
+module.exports = {
+  getStaticProps,
+  getStaticPaths,
+  default: HomePage,
+};
+```
 
 > `getStaticPaths` と `getStaticProps` は、Next.js のページルーターにおいて、すべてのロケールに対して必要なページを事前にビルドすることを保証します。このアプローチにより、実行時の計算が削減され、ユーザー体験が向上します。詳細については、Next.js のドキュメントの [`getStaticPaths`](https://nextjs.org/docs/pages/building-your-application/data-fetching/get-static-paths) および [`getStaticProps`](https://nextjs.org/docs/pages/building-your-application/data-fetching/get-static-props) を参照してください。
 
@@ -377,7 +375,7 @@ const homeContent = {
 } satisfies Dictionary;
 
 export default homeContent;
-````
+```
 
 ```javascript fileName="src/pages/[locale]/home.content.mjs" contentDeclarationFormat="esm"
 import { t } from "intlayer";
@@ -517,8 +515,9 @@ const HomePage = () => {
     </div>
   );
 };
+```
 
-tsx fileName="src/components/ComponentExample.tsx" codeFormat="typescript"
+```tsx fileName="src/components/ComponentExample.tsx" codeFormat="typescript"
 import type { FC } from "react";
 import { useIntlayer } from "next-intlayer";
 

package/docs/ja/intlayer_with_nuxt.md

@@ -1,7 +1,7 @@
 ---
 createdAt: 2025-06-18
 updatedAt: 2025-12-07
-title: Nuxt i18n - Nuxtアプリの翻訳方法 – ガイド 2026
+title: Nuxt i18n - Nuxtアプリの翻訳方法 2026
 description: Nuxt と Vue のウェブサイトを多言語対応にする方法を紹介します。国際化（i18n）と翻訳のためのドキュメントに従ってください。
 keywords:
   - 国際化

package/docs/ja/intlayer_with_react_native+expo.md

@@ -1,7 +1,7 @@
 ---
 createdAt: 2025-06-18
 updatedAt: 2025-12-30
-title: React Native と Expo i18n - React Nativeアプリの翻訳方法 – ガイド 2026
+title: Expo + React Native i18n - React Nativeアプリの翻訳方法 2026
 description: React Native と Expo のウェブサイトを多言語対応にする方法を紹介します。国際化（i18n）と翻訳のためのドキュメントに従ってください。
 keywords:
   - 国際化
@@ -24,7 +24,7 @@ history:
     changes: 履歴初期化
 ---
 
-# IntlayerでReact Native and Expoを翻訳する | 国際化（i18n）
+# ExpoとReact Nativeアプリを翻訳する | 国際化（i18n）
 
 GitHub の [アプリケーションテンプレート](https://github.com/aymericzip/intlayer-react-native-template) を参照してください。
 
@@ -489,6 +489,8 @@ module.exports = HomeScreen;
 
 > `content.someKey` を文字列ベースのプロパティ（例：ボタンの `title` や `Text` コンポーネントの `children`）で使用する場合は、実際の文字列を取得するために **`content.someKey.value` を呼び出してください**。
 
+> アプリケーションが既に存在する場合は、[Intlayer コンパイラ](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/compiler.md) と [抽出コマンド](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/cli/extract.md) を組み合わせて、1 秒で何千ものコンポーネントを変換できます。
+
 ---
 
 ## （オプション）ステップ5：アプリのロケールを変更する

package/docs/ja/intlayer_with_react_router_v7.md

@@ -1,7 +1,7 @@
 ---
 createdAt: 2025-09-04
 updatedAt: 2025-12-30
-title: React Router v7 i18n - React Router v7アプリの翻訳方法 – ガイド 2026
+title: React Router v7 i18n - React Router v7アプリの翻訳方法 2026
 description: Intlayerを使用してReact Router v7アプリケーションに国際化（i18n）を追加する方法を学びます。ロケール対応ルーティングでアプリを多言語化するための包括的なガイドに従ってください。
 keywords:
   - 国際化
@@ -104,7 +104,7 @@ bunx intlayer init
 <Tabs defaultTab="video">
   <Tab label="Video" value="video">
   
-<iframe title="How to translate your React Router v7 app using 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?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
+<iframe title="How to translate an React Router v7 app using 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?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
 
   </Tab>
   <Tab label="Code" value="code">
@@ -407,6 +407,8 @@ export default function Page() {
 
 > `useIntlayer` フックの詳細については、[ドキュメント](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/packages/react-intlayer/useIntlayer.md)を参照してください。
 
+> アプリケーションが既に存在する場合は、[Intlayer コンパイラ](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/compiler.md) と [抽出コマンド](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/cli/extract.md) を組み合わせて、1 秒で何千ものコンポーネントを変換できます。
+
 ### ステップ9：ロケールスイッチャーコンポーネントを作成する
 
 ユーザーが言語を変更できるコンポーネントを作成します：

package/docs/ja/intlayer_with_react_router_v7_fs_routes.md

@@ -1,7 +1,7 @@
 ---
 createdAt: 2025-12-07
 updatedAt: 2025-12-30
-title: React Router v7 i18n - React Router v7アプリの翻訳方法 – ガイド 2026
+title: React Router v7 i18n - React Router v7アプリの翻訳方法 2026
 description: Intlayerを使用してReact Router v7アプリケーションにファイルシステムベースのルーティングで国際化（i18n）を追加する方法を学びます。ロケール対応ルーティングでアプリを多言語化するための包括的なガイドに従ってください。
 keywords:
   - 国際化
@@ -59,7 +59,7 @@ Intlayerを使うことで、以下が可能になります：
 <Tabs defaultTab="video">
   <Tab label="Video" value="video">
   
-<iframe title="How to translate your React Router v7 (File-System Routes) app using 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?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
+<iframe title="How to translate an React Router v7 (File-System Routes) app using 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?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
 
   </Tab>
   <Tab label="Code" value="code">
@@ -429,6 +429,8 @@ export default aboutContent;
 
 > 詳細については、[コンテンツ宣言ドキュメント](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/dictionary/get_started.md)を参照してください。
 
+> アプリケーションが既に存在する場合は、[Intlayer コンパイラ](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/compiler.md) と [抽出コマンド](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/cli/extract.md) を組み合わせて、1 秒で何千ものコンポーネントを変換できます。
+
 ### ステップ7: ロケール対応コンポーネントの作成
 
 ロケール対応のナビゲーション用に `LocalizedLink` コンポーネントを作成します：

package/docs/ja/intlayer_with_svelte_kit.md

@@ -1,7 +1,7 @@
 ---
 createdAt: 2025-11-20
 updatedAt: 2025-12-30
-title: SvelteKit i18n - SvelteKitアプリの翻訳方法 – ガイド 2026
+title: SvelteKit i18n - SvelteKitアプリの翻訳方法 2026
 description: SvelteKitのウェブサイトを多言語対応にする方法を紹介します。Server-Side Rendering（SSR）を使って国際化（i18n）および翻訳を行うためのドキュメントに従ってください。
 keywords:
   - 国際化

package/docs/ja/intlayer_with_tanstack.md

@@ -1,7 +1,7 @@
 ---
 createdAt: 2025-09-09
 updatedAt: 2025-12-30
-title: Tanstack Start i18n - Tanstack Startアプリの翻訳方法 – ガイド 2026
+title: Tanstack Start i18n - Tanstack Startアプリの翻訳方法 2026
 description: Intlayerを使用してTanStack Startアプリケーションに国際化（i18n）を追加する方法を学びます。ロケール対応のルーティングでアプリを多言語化するための包括的なガイドに従ってください。
 keywords:
   - 国際化

package/docs/ja/intlayer_with_vite+preact.md

@@ -1,7 +1,7 @@
 ---
 createdAt: 2025-04-18
 updatedAt: 2025-12-30
-title: Vite と Preact i18n - Preactアプリの翻訳方法 – ガイド 2026
+title: Vite + Preact i18n - Preactアプリの翻訳方法 2026
 description: Vite と Preact のウェブサイトを多言語対応にする方法を紹介します。国際化（i18n）と翻訳のためのドキュメントに従ってください。
 keywords:
   - 国際化
@@ -587,6 +587,8 @@ module.exports = App;
 
 > `useIntlayer` フックの詳細については、[ドキュメント](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/packages/react-intlayer/useIntlayer.md)を参照してください（`preact-intlayer` も同様の API です）。
 
+> アプリケーションが既に存在する場合は、[Intlayer コンパイラ](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/compiler.md) と [抽出コマンド](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/cli/extract.md) を組み合わせて、1 秒で何千ものコンポーネントを変換できます。
+
 ### （オプション）ステップ 6：コンテンツの言語を変更する
 
 コンテンツの言語を変更するには、`useLocale` フックが提供する `setLocale` 関数を使用します。この関数を使うことで、アプリケーションのロケールを設定し、それに応じてコンテンツを更新できます。

package/docs/ja/intlayer_with_vite+react.md

@@ -1,7 +1,7 @@
 ---
 createdAt: 2024-03-07
 updatedAt: 2025-12-30
-title: Vite と React i18n - Reactアプリの翻訳方法 – ガイド 2026
+title: Vite + React i18n - Reactアプリの翻訳方法 2026
 description: Intlayerを使ってViteとReactアプリケーションに国際化（i18n）を追加する方法を学びます。このガイドに従ってアプリを多言語対応にしましょう。
 keywords:
   - 国際化
@@ -616,6 +616,8 @@ module.exports = App;
 
 > `useIntlayer` フックの詳細については、[ドキュメント](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/packages/react-intlayer/useIntlayer.md)を参照してください。
 
+> アプリケーションが既に存在する場合は、[Intlayer コンパイラ](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/compiler.md) と [抽出コマンド](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/cli/extract.md) を組み合わせて、1 秒で何千ものコンポーネントを変換できます。
+
 ### （オプション）ステップ6: コンテンツの言語を変更する
 
 コンテンツの言語を変更するには、`useLocale` フックが提供する `setLocale` 関数を使用します。この関数を使うことで、アプリケーションのロケールを設定し、それに応じてコンテンツを更新できます。