@intlayer/docs 8.9.6-canary.0 → 8.9.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (141) hide show
  1. package/blog/ar/next-i18next_vs_next-intl_vs_intlayer.md +1 -1
  2. package/blog/de/next-i18next_vs_next-intl_vs_intlayer.md +1 -1
  3. package/blog/en/next-i18next_vs_next-intl_vs_intlayer.md +1 -1
  4. package/blog/en/react-i18next_vs_react-intl_vs_intlayer.md +1 -1
  5. package/blog/en-GB/next-i18next_vs_next-intl_vs_intlayer.md +1 -1
  6. package/blog/es/next-i18next_vs_next-intl_vs_intlayer.md +1 -1
  7. package/blog/fr/next-i18next_vs_next-intl_vs_intlayer.md +1 -1
  8. package/blog/id/next-i18next_vs_next-intl_vs_intlayer.md +1 -1
  9. package/blog/id/react-i18next_vs_react-intl_vs_intlayer.md +1 -1
  10. package/blog/it/next-i18next_vs_next-intl_vs_intlayer.md +1 -1
  11. package/blog/ja/next-i18next_vs_next-intl_vs_intlayer.md +1 -1
  12. package/blog/ko/next-i18next_vs_next-intl_vs_intlayer.md +1 -1
  13. package/blog/pl/next-i18next_vs_next-intl_vs_intlayer.md +1 -1
  14. package/blog/pl/react-i18next_vs_react-intl_vs_intlayer.md +1 -1
  15. package/blog/pt/next-i18next_vs_next-intl_vs_intlayer.md +1 -1
  16. package/blog/ru/next-i18next_vs_next-intl_vs_intlayer.md +1 -1
  17. package/blog/tr/next-i18next_vs_next-intl_vs_intlayer.md +1 -1
  18. package/blog/tr/react-i18next_vs_react-intl_vs_intlayer.md +1 -1
  19. package/blog/uk/next-i18next_vs_next-intl_vs_intlayer.md +1 -1
  20. package/blog/uk/react-i18next_vs_react-intl_vs_intlayer.md +1 -1
  21. package/blog/vi/next-i18next_vs_next-intl_vs_intlayer.md +1 -1
  22. package/blog/vi/react-i18next_vs_react-intl_vs_intlayer.md +1 -1
  23. package/blog/zh/next-i18next_vs_next-intl_vs_intlayer.md +1 -1
  24. package/docs/ar/benchmark/nextjs.md +8 -8
  25. package/docs/ar/benchmark/solid.md +8 -8
  26. package/docs/ar/benchmark/svelte.md +8 -8
  27. package/docs/ar/benchmark/tanstack.md +7 -7
  28. package/docs/ar/benchmark/vue.md +8 -8
  29. package/docs/ar/interest_of_intlayer.md +107 -80
  30. package/docs/bn/interest_of_intlayer.md +237 -0
  31. package/docs/cs/interest_of_intlayer.md +237 -0
  32. package/docs/de/benchmark/nextjs.md +8 -8
  33. package/docs/de/benchmark/solid.md +8 -8
  34. package/docs/de/benchmark/svelte.md +8 -8
  35. package/docs/de/benchmark/tanstack.md +7 -7
  36. package/docs/de/benchmark/vue.md +8 -8
  37. package/docs/de/interest_of_intlayer.md +98 -74
  38. package/docs/en/benchmark/___nextjs.md +8 -8
  39. package/docs/en/benchmark/___tanstack.md +6 -6
  40. package/docs/en/benchmark/nextjs.md +8 -8
  41. package/docs/en/benchmark/solid.md +8 -8
  42. package/docs/en/benchmark/svelte.md +8 -8
  43. package/docs/en/benchmark/tanstack.md +7 -7
  44. package/docs/en/benchmark/vue.md +8 -8
  45. package/docs/en/configuration.md +2 -1
  46. package/docs/en/interest_of_intlayer.md +1 -1
  47. package/docs/en-GB/benchmark/nextjs.md +8 -8
  48. package/docs/en-GB/benchmark/solid.md +8 -8
  49. package/docs/en-GB/benchmark/svelte.md +8 -8
  50. package/docs/en-GB/benchmark/tanstack.md +7 -7
  51. package/docs/en-GB/benchmark/vue.md +8 -8
  52. package/docs/en-GB/configuration.md +2 -1
  53. package/docs/en-GB/interest_of_intlayer.md +59 -33
  54. package/docs/es/benchmark/nextjs.md +8 -8
  55. package/docs/es/benchmark/solid.md +8 -8
  56. package/docs/es/benchmark/svelte.md +8 -8
  57. package/docs/es/benchmark/tanstack.md +7 -7
  58. package/docs/es/benchmark/vue.md +8 -8
  59. package/docs/es/interest_of_intlayer.md +28 -2
  60. package/docs/fr/benchmark/nextjs.md +8 -8
  61. package/docs/fr/benchmark/solid.md +8 -8
  62. package/docs/fr/benchmark/svelte.md +8 -8
  63. package/docs/fr/benchmark/tanstack.md +7 -7
  64. package/docs/fr/benchmark/vue.md +8 -8
  65. package/docs/fr/interest_of_intlayer.md +47 -21
  66. package/docs/hi/benchmark/nextjs.md +8 -8
  67. package/docs/hi/benchmark/solid.md +8 -8
  68. package/docs/hi/benchmark/svelte.md +8 -8
  69. package/docs/hi/benchmark/tanstack.md +7 -7
  70. package/docs/hi/benchmark/vue.md +8 -8
  71. package/docs/hi/interest_of_intlayer.md +114 -88
  72. package/docs/id/benchmark/nextjs.md +8 -8
  73. package/docs/id/benchmark/solid.md +8 -8
  74. package/docs/id/benchmark/svelte.md +8 -8
  75. package/docs/id/benchmark/tanstack.md +7 -7
  76. package/docs/id/benchmark/vue.md +8 -8
  77. package/docs/id/interest_of_intlayer.md +81 -81
  78. package/docs/it/benchmark/nextjs.md +8 -8
  79. package/docs/it/benchmark/solid.md +8 -8
  80. package/docs/it/benchmark/svelte.md +8 -8
  81. package/docs/it/benchmark/tanstack.md +7 -7
  82. package/docs/it/benchmark/vue.md +4 -4
  83. package/docs/it/interest_of_intlayer.md +96 -69
  84. package/docs/ja/benchmark/nextjs.md +8 -8
  85. package/docs/ja/benchmark/solid.md +8 -8
  86. package/docs/ja/benchmark/svelte.md +8 -8
  87. package/docs/ja/benchmark/tanstack.md +7 -7
  88. package/docs/ja/benchmark/vue.md +8 -8
  89. package/docs/ja/interest_of_intlayer.md +108 -81
  90. package/docs/ko/benchmark/nextjs.md +8 -8
  91. package/docs/ko/benchmark/solid.md +8 -8
  92. package/docs/ko/benchmark/svelte.md +8 -8
  93. package/docs/ko/benchmark/tanstack.md +7 -7
  94. package/docs/ko/benchmark/vue.md +8 -8
  95. package/docs/ko/interest_of_intlayer.md +101 -74
  96. package/docs/nl/interest_of_intlayer.md +237 -0
  97. package/docs/pl/benchmark/nextjs.md +8 -8
  98. package/docs/pl/benchmark/solid.md +8 -8
  99. package/docs/pl/benchmark/svelte.md +8 -8
  100. package/docs/pl/benchmark/tanstack.md +7 -7
  101. package/docs/pl/benchmark/vue.md +8 -8
  102. package/docs/pl/interest_of_intlayer.md +85 -83
  103. package/docs/pt/benchmark/nextjs.md +8 -8
  104. package/docs/pt/benchmark/solid.md +8 -8
  105. package/docs/pt/benchmark/svelte.md +8 -8
  106. package/docs/pt/benchmark/tanstack.md +7 -7
  107. package/docs/pt/benchmark/vue.md +8 -8
  108. package/docs/pt/interest_of_intlayer.md +91 -67
  109. package/docs/ru/benchmark/nextjs.md +8 -8
  110. package/docs/ru/benchmark/solid.md +6 -7
  111. package/docs/ru/benchmark/svelte.md +8 -8
  112. package/docs/ru/benchmark/tanstack.md +7 -7
  113. package/docs/ru/benchmark/vue.md +8 -8
  114. package/docs/ru/interest_of_intlayer.md +95 -69
  115. package/docs/tr/benchmark/nextjs.md +8 -8
  116. package/docs/tr/benchmark/solid.md +8 -8
  117. package/docs/tr/benchmark/svelte.md +8 -8
  118. package/docs/tr/benchmark/tanstack.md +7 -7
  119. package/docs/tr/benchmark/vue.md +8 -8
  120. package/docs/tr/interest_of_intlayer.md +94 -89
  121. package/docs/uk/benchmark/nextjs.md +8 -8
  122. package/docs/uk/benchmark/solid.md +8 -8
  123. package/docs/uk/benchmark/svelte.md +8 -8
  124. package/docs/uk/benchmark/tanstack.md +7 -7
  125. package/docs/uk/benchmark/vue.md +8 -8
  126. package/docs/uk/interest_of_intlayer.md +94 -96
  127. package/docs/ur/interest_of_intlayer.md +237 -0
  128. package/docs/vi/benchmark/nextjs.md +8 -8
  129. package/docs/vi/benchmark/solid.md +8 -8
  130. package/docs/vi/benchmark/svelte.md +8 -8
  131. package/docs/vi/benchmark/tanstack.md +7 -7
  132. package/docs/vi/benchmark/vue.md +8 -8
  133. package/docs/vi/interest_of_intlayer.md +82 -79
  134. package/docs/zh/benchmark/nextjs.md +8 -8
  135. package/docs/zh/benchmark/solid.md +6 -7
  136. package/docs/zh/benchmark/svelte.md +7 -7
  137. package/docs/zh/benchmark/tanstack.md +7 -7
  138. package/docs/zh/benchmark/vue.md +8 -8
  139. package/docs/zh/interest_of_intlayer.md +99 -72
  140. package/docs/zh-TW/interest_of_intlayer.md +237 -0
  141. package/package.json +6 -6
@@ -1,8 +1,8 @@
1
1
  ---
2
2
  createdAt: 2024-08-14
3
- updatedAt: 2025-08-20
3
+ updatedAt: 2025-09-27
4
4
  title: Intlayerの利点
5
- description: プロジェクトでIntlayerを使用する利点とメリットを発見しましょう。Intlayerが他のフレームワークと比べて際立つ理由を理解してください。
5
+ description: プロジェクトでIntlayerを使用する利点とメリットを発見してください。Intlayerが他のフレームワークの中で際立っている理由を理解しましょう。
6
6
  keywords:
7
7
  - 利点
8
8
  - メリット
@@ -13,6 +13,9 @@ slugs:
13
13
  - doc
14
14
  - why
15
15
  history:
16
+ - version: 7.3.1
17
+ date: 2025-11-27
18
+ changes: "コンパイラのリリース"
16
19
  - version: 5.8.0
17
20
  date: 2025-08-19
18
21
  changes: "比較表の更新"
@@ -21,24 +24,24 @@ history:
21
24
  changes: "履歴の初期化"
22
25
  ---
23
26
 
24
- # なぜIntlayerを検討すべきか?
27
+ # なぜIntlayerを検討すべきなのですか?
25
28
 
26
- ## Intlayerとは?
29
+ ## Intlayerとは何ですか?
27
30
 
28
- **Intlayer**はJavaScript開発者向けに特化して設計された国際化ライブラリです。コードのあらゆる場所でコンテンツの宣言を可能にします。多言語コンテンツの宣言を構造化された辞書に変換し、コードに簡単に統合できるようにします。TypeScriptを使用することで、**Intlayer**は開発をより強力かつ効率的にします。
31
+ **Intlayer**は、JavaScript開発者向けに特別に設計された国際化ライブラリです。コードのあらゆる場所でコンテンツを宣言することができます。多言語コンテンツの宣言を構造化された辞書に変換し、コードに簡単に統合できるようにします。TypeScriptを使用することで、**Intlayer**は開発をより強力かつ効率的にします。
29
32
 
30
- ## なぜIntlayerは作られたのか?
33
+ ## なぜIntlayerが作られたのですか?
31
34
 
32
- Intlayerは、`next-intl`、`react-i18next`、`react-intl`、`next-i18next`、`react-intl`、および`vue-i18n`などの一般的なi18nライブラリすべてに共通する問題を解決するために作られました。
35
+ Intlayerは、`next-intl`、`react-i18next`、`react-intl`、`next-i18next`、`react-intl`、および`vue-i18n`などのすべての一般的なi18nライブラリに影響を与える共通の問題を解決するために作られました。
33
36
 
34
- これらのすべてのソリューションは、コンテンツを一覧化し管理するために集中管理型のアプローチを採用しています。例えば:
37
+ これらのソリューションはすべて、コンテンツをリスト化して管理するために集中型のアプローチを採用しています。例えば:
35
38
 
36
39
  ```bash
37
40
  .
38
41
  ├── locales
39
42
  │ ├── en.json
40
- │ ├── fr.json
41
- │ └── es.json
43
+ │ ├── es.json
44
+ │ └── fr.json
42
45
  ├── i18n.ts
43
46
  └── src
44
47
  └── components
@@ -46,7 +49,7 @@ Intlayerは、`next-intl`、`react-i18next`、`react-intl`、`next-i18next`、`r
46
49
  └── index.tsx
47
50
  ```
48
51
 
49
- または、名前空間を使用した場合:
52
+ またはネームスペースを使用する場合:
50
53
 
51
54
  ```bash
52
55
  .
@@ -67,23 +70,23 @@ Intlayerは、`next-intl`、`react-i18next`、`react-intl`、`next-i18next`、`r
67
70
  └── index.tsx
68
71
  ```
69
72
 
70
- このようなアーキテクチャは、開発プロセスを遅くし、コードベースの保守を複雑にするいくつかの理由があります:
73
+ このタイプのアーキテクチャは、いくつかの理由により開発プロセスを遅らせ、コードベースの保守を複雑にします。
71
74
 
72
- 1. **新しいコンポーネントを作成するたびに、以下を行う必要があります:**
73
- - `locales` フォルダに新しいリソース/名前空間を作成する
74
- - ページ内で新しい名前空間をインポートすることを忘れない
75
- - コンテンツを翻訳する(多くの場合、AI提供者からのコピー&ペーストで手動で行われる)
75
+ 1. **新しいコンポーネントを作成するたびに、次のことを行う必要があります:**
76
+ - `locales`フォルダに新しいリソース/ネームスペースを作成する
77
+ - ページに新しいネームスペースをインポートすることを忘れない
78
+ - コンテンツを翻訳する(多くの場合、AIプロバイダーからのコピー/ペーストによって手動で行われます)
76
79
 
77
- 2. **コンポーネントに変更を加えるたびに、以下を行う必要があります:**
78
- - 関連するリソース/名前空間を検索する(コンポーネントから離れている)
80
+ 2. **コンポーネントに変更を加えるたびに、次のことを行う必要があります:**
81
+ - 関連するリソース/ネームスペースを探す(コンポーネントから遠い)
79
82
  - コンテンツを翻訳する
80
- - すべてのロケールでコンテンツが最新であることを確認する
81
- - 名前空間に未使用のキー/値が含まれていないことを検証する
82
- - すべてのロケールでJSONファイルの構造が同じであることを保証する
83
+ - コンテンツがいずれのロケールでも最新であることを確認する
84
+ - ネームスペースに使用されていないキー/値が含まれていないか確認する
85
+ - JSONファイルの構造がすべてのロケールで同じであることを確認する
83
86
 
84
- プロフェッショナルなプロジェクトでは、これらのソリューションを使用する際に、コンテンツの翻訳管理を支援するためにローカリゼーションプラットフォームがよく利用されます。しかし、大規模なプロジェクトではこれがすぐにコスト高になることがあります。
87
+ これらのソリューションを使用するプロフェッショナルなプロジェクトでは、コンテンツの翻訳を管理するためにローカライゼーションプラットフォームがよく使用されます。しかし、これは大規模なプロジェクトではすぐにコストがかさむ可能性があります。
85
88
 
86
- この問題を解決するために、Intlayerはコンテンツをコンポーネント単位でスコープし、CSS(`styled-components`)、型定義、ドキュメント(`storybook`)、ユニットテスト(`jest`)と同様に、コンテンツをコンポーネントの近くに保持するアプローチを採用しています。
89
+ この問題を解決するために、Intlayerはコンポーネントごとにコンテンツをスコープし、CSS(`styled-components`)、型、ドキュメント(`storybook`)、またはユニットテスト(`jest`)で行うのと同様に、コンテンツをコンポーネントの近くに保つアプローチを採用しています。
87
90
 
88
91
  ```bash codeFormat="typescript"
89
92
  .
@@ -142,69 +145,93 @@ export const ComponentExample = () => {
142
145
  };
143
146
  ```
144
147
 
145
- このアプローチにより、以下が可能になります:
148
+ このアプローチにより、次のことが可能になります:
146
149
 
147
- 1. **開発速度の向上**
148
- - `.content.{{ts|mjs|cjs|json}}` ファイルは VSCode の拡張機能を使って作成できます
149
- - IDE のオートコンプリート AI ツール(GitHub Copilot など)がコンテンツの宣言を支援し、コピー&ペーストを減らせます
150
+ 1. **開発スピードの向上**
151
+ - VSCode拡張機能を使用して`.content.{{ts|mjs|cjs|json}}`ファイルを作成できます
152
+ - IDEの自動補完AIツール(GitHub Copilotなど)がコンテンツの宣言を支援し、コピー/ペーストを削減できます
150
153
 
151
- 2. **コードベースをクリーンにする**
152
- - 複雑さを減らす
153
- - 保守性を高める
154
+ 2. **コードベースのクリーンアップ**
155
+ - 複雑さを軽減
156
+ - 保守性を向上
154
157
 
155
- 3. **コンポーネントと関連コンテンツの複製をより簡単に行う(例:ログイン/登録コンポーネントなど)**
156
- - 他のコンポーネントのコンテンツに影響を与えるリスクを制限することで
157
- - 外部依存なしにコンテンツを別のアプリケーションにコピー&ペーストできることで
158
+ 3. **コンポーネントとそれに関連するコンテンツの複製をより容易にする(例:ログイン/登録コンポーネントなど)**
159
+ - 他のコンポーネントのコンテンツに影響を与えるリスクを制限する
160
+ - 外部依存関係なしに、あるアプリケーションから別のアプリケーションへコンテンツをコピー/ペーストする
158
161
 
159
- 4. **未使用のコンポーネントの未使用キー/値でコードベースを汚染しない**
160
- - コンポーネントを使用しない場合、Intlayerはその関連コンテンツをインポートしません
161
- - コンポーネントを削除すると、その関連コンテンツも同じフォルダーに存在するため、より簡単に削除を思い出せます
162
+ 4. **未使用のコンポーネントのための未使用のキー/値でコードベースを汚染することを避ける**
163
+ - コンポーネントを使用しない場合、Intlayerは関連するコンテンツをインポートしません
164
+ - コンポーネントを削除すると、同じフォルダに存在するため、関連するコンテンツの削除を忘れにくくなります
162
165
 
163
- 5. **多言語コンテンツを宣言する際のAIエージェントの推論コストを削減**
164
- - AIエージェントはコンテンツを実装する場所を知るためにコードベース全体をスキャンする必要がありません
165
- - IDEのオートコンプリートAIツール(例:GitHub Copilot)で簡単に翻訳が行えます
166
+ 5. **AIエージェントが多言語コンテンツを宣言するための推論コストを削減する**
167
+ - AIエージェントは、コンテンツをどこに実装すべきかを知るためにコードベース全体をスキャンする必要がありません
168
+ - 翻訳は、IDEの自動補完AIツール(GitHub Copilotなど)によって簡単に行えます
169
+
170
+ 6. **読み込みパフォーマンスの最適化**
171
+ - コンポーネントが遅延読み込みされる場合、関連するコンテンツも同時に読み込まれます
166
172
 
167
173
  ## Intlayerの追加機能
168
174
 
169
- | 機能 | 説明 |
170
- | ------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
171
- | ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/frameworks.png?raw=true) | **クロスフレームワーク対応**<br><br>Intlayerは、Next.js、React、Vite、Vue.js、Nuxt、Preact、Expressなど、主要なフレームワークやライブラリすべてに対応しています。 |
172
- | ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/javascript_content_management.jpg?raw=true) | **JavaScriptによるコンテンツ管理**<br><br>JavaScriptの柔軟性を活用して、コンテンツを効率的に定義・管理します。<br><br> - [コンテンツ宣言](https://intlayer.org/doc/concept/content) |
173
- | ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/per_locale_content_declaration_file.png?raw=true) | **ロケール別コンテンツ宣言ファイル**<br><br>自動生成の前に一度だけコンテンツを宣言することで、開発をスピードアップします。<br><br> - [ロケール別コンテンツ宣言ファイル](https://intlayer.org/doc/concept/per-locale-file) |
174
- | ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/autocompletion.png?raw=true) | **型安全な環境**<br><br>TypeScriptを活用して、コンテンツ定義やコードのエラーを防ぎ、IDEのオートコンプリート機能も利用できます。<br><br> - [TypeScriptの設定](https://intlayer.org/doc/environment/vite-and-react#configure-typescript) |
175
- | ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/config_file.png?raw=true) | **簡素化されたセットアップ**<br><br>最小限の設定で迅速に開始できます。国際化、ルーティング、AI、ビルド、コンテンツ処理の設定を簡単に調整可能です。<br><br> - [Next.js統合を探る](https://intlayer.org/doc/environment/nextjs) |
176
- | ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/content_retrieval.png?raw=true) | **簡素化されたコンテンツ取得**<br><br>各コンテンツごとに `t` 関数を呼び出す必要はありません。単一のフックを使ってすべてのコンテンツを直接取得できます。<br><br> - [React 統合](https://intlayer.org/doc/environment/create-react-app) |
177
- | ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/server_component.png?raw=true) | **一貫したサーバーコンポーネントの実装**<br><br>Next.jsのサーバーコンポーネントに最適で、クライアントコンポーネントとサーバーコンポーネントの両方で同じ実装を使用できます。各サーバーコンポーネントに `t` 関数を渡す必要はありません。<br><br> - [サーバーコンポーネント](https://intlayer.org/doc/environment/nextjs#step-7-utilize-content-in-your-code) |
178
- | ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/file_tree.png?raw=true) | **整理されたコードベース**<br><br>コードベースをより整理された状態に保ちます:1つのコンポーネント = 同じフォルダ内の1つの辞書。翻訳をそれぞれのコンポーネントの近くに配置することで、保守性と明確さが向上します。<br><br> - [Intlayerの仕組み](https://intlayer.org/doc/concept/how-works-intlayer) |
179
- | ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/url_routing.png?raw=true) | **強化されたルーティング**<br><br>Next.js、React、Vite、Vue.jsなどの複雑なアプリケーション構造にシームレスに適応し、アプリのルーティングを完全にサポートします。<br><br> - [Next.js統合を探る](https://intlayer.org/doc/environment/nextjs) |
180
- | ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/markdown.png?raw=true) | **マークダウンサポート**<br><br>プライバシーポリシーやドキュメントなどの多言語コンテンツのために、ロケールファイルやリモートのMarkdownをインポートして解釈します。Markdownのメタデータを解釈し、コード内でアクセス可能にします。<br><br> - [コンテンツファイル](https://intlayer.org/doc/concept/content/file) |
181
- | ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/visual_editor.png?raw=true) | **無料のビジュアルエディター&CMS**<br><br>コンテンツライター向けに無料のビジュアルエディターとCMSが利用可能で、ローカリゼーションプラットフォームは不要です。Gitを使ってコンテンツを同期させるか、CMSで完全または部分的に外部化できます。<br><br> - [Intlayerエディター](https://intlayer.org/doc/concept/editor) <br> - [Intlayer CMS](https://intlayer.org/doc/concept/cms) |
182
- | ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/bundle.png?raw=true) | **ツリーシェイカブルコンテンツ**<br><br>ツリーシェイカブルコンテンツにより、最終バンドルのサイズを削減します。コンポーネントごとにコンテンツを読み込み、未使用のコンテンツはバンドルから除外されます。遅延読み込みをサポートし、アプリの読み込み効率を向上させます。<br><br> - [アプリビルドの最適化](https://intlayer.org/doc/concept/how-works-intlayer#app-build-optimization) |
183
- | ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/static_rendering.png?raw=true) | **静的レンダリング**<br><br>静的レンダリングを妨げません。<br><br> - [Next.js 統合](https://intlayer.org/doc/environment/nextjs) |
184
- | ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/AI_translation.png?raw=true) | **AI搭載翻訳**<br><br>Intlayerの高度なAI搭載翻訳ツールを使用し、ご自身のAIプロバイダー/APIキーを使って、ワンクリックでウェブサイトを231言語に変換します。<br><br> - [CI/CD統合](https://intlayer.org/doc/concept/ci-cd) <br> - [Intlayer CLI](https://intlayer.org/doc/concept/cli) <br> - [自動入力](https://intlayer.org/doc/concept/auto-fill) |
185
- | ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/mcp.png?raw=true) | **MCPサーバー統合**<br><br>IDEの自動化のためのMCP(モデルコンテキストプロトコル)サーバーを提供し、開発環境内でシームレスなコンテンツ管理とi18nワークフローを可能にします。 <br><br> - [MCPサーバー](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/mcp_server.md) |
186
- | ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/vscode_extension.png?raw=true) | **VSCode 拡張機能**<br><br>Intlayer は、コンテンツや翻訳の管理、辞書の構築、コンテンツの翻訳などを支援する VSCode 拡張機能を提供します。<br><br> - [VSCode 拡張機能](https://intlayer.org/doc/ja/vs-code-extension) |
187
- | ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/interoperability.png?raw=true) | **相互運用性**<br><br>react-i18next、next-i18next、next-intl、react-intlとの相互運用性を可能にします。<br><br> - [Intlayer と react-intl](https://intlayer.org/blog/intlayer-with-react-intl) <br> - [Intlayer と next-intl](https://intlayer.org/blog/intlayer-with-next-intl) <br> - [Intlayer と next-i18next](https://intlayer.org/blog/intlayer-with-next-i18next) |
188
-
189
- ## Intlayer と他のソリューションの比較
190
-
191
- | 機能 | Intlayer | React-i18next / i18next | React-Intl (FormatJS) | LinguiJS | next-intl | next-i18next | vue-i18n |
192
- | ------------------------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------- | --------------------------------------------------------- | --------------------------------------------------------- | --------------------------------------------------------- | --------------------------------------------------------- | -------------------------------------------------------------------- |
193
- | **コンポーネント近くの翻訳** | はい、各コンポーネントに内容が共置されています | いいえ | いいえ | いいえ | いいえ | いいえ | はい - `Single File Components`(SFCs)を使用しています |
194
- | **TypeScript 統合** | 高度で自動生成された厳密な型 | 基本的なもの;安全性のための追加設定が必要 | 良好だが厳密さはやや劣る | 型定義あり、設定が必要 | 良好 | 基本的 | 良好(型は利用可能;キーの安全性には設定が必要) |
195
- | **翻訳漏れ検出** | ビルド時のエラー/警告 | 実行時にほとんどフォールバック文字列を使用 | フォールバック文字列 | 追加設定が必要 | 実行時フォールバック | 実行時フォールバック | 実行時フォールバック/警告(設定可能) |
196
- | **リッチコンテンツ(JSX/Markdown/コンポーネント)** | Reactノードも含めて直接サポート | 制限あり / 補間のみ | ICU構文、実際のJSXではない | 制限あり | リッチノード向けに設計されていない | 制限あり | 制限あり(コンポーネントは`<i18n-t>`経由、Markdownはプラグイン経由) |
197
- | **AI搭載翻訳** | はい、複数のAIプロバイダーをサポートしています。ご自身のAPIキーを使用して利用可能です。アプリケーションとコンテンツの範囲のコンテキストを考慮します | いいえ | いいえ | いいえ | いいえ | いいえ | いいえ |
198
- | **ビジュアルエディター** | はい、ローカルビジュアルエディター+オプションのCMS;コードベースのコンテンツを外部化可能;埋め込み可能 | いいえ / 外部ローカリゼーションプラットフォームで利用可能 | いいえ / 外部ローカリゼーションプラットフォームで利用可能 | いいえ / 外部ローカリゼーションプラットフォームで利用可能 | いいえ / 外部ローカリゼーションプラットフォームで利用可能 | いいえ / 外部ローカリゼーションプラットフォームで利用可能 | いいえ / 外部ローカリゼーションプラットフォームで利用可能 |
199
- | **ローカライズされたルーティング** | 組み込み、ミドルウェアサポート | プラグインまたは手動設定 | 組み込みではない | プラグイン/手動設定 | 組み込み | 組み込み | Vue Router経由の手動設定(Nuxt i18nが対応) |
200
- | **動的ルート生成** | はい | プラグイン/エコシステムまたは手動設定 | 提供されていません | プラグイン/手動 | はい | はい | 提供されていません(Nuxt i18nが提供) |
201
- | **複数形処理** | 列挙ベースのパターン;ドキュメント参照 | 設定可能(i18next-icuのようなプラグイン) | 高度(ICU) | 高度(ICU/messageformat) | 良好 | 良好 | 高度(組み込みの複数形ルール) |
202
- | **フォーマット(日時、数値、通貨)** | 最適化されたフォーマッター(内部でIntlを使用) | プラグインまたはカスタムIntlの使用による | 高度なICUフォーマッター | ICU/CLIヘルパー | 良好(Intlヘルパー) | 良好(Intlヘルパー) | 組み込みの日付/数値フォーマッター(Intl) |
203
- | **コンテンツ形式** | .tsx, .ts, .js, .json, .md, .txt | .json | .json, .js | .po, .json | .json, .js, .ts | .json | .json, .js |
204
- | **ICUサポート** | 作業中(ネイティブICU) | プラグイン経由(i18next-icu) | はい | はい | はい | プラグイン経由(i18next-icu) | カスタムフォーマッター/コンパイラー経由 |
205
- | **SEOヘルパー(hreflang、サイトマップ)** | 組み込みツール:サイトマップ、**robots.txt**、メタデータのヘルパー | コミュニティプラグイン/手動 | コアではない | コアではない | 良好 | 良好 | コアではない(Nuxt i18nがヘルパーを提供) |
206
- | **エコシステム / コミュニティ** | 小規模だが急速に成長し活発 | 最大かつ最も成熟している | 大規模、エンタープライズ向け | 成長中だが小規模 | 中規模、Next.jsに特化 | 中規模、Next.jsに特化 | Vueエコシステムで大規模 |
207
- | **サーバーサイドレンダリングとサーバーコンポーネント** | はい、SSR / Reactサーバーコンポーネント向けに最適化されています | サポートされていますが、いくつかの設定が必要です | Next.jsでサポートされています | サポートされています | 完全サポート | 完全サポート | Nuxt/Vue SSR経由のSSR(RSCはなし) |
208
- | **ツリーシェイキング(使用されるコンテンツのみを読み込む)** | はい、Babel/SWCプラグインを使用したビルド時のコンポーネント単位で対応 | 通常はすべて読み込む(名前空間やコード分割で改善可能) | 通常はすべて読み込む | デフォルトでは対応していない | 部分的に対応 | 部分的に対応 | 部分的に対応(コード分割や手動設定が必要) |
209
- | **遅延読み込み** | はい、ロケールごと/コンポーネントごとに対応 | はい(例:バックエンド/名前空間をオンデマンドで) | はい(ロケールバンドルを分割) | はい(動的カタログインポート) | はい(ルートごと/ロケールごと) | はい(ルートごと/ロケールごと) | はい(非同期ロケールメッセージ) |
210
- | **大規模プロジェクトの管理** | モジュール化を推奨し、デザインシステムに適している | 適切なファイル管理が必要 | 中央カタログが大きくなる可能性がある | 複雑になる可能性がある | セットアップによるモジュール化 | セットアップによるモジュール化 | Vue Router/Nuxt i18n セットアップによるモジュール化 |
175
+ | 機能 | 説明 |
176
+ | ------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
177
+ | ![機能](https://github.com/aymericzip/intlayer/blob/main/docs/assets/frameworks.png?raw=true) | **クロスフレームワークのサポート**<br><br>Intlayerは、Next.js、React、Vite、Vue.js、Nuxt、Preact、Expressなどを含むすべての主要なフレームワークおよびライブラリと互換性があります。 |
178
+ | ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/javascript_content_management.jpg?raw=true) | **JavaScriptによるコンテンツ管理**<br><br>JavaScriptの柔軟性を活用して、コンテンツを効率的に定義および管理します。<br><br> - [コンテンツの宣言](https://intlayer.org/doc/concept/content) |
179
+ | <img src="https://github.com/aymericzip/intlayer/blob/main/docs/assets/compiler.jpg?raw=true" alt="機能" width="700"> | **コンパイラ**<br><br>Intlayerコンパイラはコンポーネントからコンテンツを自動的に抽出し、辞書ファイルを生成します。<br><br> - [コンパイラ](https://intlayer.org/doc/compiler) |
180
+ | ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/per_locale_content_declaration_file.png?raw=true) | **ロケールごとのコンテンツ宣言ファイル**<br><br>自動生成の前にコンテンツを一度宣言することで、開発をスピードアップします。<br><br> - [ロケールごとのコンテンツ宣言ファイル](https://intlayer.org/doc/concept/per-locale-file) |
181
+ | ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/autocompletion.png?raw=true) | **型安全な環境**<br><br>TypeScriptを活用して、コンテンツの定義とコードにエラーがないことを保証し、IDEの自動補完の恩恵も受けられます。<br><br> - [TypeScriptの設定](https://intlayer.org/doc/environment/vite-and-react#configure-typescript) |
182
+ | ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/config_file.png?raw=true) | **簡素化されたセットアップ**<br><br>最小限の構成ですぐに稼働できます。国際化、ルーティング、AI、ビルド、およびコンテンツ処理の設定を簡単に調整できます。<br><br> - [Next.jsの統合を探索する](https://intlayer.org/doc/environment/nextjs) |
183
+ | ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/content_retrieval.png?raw=true) | **簡素化されたコンテンツ取得**<br><br>コンテンツごとに`t`関数を呼び出す必要はありません。単一のフックを使用してすべてのコンテンツを直接取得します。<br><br> - [Reactの統合](https://intlayer.org/doc/environment/create-react-app) |
184
+ | ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/server_component.png?raw=true) | **一貫したサーバーコンポーネントの実装**<br><br>Next.jsサーバーコンポーネントに最適です。クライアントコンポーネントとサーバーコンポーネントの両方で同じ実装を使用でき、各サーバーコンポーネントに`t`関数を渡す必要はありません。<br><br> - [サーバーコンポーネント](https://intlayer.org/doc/environment/nextjs#step-7-utilize-content-in-your-code) |
185
+ | ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/file_tree.png?raw=true) | **整理されたコードベース**<br><br>コードベースをより整理された状態に保ちます:1コンポーネント = 同じフォルダ内の1辞書。それぞれのコンポーネントの近くにある翻訳は、保守性と明快さを向上させます。<br><br> - [Intlayerの仕組み](https://intlayer.org/doc/concept/how-works-intlayer) |
186
+ | ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/url_routing.png?raw=true) | **強化されたルーティング**<br><br>アプリルーティングをフルサポートし、Next.js、React、Vite、Vue.jsなどの複雑なアプリケーション構造にシームレスに適応します。<br><br> - [Next.jsの統合を探索する](https://intlayer.org/doc/environment/nextjs) |
187
+ | ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/markdown.png?raw=true) | **Markdownサポート**<br><br>プライバシーポリシー、ドキュメントなどの多言語コンテンツ用にロケールファイルとリモートMarkdownをインポートして解釈します。Markdownメタデータを解釈し、コード内でアクセス可能にします。<br><br> - [コンテンツファイル](https://intlayer.org/doc/concept/content/file) |
188
+ | ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/visual_editor.png?raw=true) | **無料のビジュアルエディタとCMS**<br><br>コンテンツライター向けに無料のビジュアルエディタとCMSが利用可能で、ローカライゼーションプラットフォームの必要性を排除します。Gitを使用してコンテンツを同期させるか、CMSを使用して完全または部分的に外部化します。<br><br> - [Intlayerエディタ](https://intlayer.org/doc/concept/editor) <br> - [Intlayer CMS](https://intlayer.org/doc/concept/cms) |
189
+ | ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/bundle.png?raw=true) | **Tree-shakableなコンテンツ**<br><br>Tree-shakableなコンテンツにより、最終的なバンドルのサイズを削減します。コンポーネントごとにコンテンツを読み込み、バンドルから未使用のコンテンツを除外します。アプリの読み込み効率を高めるために遅延読み込みをサポートします。<br><br> - [アプリビルドの最適化](https://intlayer.org/doc/concept/how-works-intlayer#app-build-optimization) |
190
+ | ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/static_rendering.png?raw=true) | **静的レンダリング**<br><br>静的レンダリングをブロックしません。<br><br> - [Next.jsの統合](https://intlayer.org/doc/environment/nextjs) |
191
+ | ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/AI_translation.png?raw=true) | **AIを活用した翻訳**<br><br>独自のAIプロバイダー/APIキーを使用して、Intlayerの高度なAI搭載翻訳ツールにより、ワンクリックでWebサイトを231言語に変換します。<br><br> - [CI/CDの統合](https://intlayer.org/doc/concept/ci-cd) <br> - [Intlayer CLI](https://intlayer.org/doc/concept/cli) <br> - [自動入力](https://intlayer.org/doc/concept/auto-fill) |
192
+ | ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/mcp.png?raw=true) | **MCPサーバーの統合**<br><br>IDE自動化のためのMCP(Model Context Protocol)サーバーを提供し、開発環境内でシームレスなコンテンツ管理とi18nワークフローを可能にします。<br><br> - [MCPサーバー](https://github.com/aymericzip/intlayer/blob/main/docs/ja/mcp_server.md) |
193
+ | ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/vscode_extension.png?raw=true) | **VSCode拡張機能**<br><br>Intlayerは、コンテンツや翻訳の管理、辞書の構築、コンテンツの翻訳などを支援するVSCode拡張機能を提供します。<br><br> - [VSCode拡張機能](https://intlayer.org/doc/vs-code-extension) |
194
+ | ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/interoperability.png?raw=true) | **相互運用性**<br><br>react-i18next、next-i18next、next-intl、およびreact-intlとの相互運用を可能にします。<br><br> - [Intlayerとreact-intl](https://intlayer.org/blog/intlayer-with-react-intl) <br> - [Intlayerとnext-intl](https://intlayer.org/blog/intlayer-with-next-intl) <br> - [Intlayerとnext-i18next](https://intlayer.org/blog/intlayer-with-next-i18next) |
195
+ | 欠落している翻訳のテスト (CLI/CI) | ✅ CLI: npx intlayer content test (CIフレンドリーな監査) |
196
+
197
+ ## Intlayerと他のソリューションの比較
198
+
199
+ | 機能 | `intlayer` | `react-i18next` | `react-intl` (FormatJS) | `lingui` | `next-intl` | `next-i18next` | `vue-i18n` |
200
+ | --------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------- |
201
+ | **コンポーネントの近くにある翻訳** | ✅ はい、コンテンツは各コンポーネントと同じ場所に配置されます | ❌ いいえ | ❌ いいえ | ❌ いいえ | ❌ いいえ | ❌ いいえ | ✅ はい - `Single File Components` (SFC)を使用している場合 |
202
+ | **TypeScriptの統合** | ✅ 高度、自動生成された厳密な型 | ⚠️ 基本的。安全性のために追加の設定が必要 | ✅ 良好だが、それほど厳密ではない | ⚠️ タイピング、設定が必要 | ✅ 良好 | ⚠️ 基本的 | 良好(型は利用可能。キーの安全性には設定が必要) |
203
+ | **欠落している翻訳の検出** | TypeScriptのエラーハイライトおよびビルド時のエラー/警告 | ⚠️ 実行時は主にフォールバック文字列 | ⚠️ フォールバック文字列 | ⚠️ 追加の設定が必要 | ⚠️ 実行時のフォールバック | ⚠️ 実行時のフォールバック | ⚠️ 実行時のフォールバック/警告(設定可能) |
204
+ | **リッチコンテンツ (JSX/Markdown/コンポーネント)** | 直接サポート | ⚠️ 制限あり / 補間のみ | ⚠️ ICU構文、実際のJSXではない | ⚠️ 制限あり | リッチノード向けに設計されていない | ⚠️ 制限あり | ⚠️ 制限あり(`<i18n-t>`経由のコンポーネント、プラグイン経由のMarkdown) |
205
+ | **AIを活用した翻訳** | ✅ はい、複数のAIプロバイダーをサポート。独自のAPIキーを使用して利用可能。アプリケーションのコンテキストとコンテンツの範囲を考慮します | ❌ いいえ | ❌ いいえ | ❌ いいえ | ❌ いいえ | ❌ いいえ | いいえ |
206
+ | **ビジュアルエディタ** | ✅ はい、ローカルのビジュアルエディタ + オプションのCMS。コードベースのコンテンツを外部化可能。埋め込み可能 | ❌ いいえ / 外部のローカライゼーションプラットフォーム経由で利用可能 | ❌ いいえ / 外部のローカライゼーションプラットフォーム経由で利用可能 | ❌ いいえ / 外部のローカライゼーションプラットフォーム経由で利用可能 | ❌ いいえ / 外部のローカライゼーションプラットフォーム経由で利用可能 | ❌ いいえ / 外部のローカライゼーションプラットフォーム経由で利用可能 | いいえ / 外部のローカライゼーションプラットフォーム経由で利用可能 |
207
+ | **ローカライズされたルーティング** | ✅ はい、ローカライズされたパスを標準でサポート(Next.jsおよびViteで動作) | ⚠️ 組み込みなし。プラグイン(`next-i18next`など)またはカスタムルーター設定が必要 | ❌ いいえ、メッセージのフォーマットのみ。ルーティングは手動で行う必要あり | ⚠️ 組み込みなし。プラグインまたは手動設定が必要 | ✅ 組み込み、App Routerは`[locale]`セグメントをサポート | ✅ 組み込み | ✅ 組み込み |
208
+ | **動的ルート生成** | ✅ はい | ⚠️ プラグイン/エコシステムまたは手動セットアップ | ❌ 提供なし | ⚠️ プラグイン/手動 | ✅ はい | ✅ はい | ❌ 提供なし(Nuxt i18nが提供) |
209
+ | **複数形化** | 列挙ベースのパターン | 設定可能(i18next-icuなどのプラグイン) | (ICU) | (ICU/messageformat) | 良好 | 良好 | 組み込みの複数形ルール |
210
+ | **フォーマット (日付、数値、通貨)** | ✅ 最適化されたフォーマッタ(内部でIntlを使用) | ⚠️ プラグインまたはカスタムIntlの使用経由 | ✅ ICUフォーマッタ | ✅ ICU/CLIヘルパー | ✅ 良好(Intlヘルパー) | ✅ 良好(Intlヘルパー) | ✅ 組み込みの日付/数値フォーマッタ(Intl) |
211
+ | **コンテンツ形式** | .tsx, .ts, .js, .json, .md, .txt, (.yaml 開発中) | ⚠️ .json | ✅ .json, .js | ⚠️ .po, .json | ✅ .json, .js, .ts | ⚠️ .json | .json, .js |
212
+ | **ICUサポート** | ⚠️ 開発中 | ⚠️ プラグイン(i18next-icu)経由 | ✅ はい | ✅ はい | ✅ はい | ⚠️ プラグイン(`i18next-icu`)経由 | ⚠️ カスタムフォーマッタ/コンパイラ経由 |
213
+ | **SEOヘルパー (hreflang, sitemap)** | 組み込みツール:sitemap、robots.txt、メタデータのヘルパー | ⚠️ コミュニティプラグイン/手動 | ❌ コアではない | ❌ コアではない | ✅ 良好 | ✅ 良好 | ❌ コアではない(Nuxt i18nがヘルパーを提供) |
214
+ | **エコシステム / コミュニティ** | ⚠️ 小規模だが急速に成長中であり、反応も早い | ✅ 最大規模かつ成熟 | ✅ 大規模 | ⚠️ 小規模 | ✅ 中規模、Next.jsに特化 | ✅ 中規模、Next.jsに特化 | ✅ Vueエコシステムで大規模 |
215
+ | **サーバーサイドレンダリングとサーバーコンポーネント** | ✅ はい、SSR / Reactサーバーコンポーネント向けに合理化されています | ⚠️ ページレベルでサポートされていますが、子サーバーコンポーネントのコンポーネントツリーにt関数を渡す必要あり | ⚠️ 追加設定によりページレベルでサポートされていますが、子サーバーコンポーネントのコンポーネントツリーにt関数を渡す必要あり | ✅ サポート。設定が必要 | ⚠️ ページレベルでサポートされていますが、子サーバーコンポーネントのコンポーネントツリーにt関数を渡す必要あり | ⚠️ ページレベルでサポートされていますが、子サーバーコンポーネントのコンポーネントツリーにt関数を渡す必要あり | ✅ Nuxt/Vue SSR経由のSSR(RSCなし) |
216
+ | **ツリーシェイキング (使用されているコンテンツのみを読み込む)** | ✅ はい、Babel/SWCプラグインを介してビルド時にコンポーネントごとに実施 | ⚠️ 通常はすべてを読み込みます(ネームスペース/コード分割で改善可能) | ⚠️ 通常はすべてを読み込みます | ❌ デフォルトではない | ⚠️ 部分的 | ⚠️ 部分的 | ⚠️ 部分的(コード分割/手動設定により) |
217
+ | **遅延読み込み** | ✅ はい、ロケールごと / 辞書ごと | ✅ はい(例:オンデマンドのバックエンド/ネームスペース) | ✅ はい(ロケールバンドルの分割) | ✅ はい(動的なカタログインポート) | ✅ はい(ルートごと/ロケールごと)。ネームスペースの管理が必要 | ✅ はい(ルートごと/ロケールごと)。ネームスペースの管理が必要 | ✅ はい(非同期ロケールメッセージ) |
218
+ | **未使用のコンテンツの削除** | ✅ はい、ビルド時に辞書ごとに実施 | ❌ いいえ。手動のネームスペース分割経由のみ | ❌ いいえ。宣言されたすべてのメッセージがバンドルされます | ✅ はい。ビルド時に未使用のキーが検出され、ドロップされます | ❌ いいえ。ネームスペース管理により手動で管理可能 | ❌ いいえ。ネームスペース管理により手動で管理可能 | ❌ いいえ。手動の遅延読み込み経由でのみ可能 |
219
+ | **大規模プロジェクトの管理** | ✅ モジュール化を促進し、デザインシステムに適しています | ⚠️ 良好なファイル規律が必要 | ⚠️ 中央カタログが大きくなる可能性あり | ⚠️ 複雑になる可能性あり | ✅ 設定によるモジュール化 | ✅ 設定によるモジュール化 | ✅ Vue Router/Nuxt i18nの設定によるモジュール化 |
220
+
221
+ ---
222
+
223
+ ## GitHubのスター
224
+
225
+ GitHubのスターは、プロジェクトの普及度、コミュニティの信頼、および長期的な関連性を示す強力な指標です。技術的な品質を直接測定するものではありませんが、どれだけの開発者がプロジェクトを有用だと感じ、その進捗をフォローし、採用する可能性があるかを反映しています。プロジェクトの価値を見積もる際、スターは代替案との勢いの比較を助け、エコシステムの成長に関する洞察を提供します。
226
+
227
+ [![Star History Chart](https://api.star-history.com/chart?repos=formatjs/formatjs%2Ci18next/react-i18next%2Ci18next/i18next%2Ci18next/next-i18next%2Clingui/js-lingui%2Camannn/next-intl%2Cintlify/vue-i18n%2Caymericzip/intlayer%2Copral/inlang&type=date&legend=top-left)](https://www.star-history.com/#formatjs/formatjs&i18next/react-i18next&i18next/i18next&i18next/next-i18next&lingui/js-lingui&amannn/next-intl&intlify/vue-i18n&opral/paraglide-js&aymericzip/intlayer)
228
+
229
+ ---
230
+
231
+ ## 相互運用性
232
+
233
+ `intlayer`は、`react-intl`、`react-i18next`、`next-intl`、`next-i18next`、および`vue-i18n`のネームスペースの管理も支援できます。
234
+
235
+ `intlayer`を使用すると、お気に入りのi18nライブラリの形式でコンテンツを宣言でき、intlayerが選択した場所(例:`/messages/{{locale}}/{{namespace}}.json`)にネームスペースを生成します。
236
+
237
+ 詳細は、[`dictionaryOutput`および`i18nextResourcesDir`オプション](https://intlayer.org/doc/concept/configuration#content-configuration)を参照してください。
@@ -36,14 +36,14 @@ history:
36
36
 
37
37
  ## 결과 참조:
38
38
 
39
- <iframe
40
- src="https://intlayer.org/markdown?url=https%3A%2F%2Fraw.githubusercontent.com%2Fintlayer-org%2Fbenchmark-i18n%2Fmain%2Freport%2Fscripts%2Fsummarize-nextjs.md"
41
- width="100%"
42
- height="600px"
43
- style="border:none;">
44
- </iframe>
39
+ <ClickToOpenIframe
40
+ src="https://intlayer.org/markdown?url=https%3A%2F%2Fraw.githubusercontent.com%2Fintlayer-org%2Fbenchmark-i18n%2Fmain%2Freport%2Fscripts%2Fsummarize-nextjs.md"
41
+ width="100%"
42
+ height="600px"
43
+ style="border:none;"
44
+ />
45
45
 
46
- > https://intlayer.org/markdown?url=https%3A%2F%2Fraw.githubusercontent.com%2Fintlayer-org%2Fbenchmark-i18n%2Fmain%2Freport%2Fscripts%2Fsummarize-nextjs.md
46
+ > [전체 벤치마크 데이터 보기](https://intlayer.org/markdown?url=https%3A%2F%2Fraw.githubusercontent.com%2Fintlayer-org%2Fbenchmark-i18n%2Fmain%2Freport%2Fscripts%2Fsummarize-nextjs.md)
47
47
 
48
48
  전체 벤치마크 저장소는 [여기](https://github.com/intlayer-org/benchmark-i18n)에서 확인할 수 있습니다.
49
49
 
@@ -72,7 +72,7 @@ Intlayer는 이러한 모든 차원에서 최적화를 시도합니다.
72
72
 
73
73
  이러한 문제들을 파악하기 위해 [여기](https://intlayer.org/i18n-seo-scanner)에서 시도해 볼 수 있는 무료 스캐너를 구축했습니다.
74
74
 
75
- <iframe src="https://intlayer.org/i18n-seo-scanner" width="100%" height="600px" style="border:none;"/>
75
+ <ClickToOpenIframe src="https://intlayer.org/i18n-seo-scanner" width="100%" height="600px" style="border:none;"/>
76
76
 
77
77
  ## 문제점
78
78
 
@@ -36,14 +36,14 @@ history:
36
36
 
37
37
  ## 결과 참조:
38
38
 
39
- <iframe
40
- src="https://intlayer.org/markdown?url=https%3A%2F%2Fraw.githubusercontent.com%2Fintlayer-org%2Fbenchmark-i18n%2Fmain%2Freport%2Fscripts%2Fsummarize-vite_solid.md"
41
- width="100%"
42
- height="600px"
43
- style="border:none;">
44
- </iframe>
39
+ <ClickToOpenIframe
40
+ src="https://intlayer.org/markdown?url=https%3A%2F%2Fraw.githubusercontent.com%2Fintlayer-org%2Fbenchmark-i18n%2Fmain%2Freport%2Fscripts%2Fsummarize-vite_solid.md"
41
+ width="100%"
42
+ height="600px"
43
+ style="border:none;"
44
+ />
45
45
 
46
- > https://intlayer.org/markdown?url=https%3A%2F%2Fraw.githubusercontent.com%2Fintlayer-org%2Fbenchmark-i18n%2Fmain%2Freport%2Fscripts%2Fsummarize-vite_solid.md
46
+ > [전체 벤치마크 데이터 보기](https://intlayer.org/markdown?url=https%3A%2F%2Fraw.githubusercontent.com%2Fintlayer-org%2Fbenchmark-i18n%2Fmain%2Freport%2Fscripts%2Fsummarize-vite_solid.md)
47
47
 
48
48
  전체 벤치마크 저장소는 [여기](https://github.com/intlayer-org/benchmark-i18n/tree/main)에서 확인할 수 있습니다.
49
49
 
@@ -68,7 +68,7 @@ history:
68
68
 
69
69
  i18n 누수 문제를 빠르게 파악하기 위해 [여기](https://intlayer.org/i18n-seo-scanner)에서 시도해 볼 수 있는 무료 스캐너를 구축했습니다.
70
70
 
71
- <iframe src="https://intlayer.org/i18n-seo-scanner" width="100%" height="600px" style="border:none;"/>
71
+ <ClickToOpenIframe src="https://intlayer.org/i18n-seo-scanner" width="100%" height="600px" style="border:none;"/>
72
72
 
73
73
  ## 문제점
74
74
 
@@ -36,14 +36,14 @@ history:
36
36
 
37
37
  ## 결과 참조:
38
38
 
39
- <iframe
40
- src="https://intlayer.org/markdown?url=https%3A%2F%2Fraw.githubusercontent.com%2Fintlayer-org%2Fbenchmark-i18n%2Fmain%2Freport%2Fscripts%2Fsummarize-vite_svelte.md"
41
- width="100%"
42
- height="600px"
43
- style="border:none;">
44
- </iframe>
39
+ <ClickToOpenIframe
40
+ src="https://intlayer.org/markdown?url=https%3A%2F%2Fraw.githubusercontent.com%2Fintlayer-org%2Fbenchmark-i18n%2Fmain%2Freport%2Fscripts%2Fsummarize-vite_svelte.md"
41
+ width="100%"
42
+ height="600px"
43
+ style="border:none;"
44
+ />
45
45
 
46
- > https://intlayer.org/markdown?url=https%3A%2F%2Fraw.githubusercontent.com%2Fintlayer-org%2Fbenchmark-i18n%2Fmain%2Freport%2Fscripts%2Fsummarize-vite_svelte.md
46
+ > [전체 벤치마크 데이터 보기](https://intlayer.org/markdown?url=https%3A%2F%2Fraw.githubusercontent.com%2Fintlayer-org%2Fbenchmark-i18n%2Fmain%2Freport%2Fscripts%2Fsummarize-vite_svelte.md)
47
47
 
48
48
  전체 벤치마크 저장소는 [여기](https://github.com/intlayer-org/benchmark-i18n/tree/main)에서 확인할 수 있습니다.
49
49
 
@@ -67,7 +67,7 @@ history:
67
67
 
68
68
  i18n 누수 문제를 빠르게 파악하기 위해 [여기](https://intlayer.org/i18n-seo-scanner)에서 시도해 볼 수 있는 무료 스캐너를 구축했습니다.
69
69
 
70
- <iframe src="https://intlayer.org/i18n-seo-scanner" width="100%" height="600px" style="border:none;"/>
70
+ <ClickToOpenIframe src="https://intlayer.org/i18n-seo-scanner" width="100%" height="600px" style="border:none;"/>
71
71
 
72
72
  ## 문제점
73
73
 
@@ -36,14 +36,14 @@ history:
36
36
 
37
37
  ## 결과 참조:
38
38
 
39
- <iframe
40
- src="https://intlayer.org/markdown?url=https%3A%2F%2Fraw.githubusercontent.com%2Fintlayer-org%2Fbenchmark-i18n%2Fmain%2Freport%2Fscripts%2Fsummarize-tanstack.md"
41
- width="100%"
39
+ <ClickToOpenIframe
40
+ src="https://intlayer.org/markdown?url=https%3A%2F%2Fraw.githubusercontent.com%2Fintlayer-org%2Fbenchmark-i18n%2Fmain%2Freport%2Fscripts%2Fsummarize-tanstack.md"
41
+ width="100%"
42
42
  height="600px"
43
- style="border:none;">
44
- </iframe>
43
+ style="border:none;"
44
+ />
45
45
 
46
- > https://intlayer.org/markdown?url=https%3A%2F%2Fraw.githubusercontent.com%2Fintlayer-org%2Fbenchmark-i18n%2Fmain%2Freport%2Fscripts%2Fsummarize-tanstack.md
46
+ > [전체 벤치마크 데이터 보기](https://intlayer.org/markdown?url=https%3A%2F%2Fraw.githubusercontent.com%2Fintlayer-org%2Fbenchmark-i18n%2Fmain%2Freport%2Fscripts%2Fsummarize-tanstack.md)
47
47
 
48
48
  전체 벤치마크 저장소는 [여기](https://github.com/intlayer-org/benchmark-i18n/tree/main)에서 확인할 수 있습니다.
49
49
 
@@ -68,7 +68,7 @@ history:
68
68
 
69
69
  i18n 누수 문제를 빠르게 파악하기 위해 [여기](https://intlayer.org/i18n-seo-scanner)에서 시도해 볼 수 있는 무료 스캐너를 구축했습니다.
70
70
 
71
- <iframe src="https://intlayer.org/i18n-seo-scanner" width="100%" height="600px" style="border:none;"/>
71
+ <ClickToOpenIframe src="https://intlayer.org/i18n-seo-scanner" width="100%" height="600px" style="border:none;"/>
72
72
 
73
73
  ## 문제점
74
74
 
@@ -36,14 +36,14 @@ history:
36
36
 
37
37
  ## 결과 참조:
38
38
 
39
- <iframe
40
- src="https://intlayer.org/markdown?url=https%3A%2F%2Fraw.githubusercontent.com%2Fintlayer-org%2Fbenchmark-i18n%2Fmain%2Freport%2Fscripts%2Fsummarize-vite_vue.md"
41
- width="100%"
42
- height="600px"
43
- style="border:none;">
44
- </iframe>
39
+ <ClickToOpenIframe
40
+ src="https://intlayer.org/markdown?url=https%3A%2F%2Fraw.githubusercontent.com%2Fintlayer-org%2Fbenchmark-i18n%2Fmain%2Freport%2Fscripts%2Fsummarize-vite_vue.md"
41
+ width="100%"
42
+ height="600px"
43
+ style="border:none;"
44
+ />
45
45
 
46
- > https://intlayer.org/markdown?url=https%3A%2F%2Fraw.githubusercontent.com%2Fintlayer-org%2Fbenchmark-i18n%2Fmain%2Freport%2Fscripts%2Fsummarize-vite_vue.md
46
+ > [전체 벤치마크 데이터 보기](https://intlayer.org/markdown?url=https%3A%2F%2Fraw.githubusercontent.com%2Fintlayer-org%2Fbenchmark-i18n%2Fmain%2Freport%2Fscripts%2Fsummarize-vite_vue.md)
47
47
 
48
48
  전체 벤치마크 저장소는 [여기](https://github.com/intlayer-org/benchmark-i18n/tree/main)에서 확인할 수 있습니다.
49
49
 
@@ -67,7 +67,7 @@ history:
67
67
 
68
68
  i18n 누수 문제를 빠르게 파악하기 위해 [여기](https://intlayer.org/i18n-seo-scanner)에서 시도해 볼 수 있는 무료 스캐너를 구축했습니다.
69
69
 
70
- <iframe src="https://intlayer.org/i18n-seo-scanner" width="100%" height="600px" style="border:none;"/>
70
+ <ClickToOpenIframe src="https://intlayer.org/i18n-seo-scanner" width="100%" height="600px" style="border:none;"/>
71
71
 
72
72
  ## 문제점
73
73