をリリースしました v9.6.0

    インテリジェントi18n

    型安全。AIで翻訳。視覚的に編集。

    npx intlayer init

    コードベースの好きな場所に翻訳を定義して、開発を加速しましょう。バンドルを必要なだけ軽量に保ちましょう。

    プロジェクトをサポート始める

    利用可能

    // src/component/server/component.content.tsimport { t, type Dictionary } from "intlayer";const componentContent = {  key: "server-component",  content: {    title: t({      en: "Title of my component",      fr: "Titre de mon component",      es: "Título de mi componente",    }),    content:      "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",  },} satisfies Dictionary;export default componentContent;
    // src/components/Component.tsxexport const Component = () => {  return (    <div>      <h2>Intlayer Compiler</h2>      <p>        The Intlayer Compiler extracts automatically the content from the        components and generates the dictionary files.      </p>    </div>  );};
    プレイグラウンドを使用して無料で試してみてください。プレイグラウンドに移動
    intlayer test
    $ npx intlayer test
    ~/Desktop/MyApp

    コンテンツ定義をコンポーネントの近くに保つことで、コードの保守性を向上させます。冗長性を減らし、明確性を高め、構造化されたアプローチで更新を簡素化し、コードの管理とスケールを容易にします。

    Intlayer Compilerを使用して、すぐにコンテンツを抽出します。それは自動的に必要な辞書ファイルを生成し、あなたのアプリケーションを一秒で国際化します。

    無料のビジュアルエディターを活用して、簡単にサイトを構築および管理できます。コードに触れることなくコンポーネントやページを作成、編集、整理し、コンテンツ管理者と開発者のコラボレーションを円滑にします。

    組み込みの翻訳サポートを利用してリーチを拡大しましょう。直感的なインターフェースを使ってコンテンツを簡単に翻訳し、複数のコンテンツバージョンを手動で管理することなく、ユーザーにシームレスな多言語体験を提供します。

    Intlayer CLI を使って、AI でコンテンツをテストし自動補完し、すべての翻訳が完全かつ正確であることを保証します。

    よくある質問

    国際化（i18n）とは、Next.js、React、またはExpressなどのアプリケーションを設計し、開発して、複数の言語に簡単に対応するプロセスです。翻訳プロセスを簡素化することで、多言語ウェブサイトを作成することができます。TypeScriptのようなツールを使用すると、i18nの実装が容易になり、アプリケーションをさまざまな言語や地域に効率的かつ簡単に適応させることができます。i18nについてもっと読む

    Intlayerは、あなたの多言語ウェブサイトを管理するためのパッケージです。多言語コンテンツおよびローカリゼーションのためにウェブサイトを簡単に設定するためのツールとユーティリティのセットを提供します。Intlayerについてもっと読む

    Intlayerは構成管理を簡素化し、サーバーコンポーネントを含むさまざまなタイプのJavaScriptアプリケーションの国際化を可能にします。コンポーネントと同じ場所でコンテンツの宣言を行うことができ、コードベースの保守性が向上します。さらに、IntlayerはTypeScriptを活用して宣言の欠落を防ぎます。最後に、Intlayerはビジュアルエディターを提供し、非開発者がWebサイトのコンテンツを編集し、AIを使用して自動翻訳し、アプリケーションのSEOを最適化できるようにします。Intlayerの機能についてもっと読む

    Intlayerは、サーバーサイドレンダリングと静的サイト生成を可能にするためにNext.jsと統合されており、マルチリンガルコンテンツの配信をより効率的にします。Next.jsの統合についてもっと読む

    はい、Intlayerには、コードを掘り下げずにコンテンツを簡単に管理するためのオプションのビジュアルエディターがあります。ビジュアルエディターについてもっと読む

    プルリクエストを送信するか、GitHubリポジトリで問題を報告することで貢献できます。貢献する方法についてもっと読む

    Intlayerは、無料のNPMパッケージのセレクションとビジュアルエディタを統合しています。さらに、コンテンツを外部化するためのCMSを提供します。このCMSは無料で使用できますが、PremiumおよびEnterpriseプランのメンバーには追加機能が含まれています。Intlayerのプランについてもっと読む

    Intlayerは、React（Create React Appを含む）、Reactを使用したVite、Next.js、Tanstack Start、Vue、Nuxt、Express、NestJS、Preactなどで利用できます。これにより、最新のJavaScriptフレームワークやサーバーサイド環境とのシームレスな統合が保証されます。サポートされているプラットフォームについてもっと読む

    はい、Intlayerはi18next、next-intl、vue-i18nextなどのラッパーとして統合できます。これにより、翻訳を自動化し、既存のコードをリファクタリングすることなくIntlayerを使用できます。

    すべてのよくある質問を読む