---
title: アイテムアイコンのサムネイルダウンロードAPI
slug: world-sdk-guide-ja/ZB46-api
docTags: 
createdAt: 2024-09-02T08:34:13.134Z
---

ZEPETO.Moduleパッケージを使用すると、ZEPETOアイテムのサムネイルテクスチャをダウンロードできます。

アイテムのサムネイルを動的にダウンロードすることで、ビルドパッケージのサイズを削減するのに役立ちます。



## ステップ 1 : インストール

まず、Window → パッケージマネージャー → ZEPETO.Worldパッケージ1.21.14以降のバージョンをインストールしてください。

その後、ZEPETO.Moduleパッケージをインストールしてください。

![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-VD9kRv94SPp_Mm0mSF52G-20240904-102411.png)



## ステップ 2 : UI > 画像の追加

1. サムネイルを表示するために、シーンに画像コンポーネントを追加する必要があります。Hierarchy > UI > Raw Imageを追加してください。
2. 幅と高さを同じサイズに設定します。



## ステップ 3 : スクリプトを書く

1. 階層を作成 > 空のオブジェクトを作成し、DownloadThumbnailに名前を変更する
2. プロジェクトを作成 > 作成 > ZEPETO > TypeScriptを作成し、DownloadThumbnailSampleに名前を変更する。
3. 以下のようにサンプルスクリプトを書く。

```typescript
import { ZepetoScriptBehaviour } from 'ZEPETO.Script';
import { ShopService } from 'ZEPETO.Module.Shop';
import * as UnityEngine from 'UnityEngine';
import { RawImage } from 'UnityEngine.UI';
 
export default class DownloadThumbnailSample extends ZepetoScriptBehaviour {
 
    public image : RawImage;
    public itemCode : string;
     
    Start() {
        this.StartCoroutine(this.DownloadItemTexture());
    }
     
    *DownloadItemTexture()
    {
        // 指定されたアイテムコードのサムネイルテクスチャをダウンロード
        var request = ShopService.DownloadItemThumbnail(this.itemCode);
         
        yield new UnityEngine.WaitUntil(()=>request.keepWaiting == false);
         
        if(request.responseData.isSuccess)
        {
            this.image.texture = request.responseData.texture;
        }
    }
 
}
```



4\. スクリプトの記述が終わったら、DownloadThumbnailオブジェクトにDownloadThumbnailSampleスクリプトを追加します。

5\. スクリプトインスペクタに画像を割り当て、itemCodeを入力します。

:::hint{type="info"}
**📘 **itemCodeを確認する方法については、マネキンガイドを参照してください。 \[[ZEPETO マネキン](docId\:rtsPax0sPfGVFaFOG7LvI)]
:::

6\. \[▶︎(再生)]ボタンを押して実行すると、設定した画像にアイテムのサムネイルが表示されるはずです。

![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-WJ8J3zW3oIEQVmFKmMENQ-20240904-102411.png)