mcpField
I
intlayer-usage

intlayer-usage

github.com/aymericzip開発86135 回インストール今日更新
リポジトリ

intlayer-usage について

Intlayer のコンテンツをアプリケーションに組み込む開発者向けの利用ガイドです。ロケールの確認、コンポーネント近くでの宣言、パッケージ経由の参照、CLI による辞書ビルドを説明します。

主な機能

  1. 01設定済みロケールの確認
  2. 02コンポーネント近くでの宣言
  3. 03フックと関数による参照
  4. 04CLI による辞書ビルド

活用シーン

  1. 01コンテンツ作成前のロケール確認
  2. 02コンポーネント別翻訳の整理
  3. 03宣言から辞書をビルド

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/aymericzip/intlayer --skill intlayer-usage

インストール後、Claude Code で/intlayer-usageを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

LICENCE.md
references/
concept_how-works-intlayer.md
concept_per-locale-file.md
get-started.md
packages_intlayer_exports.md
packages_react-intlayer_exports.md
why.md

詳細

Intlayer の使い方

Intlayer を効果的に使用するには：

  1. ロケールを取得する：intlayer.config.{ts,js,json,json5,jsonc,cjs,mjs} と .intlayerrc を確認し、設定されているロケールを把握します。

  2. コンテンツを宣言する： コンポーネントごとにコンテンツ宣言ファイルを作成し、コンポーネントファイルと同じ場所に配置することをおすすめします。これにより、翻訳をコードの近くに保てます。

  3. コンテンツを利用する：用意されているフックと関数を使ってコンテンツにアクセスします。

    一般的なパッケージ：

    • intlayer：コンテンツ宣言とユーティリティ関数を提供するコアパッケージです。
    • react-intlayer：React コンポーネントとフック（例：useIntlayer）を提供します。
    • vite-intlayer：統合用の Vite プラグインです。

  4. CLI コマンド： コンテンツの管理に役立つコマンド：

    • npx intlayer build：コンテンツ宣言から辞書をビルドします。

参考資料

コメント

Markdown 対応