Intlayer: 機能概要とロードマップ

    Intlayerは、アプリケーション全体でコンテンツを宣言、管理、更新する方法を効率化するために設計されたコンテンツ管理および国際化ソリューションです。集中型または分散型のコンテンツ宣言、広範な国際化オプション、Markdownサポート、条件付きレンダリング、TypeScript/JavaScript/JSON統合などの強力な機能を提供します。以下は、Intlayerが現在提供している機能の包括的な概要と、今後のロードマップ機能です。

    現在の機能

    1. コンテンツ宣言

    集中型または分散型

    • 集中型: i18nextのように、アプリケーションの基盤で単一の大きなファイルにすべてのコンテンツを宣言し、一元管理を可能にします。
    • 分散型: 代わりに、コンポーネントや機能レベルでコンテンツを個別のファイルに分割して、保守性を向上させます。これにより、関連するコード（コンポーネント、テスト、Storybookなど）にコンテンツを近づけることができます。コンポーネントを削除すると、関連するコンテンツも削除され、コードベースに不要なデータが残るのを防ぎます。

    リソース:

    2. 国際化

    • 230の言語とロケール（フランス語（フランス）、英語（カナダ）、英語（イギリス）、ポルトガル語（ポルトガル）などの地域バリエーションを含む）をサポート。
    • これらすべてのロケールの翻訳を一元管理。

    リソース:

    3. Markdownサポート

    • Markdownを使用してコンテンツを宣言し、段落、見出し、リンクなどで自動的にテキストをフォーマット可能。
    • ブログ記事、ドキュメントページ、またはリッチテキストフォーマットが必要なシナリオに最適。

    リソース:

    4. 条件付きレンダリング

    • ユーザーの言語、ログイン状態、その他のコンテキスト関連の変数に基づいて適応するコンテンツを定義。
    • 複数のファイルにコンテンツを複製することなく、パーソナライズされた体験を提供。

    リソース:

    5. コンテンツ宣言フォーマット

    Intlayerは、コンテンツ宣言にTypeScript（およびJavaScript）とJSONをサポートします。

    • TypeScript:

      • コンテンツ構造が正しいこと、翻訳が欠けていないことを保証。
      • 厳密または柔軟な検証モードを提供。
      • 変数、関数、外部APIから動的データを取得可能。

    • JSON:

      • 標準化されたフォーマットのため、外部ツール（ビジュアルエディタなど）との統合が容易。

      リソース:

    フレームワークと環境との統合

    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で構築されたバックエンドサービスのコンテンツを管理し、国際化を実現。
    • ローカライズされたテキストでメール、エラーメッセージ、プッシュ通知などをパーソナライズ。

    リソース:

    ビジュアルエディタとCMS

    1. ローカルビジュアルエディタ

    • ページ上の要素を直接選択してアプリケーションコンテンツを編集できる無料のローカルビジュアルエディタ。
    • AI機能を統合して以下を支援:
      • 翻訳の生成または修正
      • 構文とスペルのチェック
      • 改善案の提案
    • ローカルでホストするか、リモートサーバーにデプロイ可能。

    リソース:

    2. IntLayer CMS（リモート）

    • コードベースに触れることなく、オンラインでアプリケーションコンテンツを管理できるホスト型CMSソリューション。
    • コンテンツ宣言、翻訳管理、構文やスペルエラーの修正を支援するAI機能を提供。
    • ライブアプリケーションインターフェースを介してコンテンツと対話。

    リソース:

    IntLayer CLI

    • 監査と翻訳生成: コンテンツファイルを監査して、欠けている翻訳を生成したり、未使用のものを特定。
    • リモート操作: ローカルコンテンツをリモートCMSに公開したり、リモートコンテンツを取得してローカルアプリケーションに統合。
    • CI/CDパイプラインに役立ち、コンテンツが常にコードと同期していることを保証。

    リソース:

    環境

    • 環境変数を使用して、Intlayerを本番、テスト、ローカル環境で異なる設定に構成。
    • 環境に応じてターゲットとするビジュアルエディタまたはリモートCMSプロジェクトを定義。

    ホットコンテンツ更新

    • リモート辞書とIntlayer CMSを使用する場合、アプリケーションのコンテンツを即座に更新可能で、再デプロイは不要。

    リソース:

    ロードマップ: 今後の機能

    1. A/Bテストとパーソナライズ

    • 多変量テスト: 特定のコンテンツの異なるバージョンをテストして、最も効果的なものを確認（例: クリック率が高いもの）。
    • データ駆動型パーソナライズ: ユーザーの属性（性別、年齢、場所など）や行動パターンに基づいて異なるコンテンツを表示。
    • 自動化された反復: AIが複数のバージョンを自動的にテストし、最適なものを選択または管理者に推奨。

    2. バージョン管理

    • コンテンツのバージョン管理で以前のバージョンを復元。
    • 時間経過に伴う変更を追跡し、必要に応じて以前の状態に戻す。

    3. 自動翻訳

    • リモートCMSユーザー向けに、ワンクリックで翻訳を生成。
    • システムがバックグラウンドで翻訳を生成し、検証や編集を促す。

    4. SEO強化

    • キーワード分析、ユーザー検索意図、トレンドの分析ツール。
    • ランキング向上のために改善されたコンテンツを提案し、長期的なパフォーマンスを追跡。

    5. さらなるフレームワークとの互換性

    • Vite、Angular、React Nativeなどのサポートを進行中。
    • JavaScriptを使用するすべてのアプリケーションとの互換性を目指す。

    6. IDE拡張機能

    • 主要なIDE向けに拡張機能を提供し、ローカルおよびリモート翻訳を管理するためのグラフィカルインターフェースを提供。
    • コンポーネント用のコンテンツ宣言ファイルを自動生成、Intlayer CMSとの直接統合、リアルタイム検証などの機能を含む可能性。

    結論

    Intlayerは、コンテンツ管理と国際化のためのワンストップソリューションを目指しています。集中型または分散型ファイル、広範な言語サポート、最新のフレームワークやバンドラーとの簡単な統合、強力なAI駆動機能に焦点を当てています。A/Bテスト、バージョン管理、自動翻訳などの新機能が利用可能になるにつれ、Intlayerはコンテンツワークフローを簡素化し、さまざまなプラットフォームでのユーザー体験を向上させ続けます。

    今後のリリースにご期待ください。既存の機能を探索して、Intlayerがどのようにコンテンツ管理プロセスを中央集約化し、最適化できるかをご確認ください！

    このドキュメントを改善するアイデアがある場合は、GitHubでプルリクエストを送信することで自由に貢献してください。

    ドキュメントへのGitHubリンク
    始めるIntlayerはどのように機能しますか