teambit/bit

これは何？

主な機能

• 01複数のプロジェクトで共有できる、再利用可能なUIコンポーネントやモジュールを作成できます。
• 02開発者とAIエージェントの両方が利用できる、コンポーネント構築用テンプレートを提供します。
• 03コンポーネントをアプリケーションシェルに組み合わせて、実行・デプロイできます。
• 04セマンティックバージョニングでコンポーネントを管理し、スコープにエクスポートできます。
• 05React、Vue、Angular、Node.js、React Native、Next.jsのプロジェクトに対応しています。

ユースケース

• コードをコピーせずに、複数のフロントエンドアプリケーション間でUIコンポーネントを共有する。
• 大規模なコードベースを、個別にバージョン管理できるパッケージに分割する。
• AIコーディングエージェントに既存コンポーネントを再利用させ、重複実装を防ぐ。

クイックスタート

1. 1

   Bit インストーラーで Bit をインストールする

   npx @teambit/bvm install
2. 2

   Bit プラットフォームで作成した scope を使って、プロジェクトで Bit を初期化する

   bit init --default-scope my-org.my-project
3. 3

   React アプリケーションのシェルを作成する

   bit create react-app corporate-website
4. 4

   アプリケーションのシェルを実行し、http://localhost:3000 を開く

   bit run corporate-website

使う前に知っておきたいこと

• !Bit の初期化には Bit プラットフォームで scope を作成する必要があるため、デフォルトのワークフローでは Bit Cloud アカウントが必要です。
• !デフォルトでは、ローカルで --build フラグを使わない限り、コンポーネントはホスト型の Ripple CI サービスによってビルドされます。

収録されている特集

トピック

よくある質問

bit とは？

JavaScript/TypeScriptのソースを再利用可能なコンポーネントに整理し、開発からCI、デプロイまでを支えるビルドシステム兼ワークスペースツール。 Bitは、ソースコードを組み合わせ可能なコンポーネントに整理し、ローカル開発からCI、リリースまでをつなぐビルドシステムです。コンポーネントはバージョン管理してビルド、エクスポートでき、他のプロジェクトでは標準のパッケージマネージャーを使ってインストールできます。

bit は無料で使えますか？ライセンスは？

bit は Other ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

bit は今もメンテナンスされていますか？

活発にメンテナンス中。bit の最終コミットは 2026年11月6日 です。

bit は何に使えますか？

コードをコピーせずに、複数のフロントエンドアプリケーション間でUIコンポーネントを共有する。 大規模なコードベースを、個別にバージョン管理できるパッケージに分割する。 AIコーディングエージェントに既存コンポーネントを再利用させ、重複実装を防ぐ。

bit のインストール方法は？

Bit インストーラーで Bit をインストールする: npx @teambit/bvm install Bit プラットフォームで作成した scope を使って、プロジェクトで Bit を初期化する: bit init --default-scope my-org.my-project React アプリケーションのシェルを作成する: bit create react-app corporate-website アプリケーションのシェルを実行し、http://localhost:3000 を開く: bit run corporate-website

bit はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/teambit/bit