> ## Documentation Index
> Fetch the complete documentation index at: https://docs.coreweave.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Hugging Face Hub

> Hugging Face Hub を W&B Weave と統合して、機械学習アプリケーションをトラッキング・分析します

<Note>
  このページのコードサンプルはすべて Python です。
</Note>

このページでは、[Hugging Face Hub](https://huggingface.co/) を W\&B Weave と統合し、機械学習アプリケーションをトラッキング・分析する方法を説明します。Weave のトレース機能とバージョン管理機能を使って、モデルの推論をログする方法、関数の Call を監視する方法、実験を整理する方法を学びます。サンプルに沿って進めることで、インサイトの取得、アプリケーションのデバッグ、さまざまなモデルの設定の比較を、すべて Weave の Web インターフェース上で行えます。

<Tip>
  **Google Colab で Hugging Face Hub と Weave を試す**
  セットアップなしで Hugging Face Hub と Weave を試してみたい場合は、ここで紹介するコードサンプルを Google Colab 上の Jupyter ノートブックで実行できます。

  <a target="_blank" href="https://colab.research.google.com/github/wandb/examples/blob/master/weave/docs/quickstart_huggingface.ipynb" aria-label="Google Colab で開く">
    <img src="https://colab.research.google.com/assets/colab-badge.svg" alt="Colab で開く" />
  </a>
</Tip>

<h2 id="overview">
  概要
</h2>

Hugging Face Hub は、クリエイターやコラボレーターのための機械学習プラットフォームです。さまざまなタイプのプロジェクトに活用できる、事前トレーニング済みモデルとデータセットの大規模なコレクションを提供しています。

`huggingface_hub` Python ライブラリは、Hub でホストされているモデルに対して、複数のサービスをまたいで推論を実行するための統一されたインターフェースを提供します。これらのモデルは [`InferenceClient`](https://huggingface.co/docs/huggingface_hub/en/package_reference/inference_client) を使用して呼び出せます。

Weave は `InferenceClient` のトレースを自動的に取得します。トラッキングを開始するには、`weave.init()` を呼び出してから、通常どおりライブラリを使用します。

<h2 id="prerequisites">
  前提条件
</h2>

始める前に、次のセットアップ手順を実行して、必要なライブラリをインストールし、Hugging Face Hub へのアクセスを設定してください。

1. Weave で `huggingface_hub` を使用するには、必要なライブラリをインストールするか、最新バージョンにアップグレードする必要があります。次のコマンドは、`huggingface_hub` と `weave` をインストールします (すでにインストールされている場合は最新バージョンにアップグレードします) 。また、インストール時の出力を抑制します。

   ```python lines theme={"system"}
   pip install -U huggingface_hub weave -qqq
   ```

2. Hugging Face Hub 上のモデルで推論を使用するには、[User Access Token](https://huggingface.co/docs/hub/security-tokens) を設定します。トークンは [Hugging Face Hub の設定ページ](https://huggingface.co/login?next=%2Fsettings%2Ftokens)で設定することも、プログラムから設定することもできます。次のコードサンプルは、`HUGGINGFACE_TOKEN` の入力を求め、入力されたトークンを環境変数として設定します。

   ```python lines theme={"system"}
   import os
   import getpass

   os.environ["HUGGINGFACE_TOKEN"] = getpass.getpass("Enter your Hugging Face Hub Token: ")
   ```

<h2 id="basic-tracing">
  基本的なトレース
</h2>

言語モデルアプリケーションのトレースを一か所に集約して保存することは、開発時にも本番環境でも欠かせません。トレースはデバッグに役立つだけでなく、アプリケーションを改善するためのデータセットとしても活用できます。

Weave は `InferenceClient` のトレースを自動的に取得します。トラッキングを開始するには、`weave.init()` を呼び出して Weave を初期化し、あとは通常どおりライブラリを使用してください。

次の例では、Weave を使用して Hugging Face Hub への推論 Call をログする方法を示します。

```python lines theme={"system"}
import weave
from huggingface_hub import InferenceClient

# Weave を初期化します
weave.init(project_name="quickstart-huggingface")

# Hugging Face Inference Client を初期化します
huggingface_client = InferenceClient(
    api_key=os.environ.get("HUGGINGFACE_TOKEN")
)

# Llama-3.2-11B-Vision-Instruct モデルで、Hugging Face Hub にチャット補完の推論 Call を送信します
image_url = "https://cdn.britannica.com/61/93061-050-99147DCE/Statue-of-Liberty-Island-New-York-Bay.jpg"
response = huggingface_client.chat_completion(
    model="meta-llama/Llama-3.2-11B-Vision-Instruct",
    messages=[
        {
            "role": "user",
            "content": [
                {"type": "image_url", "image_url": {"url": image_url}},
                {"type": "text", "text": "Describe this image in one sentence."},
            ],
        }
    ],
    max_tokens=500,
    seed=42,
)
```

上記のコードを実行すると、Weave は Hugging Face Inference Client で行われたすべての LLM Call をトラッキングしてログします。これらのトレースは Weave の Web インターフェースで確認できます。

<Frame>
  <img src="https://mintcdn.com/coreweave-dbfa0e8d/3Dv_sw2eg8feUJlx/products/wandb/weave/_media/trace_call.png?fit=max&auto=format&n=3Dv_sw2eg8feUJlx&q=85&s=a77300e228bde4229edafc6e13eb85f6" alt="Weave は各推論 Call をログし、入力、出力、メタデータの詳細を表示します。" width="3340" height="1864" data-path="products/wandb/weave/_media/trace_call.png" />
</Frame>

Weave は各推論 Call をログし、入力、出力、メタデータの詳細を表示します。

<img src="https://mintcdn.com/coreweave-dbfa0e8d/3Dv_sw2eg8feUJlx/products/wandb/weave/_media/trace_chat.png?fit=max&auto=format&n=3Dv_sw2eg8feUJlx&q=85&s=a4141b46ab0e51ca8f7ff13de0b586ba" alt="モデルとのチャット履歴全体を表示する、UI 上の Weave のチャットビュー" width="3340" height="1864" data-path="products/wandb/weave/_media/trace_chat.png" />

さらに Weave は、UI 上で Call をチャットビューとしてレンダリングし、モデルとのチャット履歴全体を表示します。

<h2 id="trace-a-function">
  関数をトレースする
</h2>

アプリケーション内でデータがどのように流れるかをより深く把握するには、`@weave.op` を使用して関数の Call をトラッキングします。これにより入力、出力、実行ロジックが取得され、デバッグやパフォーマンス分析に役立ちます。

複数の Op をネストすると、追跡対象の関数を構造化されたツリーとして構成できます。さらに Weave はコードを自動的にバージョン管理するため、Git に変更をコミットする前でも、実験中の中間状態が保持されます。

トラッキングを開始するには、トラッキングしたい関数を `@weave.op` でデコレートします。

次の例では、Weave は `generate_image`、`check_image_correctness`、`generate_image_and_check_correctness` の 3 つの関数をトラッキングします。これらの関数は画像を生成し、その画像が指定されたプロンプトと一致しているかを検証します。

```python lines theme={"system"}
import base64
from PIL import Image


def encode_image(pil_image):
    import io
    buffer = io.BytesIO()
    pil_image.save(buffer, format="JPEG")
    buffer.seek(0)
    encoded_image = base64.b64encode(buffer.read()).decode("utf-8")
    return f"data:image/jpeg;base64,{encoded_image}"


@weave.op
def generate_image(prompt: str):
    return huggingface_client.text_to_image(
        prompt=prompt,
        model="black-forest-labs/FLUX.1-schnell",
        num_inference_steps=4,
    )


@weave.op
def check_image_correctness(image: Image.Image, image_generation_prompt: str):
    return huggingface_client.chat_completion(
        model="meta-llama/Llama-3.2-11B-Vision-Instruct",
        messages=[
            {
                "role": "user",
                "content": [
                    {"type": "image_url", "image_url": {"url": encode_image(image)}},
                    {
                        "type": "text",
                        "text": f"Is this image correct for the prompt: {image_generation_prompt}? Answer with only one word: yes or no",
                    },
                ],
            }
        ],
        max_tokens=500,
        seed=42,
    ).choices[0].message.content


@weave.op
def generate_image_and_check_correctness(prompt: str):
    image = generate_image(prompt)
    return {
        "image": image,
        "is_correct": check_image_correctness(image, prompt),
    }


response = generate_image_and_check_correctness("A cute puppy")
```

Weave は `@weave.op` でラップされたすべての関数の Call をログするようになったため、Weights & Biases UI で実行の詳細を分析できます。

<Frame>
  <img src="https://mintcdn.com/coreweave-dbfa0e8d/3Dv_sw2eg8feUJlx/products/wandb/weave/_media/trace_ops.png?fit=max&auto=format&n=3Dv_sw2eg8feUJlx&q=85&s=c3861fdd8946a1deaef6e64e3f63d592" alt="Weave は @weave.op でラップされたすべての関数の Call をログするようになったため、Weights & Biases UI で実行の詳細を分析できます。また、Weave は関数の実行を取得して可視化するため、アプリケーション内のデータの流れやロジックを把握しやすくなります。" width="3340" height="1864" data-path="products/wandb/weave/_media/trace_ops.png" />

  また、Weave は関数の実行を取得して可視化するため、アプリケーション内のデータの流れやロジックを把握しやすくなります。
</Frame>

<h2 id="use-models-for-experimentation">
  実験に `Model` を使用する
</h2>

複数のコンポーネントが関係する LLM の実験は、管理が難しくなりがちです。Weave の [`Model`](/ja/products/wandb/weave/guides/core-types/models) クラスを使用すると、システムプロンプトやモデルの設定といった実験の詳細を取得して整理できるため、さまざまな反復処理を比較できます。

`Model` は、コードのバージョン管理や入力と出力の取得に加えて、アプリケーションの動作を制御する構造化されたパラメーターも保存します。これにより、どの設定で最良の結果が得られたかをトラッキングできます。さらに、Weave `Model` を Weave の [Serve](/ja/products/wandb/weave/guides/tools/serve) や [評価](/ja/products/wandb/weave/guides/evaluation/scorers) と統合すれば、より深い知見を得ることもできます。

次の例では、旅行先のおすすめを提示する `CityVisitRecommender` モデルを定義します。パラメーターを変更するたびに新しいバージョンが生成されるため、反復的に実験を進められます。

```python lines theme={"system"}
import rich


class CityVisitRecommender(weave.Model):
    model: str
    temperature: float = 0.7
    max_tokens: int = 500
    seed: int = 42

    @weave.op()
    def predict(self, city: str) -> str:
        return huggingface_client.chat_completion(
            model=self.model,
            messages=[
                {
                    "role": "system",
                    "content": "You are a helpful assistant meant to suggest places to visit in a city",
                },
                {"role": "user", "content": city},
            ],
            max_tokens=self.max_tokens,
            temperature=self.temperature,
            seed=self.seed,
        ).choices[0].message.content


city_visit_recommender = CityVisitRecommender(
    model="meta-llama/Llama-3.2-11B-Vision-Instruct",
    temperature=0.7,
    max_tokens=500,
    seed=42,
)
rich.print(city_visit_recommender.predict("New York City"))
rich.print(city_visit_recommender.predict("Paris"))
```

Weave はモデルを自動的にログし、バージョンごとにトラッキングするため、パフォーマンスや実験の履歴を分析できます。

<Frame>
  <img src="https://mintcdn.com/coreweave-dbfa0e8d/3Dv_sw2eg8feUJlx/products/wandb/weave/_media/trace_model.png?fit=max&auto=format&n=3Dv_sw2eg8feUJlx&q=85&s=cf5dde8e1c081e3c21b7abbb58697aa3" alt="Weave はモデルを自動的にログし、バージョンごとにトラッキングするため、パフォーマンスや実験の履歴を分析できます。" width="3340" height="1864" data-path="products/wandb/weave/_media/trace_model.png" />
</Frame>


## Related topics

- [サンプルコードとノートブック](/ja/products/wandb/examples.md)
