このページとあなたの好きなAIアシスタントを使ってドキュメントを要約します
Intlayer MCPサーバーを統合することで、ChatGPT、DeepSeek、Cursor、VSCodeなどから直接ドキュメントを取得できます。
MCPサーバーのドキュメントを表示このページのコンテンツはAIを使用して翻訳されました。
英語の元のコンテンツの最新バージョンを見るこのドキュメントを改善するアイデアがある場合は、GitHubでプルリクエストを送信することで自由に貢献してください。
ドキュメントへのGitHubリンクドキュメントのMarkdownをクリップボードにコピー
Intlayer: 機能概要とロードマップ
Intlayerは、アプリケーション全体でコンテンツを宣言、管理、更新する方法を効率化するために設計されたコンテンツ管理および国際化ソリューションです。集中型または分散型のコンテンツ宣言、豊富な国際化オプション、Markdownサポート、条件付きレンダリング、TypeScript/JavaScript/JSON統合などの強力な機能を提供します。以下に、Intlayerが現在提供している機能の包括的な概要と、今後のロードマップ機能を示します。
現在の機能
1. コンテンツ宣言
集中型または分散型
- 集中型: i18nextに似た形で、アプリケーションの基盤にある単一の大きなファイルにすべてのコンテンツを宣言し、一箇所で管理できるようにします。
- 分散型: あるいは、コンポーネントや機能レベルでコンテンツを別々のファイルに分割し、保守性を向上させます。これにより、コンテンツが関連するコード(コンポーネント、テスト、Storybookなど)に近い場所に保持されます。コンポーネントを削除すると、関連するコンテンツも同時に削除され、コードベースに不要なデータが残るのを防ぎます。
リソース:
2. 国際化
- 230以上の言語とロケールをサポート(フランス語(フランス)、英語(カナダ)、英語(英国)、ポルトガル語(ポルトガル)などの地域変種を含む)。
- これらすべてのロケールの翻訳を一箇所で簡単に管理可能。
リソース:
3. Markdownサポート
- Markdownを使用してコンテンツを宣言し、段落、見出し、リンクなどのテキストを自動的にフォーマットできます。
- ブログ投稿、記事、ドキュメントページ、またはリッチテキストフォーマットが必要なあらゆるシナリオに最適です。
リソース:
4. 外部ファイルサポート
- TXT、HTML、JSON、YAML、CSVなどのテキスト形式の外部ファイルからコンテンツをインポートします。
- Intlayerのfile関数を使用して外部ファイルの内容を辞書に埋め込み、IntlayerビジュアルエディターおよびCMSとのシームレスな統合を実現します。
- ソースファイルが変更されると、Intlayer内のコンテンツが自動的に更新される動的コンテンツ更新をサポートします。
- 言語ごとのMarkdownファイルを動的にリンクすることで、多言語コンテンツ管理を可能にします。
リソース:
5. 動的コンテンツと関数の取得
Intlayerは、動的コンテンツの挿入と管理のためのさまざまな方法を提供し、コンテンツ配信の柔軟性と適応性を確保します。これには、動的コンテンツの挿入、条件付きレンダリング、列挙、ネスト、および関数の取得のための機能が含まれます。
動的コンテンツの挿入
insert関数を使用して、プレースホルダー({{name}}、{{age}}など)を含むコンテンツを定義します。
ユーザー入力、APIレスポンス、またはその他の動的データソースに基づいて適応するテンプレートのようなコンテンツを可能にします。
TypeScript、ESM、CommonJS、およびJSON構成とシームレスに連携します。
React IntlayerやNext IntlayerとuseIntlayerを使って簡単に統合できます。
条件付きレンダリング
言語や認証状態など、ユーザー固有の条件に基づいて適応するコンテンツを定義します。
複数のファイルにわたってコンテンツを重複させることなく、パーソナライズされた体験を提供します。
列挙と複数形
enu関数を使って、数値、範囲、またはカスタムキーに基づくコンテンツのバリエーションを定義します。
与えられた値に基づいて正しいフレーズを自動的に選択します。
順序ルールをサポートし、予測可能な動作を保証します。
ネスティングとサブコンテンツ参照
nest 関数を使用して、別の辞書からコンテンツを参照および再利用し、重複を減らします。
構造化され階層的なコンテンツ管理をサポートし、保守性を向上させます。
関数による取得
Intlayer はコンテンツを関数として宣言することを可能にし、同期的および非同期的なコンテンツ取得を実現します。
同期関数: コンテンツはビルド時に動的に生成されます。
非同期関数: 外部ソース(例: API、データベース)から動的にデータを取得します。
統合: TypeScript、ESM、CommonJS と連携しますが、JSON やリモートコンテンツファイルではサポートされていません。
6. コンテンツ宣言フォーマット
Intlayer はコンテンツ宣言に TypeScript(および JavaScript)と JSON をサポートしています。
TypeScript:
- コンテンツ構造が正しく、翻訳が欠落していないことを保証します。
- 厳密またはより柔軟な検証モードを提供します。
- 変数、関数、または外部APIからの動的データ取得を可能にします。
JSON:
- 標準化されたフォーマットのため、外部ツール(ビジュアルエディタなど)との統合が容易です。
リソース:
7. パージ、バンドル最適化、および動的インポート
- IntlayerはBabelおよびSWCプラグインと統合されており、バンドルを最適化してパフォーマンスを向上させます。使用されている辞書のみをバンドルにインポートできるように、インポートを置き換えます。
- オプションを有効にすることで、Intlayerは現在のロケールの辞書コンテンツのみを動的にインポートすることも可能になります。
リソース:
フレームワークおよび環境との統合
1. Next.js
a. サーバーコンポーネントとクライアントコンポーネント
- サーバーコンポーネントとクライアントコンポーネントの両方に対して統一されたコンテンツ管理アプローチを提供します。
- サーバーコンポーネント用の組み込みコンテキストを提供し、他のソリューションと比較して実装を簡素化します。
b. メタデータ、サイトマップ、およびrobots.txt
- メタデータ、サイトマップ、またはrobots.txtファイルを生成するために、コンテンツを動的に取得して注入します。
c. ミドルウェア
- ユーザーの優先言語に基づいてコンテンツへリダイレクトするミドルウェアを追加します。
d. Turbopack と Webpack の互換性
- 新しい Next.js Turbopack と従来の Webpack の両方に完全対応。
リソース:
2. Vite
- Next.js と同様に、Intlayer を Vite と統合し、ミドルウェア を使用してユーザーを希望言語のコンテンツにリダイレクトできます。
リソース:
3. Express
- Express 上に構築されたバックエンドサービスのコンテンツ管理と国際化を行います。
- ローカライズされたテキストでメール、エラーメッセージ、プッシュ通知などをパーソナライズ可能。
リソース:
4. React Native
- IntlayerをReact Nativeと統合して、モバイルアプリケーションのコンテンツ管理と国際化を行います。
- iOSおよびAndroidプラットフォームの両方をサポートしています。
リソース:
5. Lynx
- IntlayerをLynxと統合して、モバイルアプリケーションのコンテンツ管理と国際化を行います。
- iOSおよびAndroidプラットフォームの両方をサポートしています。
リソース:
6. Vue
- IntlayerをVueと統合して、Vite / Vue.jsアプリケーションのコンテンツ管理と国際化を行います。
リソース:
7. Nuxt
- IntlayerをNuxtと統合して、Nuxt / Vue.jsアプリケーションのコンテンツ管理と国際化を行います。
- サーバーコンポーネントとクライアントコンポーネントの両方をサポートします。
- ルーティングとミドルウェアを統合し、ユーザーの希望する言語に基づいてコンテンツへリダイレクトします。
リソース:
8. Preact
- IntlayerをPreactと統合して、Preactアプリケーションのコンテンツ管理と国際化を行います。
リソース:
ビジュアルエディターとCMS
1. ローカルビジュアルエディター
- ページ上の要素を直接選択してアプリケーションのコンテンツを編集できる、無料のローカルビジュアルエディター。
- 以下のAI機能を統合:
- 翻訳の生成や修正
- 文法やスペルのチェック
- 改善案の提案
- ローカルでホストすることも、リモートサーバーにデプロイすることも可能。
リソース:
2. Intlayer CMS(リモート)
- コードベースに触れることなく、オンラインでアプリケーションのコンテンツを管理できるホスティング型CMSソリューション。
- コンテンツの宣言、翻訳管理、文法やスペルの修正を支援するAI機能を提供。
- ライブアプリケーションのインターフェースを通じてコンテンツと対話可能。
リソース:
IDE拡張機能
- 主要なIDE向けの拡張機能で、ローカルおよびリモートの翻訳を管理するためのグラフィカルインターフェースを提供します。
- 機能には、コンポーネントのコンテンツ宣言ファイルの自動生成、Intlayer CMSとの直接統合、リアルタイム検証などが含まれる可能性があります。
MCPサーバー
- IDEに統合されたツールを使用して、コンテンツと翻訳を管理できるMCPサーバーです。
Intlayer CLI
- 翻訳とファイル生成:コンテンツファイルの監査を実行し、欠落している翻訳を生成し、不整合を確認します。
- リモート操作:ローカルのコンテンツをリモートCMSにプッシュしたり、リモートのコンテンツをプルしてローカルアプリケーションに統合したりできます。
- ドキュメントの翻訳とレビュー: ドキュメントやファイルなどの翻訳およびレビューを行います。
リソース:
環境設定
- 環境変数を使用して、プロダクション、テスト、ローカル環境ごとにIntlayerの設定を変更します。
- 環境に応じて、どのビジュアルエディターやリモートCMSプロジェクトを対象にするかを定義します。
ホットコンテンツアップデート
- リモート辞書やIntlayer CMSを使用することで、アプリケーションのコンテンツを再デプロイなしで即時に更新できます。
リソース:
今後の機能
1. A/Bテストとパーソナライゼーション
- 多変量テスト: 特定のコンテンツの異なるバージョンをテストし、どれが最も効果的か(例:クリック率が高いか)を確認します。
- データ駆動型パーソナライゼーション: ユーザーの属性(性別、年齢、地域など)やその他の行動パターンに基づいて異なるコンテンツを表示します。
- 自動反復: AIが複数のバージョンを自動的にテストし、最もパフォーマンスの良いものを選択するか、管理者の承認のためのオプションを推奨します。
2. バージョニング
- コンテンツバージョニングにより、以前のバージョンのコンテンツを復元できます。
- 時間の経過に伴う変更を追跡し、必要に応じて以前の状態に戻すことが可能です。
3. 自動翻訳
- リモートCMSユーザー向けに、対応言語のワンクリック翻訳生成機能を提供します。
- システムはバックグラウンドで翻訳を生成し、その後、検証や編集のためにユーザーに促します。
4. SEO強化
- キーワード、ユーザーの検索意図、そして新たなトレンドを分析するツール。
- より良いランキングのためのコンテンツ改善を提案し、長期的なパフォーマンスを追跡します。
5. より多くのフレームワークとの互換性
- Solid、Svelte、Angularなどのサポートに向けた取り組みが進行中です。
- IntlayerをあらゆるJavaScriptベースのアプリケーションに対応させることを目指しています。
結論
Intlayerは、コンテンツ管理と国際化のためのワンストップソリューションを目指しています。柔軟性(集中型または分散型ファイル)、幅広い言語サポート、最新のフレームワークやバンドラーとの簡単な統合、そして強力なAI駆動機能に重点を置いています。A/Bテスト、バージョニング、自動翻訳などの新機能が利用可能になるにつれて、Intlayerはコンテンツワークフローをさらに簡素化し、さまざまなプラットフォームでのユーザー体験を向上させ続けます。
今後のリリースにご期待ください。また、既存の機能をぜひお試しいただき、Intlayerがどのようにコンテンツ管理プロセスの集中化と最適化に役立つかをご確認ください!
ドキュメント履歴
- 5.5.10 - 2025-06-30: PreactおよびNuxtサポートの追加、MCPサーバー、CLIの更新
- 5.5.10 - 2025-06-29: 履歴の初期化