arrow-left Course Hub
Lesson 5: React.jsを使ってNFTを転送する
完了目安時間:

25分

難易度:

Intermediate

重要なポイント:

React.jsを使って、XRP Ledger上でNFTを転送するオファーを利用する方法を学びましょう。

Lesson 5

React.jsを使ってNFTを転送する

NFTの転送がこれまでになく簡単になりました。

XRPL上のアカウント間で一意な資産を転送する

「NFT のミントとバーン」のレッスンで学んだように、証書、固有のID書類、特定の美術品などの非代替性資産を表現したい場合は、非代替性トークン(Non-Fungible Token / NFT)を使用して資産をトークン化し、XRP Ledger を使用して売買できます。このトークン化された資産を入手したら、この資産を別の人に売却したり、別のアカウントに移動したりすることができます。これを行うには、NFTの転送のメカニズムであるオファーの使い方を学ぶ必要があります。

NFTを2つのアカウント間で直接転送する方法はいくつかあります。1つは買いオファーを使用する方法、もう1つは売りオファーを使用する方法です。次のレッスンでは、買いオファーと、2つの異なるアカウント間で販売を仲介する方法を紹介します。しかしその前に、このレッスンでは、次の手順で売りオファーを使ってNFTを転送します。

  1. 送信元ウォレットでNFTをミントします。
  2. NFTの販売価格を設定し、販売オファーを作成します。
  3. 別のウォレットを使って、販売オファーを承諾し、NFTを購入します。

実際の動作を確認する

  1. 以下のサンドボックスを開いて、送信元アカウントにNFTをミントします。
  2. ウォレットが作成されるのを待ちます。
  3. 送信元ウォレットのURIフィールドにリンクや少量のテキストを追加して、NFTをカスタマイズできます。
    –このフィールドは、台帳に保存されるデータのサイズを適切な大きさに保つため、最大256バイトまで設定可能です。
    –通常、デジタルコンテンツやメタデータへのリンクはここに保存されます。
  4. SendボタンをクリックしてNFTをミントし、NFTokenMintトランザクションがXRPLによって検証されるまで待ちます。
  5. 成功すれば、アカウントにトークンIDと、あなたが含めたURIが表示されるはずです。
  6. 送信元アカウントのトークンリストから、先ほど発行したNFTのトークンIDをコピーし、販売オファーのIDフィールドに貼り付けます。次に、販売オファーのAmountをdrops(XRPの100万分の1)で入力します。
  7. ウォレットでNFTの売りオファーを作成すると、ウォレット内のトークンの下に表示されます。レスポンス内の重要な情報としてNFTオファーのインデックスにnft_offer_indexというラベルが付けられています。これは、誰かが売りオファーを承諾してトークンを購入する際に使用します。
  8. NFTの転送を完了するには、宛先アカウントのウォレットを使用してください。販売オファーのインデックスを入力し、トークンの転送を確認します。オファー額がアカウント残高を下回っていることを確認してください!

レッスン終了

Reactを使ってXRP Ledger上でNFTを転送する方法を少し学んだので、クイズで知識を試してみましょう。

Welcome to your Transfer NFTs with React.js (JP)

NFTを2つのアカウント間で転送するために、必要な手順は?