e2b-dev/fragments

これは何？

主な機能

• 01ストリーミング出力でアプリを生成し、ブラウザー上でプレビューできます。
• 02AIが生成したコードを分離されたE2Bサンドボックスで実行します。
• 03Python、Next.js、Vue.js、Streamlit、Gradioのスタックに対応しています。
• 04OpenAI、Anthropic、Ollamaなど、複数のLLMプロバイダーを利用できます。
• 05カスタムのサンドボックステンプレートやLLMモデルを追加できます。

ユースケース

• テキストプロンプトから小規模なWebアプリやダッシュボードを試作する。
• 自社インフラ上にClaude Artifacts風のツールを構築する。
• コード生成に使うさまざまなLLMプロバイダーを試す。
• LLMの出力とサンドボックス内でのコード実行を組み合わせる方法を学ぶ。

クイックスタート

1. 1

   リポジトリをクローンする

   git clone https://github.com/e2b-dev/fragments.git
2. 2

   リポジトリに移動して依存関係をインストールする

   cd fragments && npm i
3. 3

   .env.local を作成し、E2B_API_KEY と LLM プロバイダーの API キーを設定する

4. 4

   開発サーバーを起動する

   npm run dev

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

• !実行には E2B API キーと LLM プロバイダーの API キーが必要です。
• !Next.js 14 をベースとしているため、単体ツールではなく Web アプリのテンプレートです。

収録されている特集

トピック

よくある質問

fragments とは？

E2Bのサンドボックスで生成コードを実行する、AI生成アプリ向けのオープンソースNext.jsテンプレート。Claude Artifactsやv0に相当します。 Fragmentsは、ユーザーが作りたいものを説明すると、LLMがコードを生成し、そのコードをE2Bのサンドボックスで実行してブラウザー上でプレビューできるWebアプリテンプレートです。Claude Artifacts、Vercel v0、GPT Engineerに対するオープンソースの代替として位置づけられています。

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

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

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

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

fragments は何に使えますか？

テキストプロンプトから小規模なWebアプリやダッシュボードを試作する。 自社インフラ上にClaude Artifacts風のツールを構築する。 コード生成に使うさまざまなLLMプロバイダーを試す。 LLMの出力とサンドボックス内でのコード実行を組み合わせる方法を学ぶ。

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

リポジトリをクローンする: git clone https://github.com/e2b-dev/fragments.git リポジトリに移動して依存関係をインストールする: cd fragments && npm i .env.local を作成し、E2B_API_KEY と LLM プロバイダーの API キーを設定する 開発サーバーを起動する: npm run dev

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

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