aymericzip/intlayer

aymericzip/intlayer has 864 GitHub stars and 129 forks. GitHot measured +1 stars in 24 hours and +2 in 7 days. Last checked 2026-11-09 16:48 UTC. Last push 2026-10-31.

この数値の測り方

Per-component Internationalisation solution for JS application. Type-Safe. Translate with AI. Edit Visually.

864 スター 129 forks +1 24時間

計測したスター増加

24時間: +1
7日間: +2
15日間: 更新が遅れています
1か月: 更新が遅れています

期間ごとの純増数です。期間は重複しており、日別の値ではありません。未計測の値は空欄です。スター数は注目度の指標であり、品質の保証ではありません。

docs/docs/ja/readme.md

オリジナル

コンポーネントごとの i18n

AI 駆動の翻訳。ビジュアルエディター。多言語 CMS。

Docs • Next.js • React + Vite • CMS • Discord

ビデオを見る

Intlayer とは何ですか？

ほとんどの i18n ライブラリは、複雑すぎるか、柔軟性に欠けるか、または最新のフレームワーク向けに設計されていません。

Intlayer は、ウェブおよびモバイルアプリ向けの最新の i18n ソリューションです。
フレームワークに依存せず、AI 搭載で、無料の CMS ＆ビジュアルエディターが含まれています。

ロケールごとのコンテンツファイル、TypeScript の自動補完、ツリーシェイカブルな辞書、および CI/CD 統合により、Intlayer は国際化をより速く、よりクリーンに、よりスマートにします。

Intlayer の主な利点：

機能	説明
	マルチフレームワーク対応 Intlayer は、Next.js、React、Vite、Vue.js、Nuxt、Preact、Express など、主要なフレームワークやライブラリすべてに対応しています。
	JavaScript 駆動のコンテンツ管理 JavaScript の柔軟性を活用して、コンテンツを効率的に定義および管理します。 - コンテンツ宣言
	ロケール別コンテンツ宣言ファイル自動生成の前にコンテンツを一度宣言することで、開発をスピードアップします。 - ロケール別コンテンツ宣言ファイル
	コンパイラ Intlayer コンパイラは、コンポーネントからコンテンツを自動的に抽出し、辞書ファイルを作成します。 - コンパイラ
	型安全な環境 TypeScript を活用して、コンテンツ定義やコードのエラーを防ぎつつ、IDE の自動補完機能も利用できます。 - TypeScript の設定
	簡素化されたセットアップ最小限の設定で迅速に開始できます。国際化、ルーティング、AI、ビルド、コンテンツ管理の設定を簡単に調整可能です。 - Next.js 統合を探る
	簡素化されたコンテンツ取得各コンテンツごとに `t` 関数を呼び出す必要はありません。単一のフックを使ってすべてのコンテンツを直接取得できます。 - React 統合
	一貫したサーバーコンポーネントの実装 Next.js のサーバーコンポーネントに完全に適合し、クライアントコンポーネントとサーバーコンポーネントの両方で同じ実装を使用できます。各サーバーコンポーネントに `t` 関数を渡す必要はありません。 - サーバーコンポーネント
	整理されたコードベースコードベースをより整理された状態に保ちます：1つのコンポーネント = 同じフォルダ内の1つの辞書。翻訳をそれぞれのコンポーネントの近くに配置することで、保守性と明確さを向上させます。 - Intlayer の仕組み
	強化されたルーティング Next.js、React、Vite、Vue.js などの複雑なアプリケーション構造にシームレスに対応し、アプリのルーティングを完全にサポートします。 - Next.js 統合を探る
	Markdown サポート多言語コンテンツ（プライバシーポリシー、ドキュメントなど）向けに、ロケールファイルやリモートの Markdown をインポートして解釈します。Markdown のメタデータを解釈し、コード内でアクセス可能にします。 - コンテンツファイル
	無料のビジュアルエディター＆ CMS コンテンツライター向けに無料のビジュアルエディターと CMS が利用可能で、ローカリゼーションプラットフォームは不要です。Git を使ってコンテンツを同期させるか、CMS で完全または部分的に外部化できます。 - Intlayer エディター - Intlayer CMS
	ツリーシェイカブルコンテンツツリーシェイカブルコンテンツにより、最終バンドルのサイズを削減します。コンポーネントごとにコンテンツを読み込み、未使用のコンテンツはバンドルから除外されます。遅延読み込みをサポートし、アプリの読み込み効率を向上させます。 - アプリビルドの最適化
	静的レンダリング静的レンダリングを妨げません。 - Next.js 統合
	AI 駆動の翻訳 Intlayer の高度な AI 駆動翻訳ツールを使用し、ご自身の AI プロバイダー / API キーを使って、ワンクリックでウェブサイトを 231 言語に変換します。 - CI/CD 統合 - Intlayer CLI - 自動入力
	MCP サーバー統合 IDE の自動化のための MCP（モデルコンテキストプロトコル）サーバーを提供し、開発環境内でシームレスなコンテンツ管理と国際化（i18n）ワークフローを可能にします。 - MCP サーバー
	VSCode 拡張機能 Intlayer は、コンテンツと翻訳の管理、辞書の構築、コンテンツの翻訳などを支援する VSCode 拡張機能を提供します。 - VSCode 拡張機能
	相互運用性 react-i18next、next-i18next、next-intl, react-intl, vue-i18n との相互運用性を可能にします。 - Intlayer と react-intl - Intlayer と next-intl - Intlayer と next-i18next - Intlayer と vue-i18n - Intlayer の互換アダプター
	パフォーマンスとベンチマーク高度なツリーシェイキングと動的ローディングを使用してパフォーマンスを向上させ、ソリューションを可能な限り軽量に保ちます。 - パフォーマンスとベンチマーク

📦 インストール

今日から Intlayer を始めて、よりスムーズで強力な国際化アプローチを体験しましょう。

npm install intlayer react-intlayer

yarn add intlayer react-intlayer

pnpm add intlayer react-intlayer

bun add intlayer react-intlayer

⚡ クイックスタート (Next.js)

// intlayer.config.ts
import { Locales, type IntlayerConfig } from "intlayer";

const config: IntlayerConfig = {
  internationalization: {
    locales: [Locales.ENGLISH, Locales.FRENCH, Locales.SPANISH],
    defaultLocale: Locales.ENGLISH,
  },
};

export default config;

// app/home.content.ts
import { t, type Dictionary } from "intlayer";

const content = {
  key: "home",
  content: {
    title: t({
      en: "Home",
      fr: "Accueil",
      es: "Inicio",
    }),
  },
} satisfies Dictionary;

export default content;

// app/page.tsx
import { useIntlayer } from "react-intlayer";

const HomePage = () => {
  const { title } = useIntlayer("home");

  return <h1>{title}</h1>;
};

完全ガイドを見る →

🎥 YouTube でのライブチュートリアル

多言語コンテンツ管理システム

単なる i18n ライブラリにとどまらず、Intlayer は完全な 多言語コンテンツ管理システム です。フル機能の CMS が app.intlayer.org で無料で使用できます。

Intlayer は、開発者、コピーライター、および AI エージェント を 1 つのワークフローに統合し、多言語ウェブサイトの作成と維持を容易にします。Intlayer は、次のスタックを単一のソリューションに置き換えます：

i18n ソリューション（例：i18next、next-intl、vue-i18n）
TMS（翻訳管理システム）（例：Crowdin、Phrase、Lokalise）
ヘッドドレス CMS（例：Contentful、Strapi、Sanity）

CMS Preview

🌐 他言語の Readme

English • 简体中文 • Русский • 日本語 • Français • 한국어 • Español • Deutsch • العربية • Italiano • English (UK) • Português • हिन्दी • Türkçe

🤝 コミュニティ

Intlayer はコミュニティと共に、そしてコミュニティのために構築されており、皆様のご意見をお待ちしています！

ご提案はありますか？ Issue を開く
バグや改善点を見つけましたか？PR を送信する
ヘルプが必要ですか？またはつながりたいですか？Discord に参加する

また、以下でもフォローできます：

貢献

このプロジェクトへの貢献に関する詳細なガイドラインについては、CONTRIBUTING.md ファイルをご参照ください。開発プロセス、コミットメッセージの規約、リリース手順などの重要な情報が含まれています。皆様の貢献は私たちにとって非常に価値があり、このプロジェクトをより良くするためのご尽力に感謝いたします！

GitHub、GitLab、または Bitbucket を通じて貢献してください。

ご支援ありがとうございます

Intlayer を気に入っていたいただけましたら、GitHub で ⭐ をお願いします。これにより他の方々がプロジェクトを見つけやすくなります！ GitHub スターがなぜ重要なのかを知る。