こんにちは！TEDASKのToshiです。

前回のテストネット用のトークンを取得する方法に続いて、テストネットに独自コントラクトでNFTを作成し、自分のウォレットに作成したNFTを転送するまでのやり方を今回はご紹介したいと思います。

今回はSepoliaテストネットを利用しますので、もしまだSepoliaのトークンを取得していない場合は、次の記事を見ながらSepoliaのトークンを取得するところから始めましょう。

事前準備
GitHubに画像データとメタデータを配置
Remix IDEでNFTを作成
作成したNFTをMintする（転送する）
OpenSeaのテストネットサイトでNFTを確認
MetaMaskでのNFTの確認方法
まとめ

事前準備

Sepoliaのトークンを取得したら、次に以下の用意が必要です。

画像ファイルを読み込ませるためのサーバーもしくはGitHub
NFT化するための画像
SepoliaETHの残高

1．画像ファイルを読み込ませるためのサーバーもしくはGitHub

画像をNFTにする場合、もしその画像そのものをNFT化してしまうと、変換処理が多くなりガス代も多く掛かってしまうため、メタデータに画像ファイルのURL（置き場）をNFT化することでガス代を抑えるやり方が一般的です。

そのため、この画像のパスが変わってしまった場合（使っていたドメイン＋サーバーを解約したとか）は、画像が表示されなくなってしまうため、一度配置した画像のURLは変わらないことが前提となります。

ですので今回は、レンタルサーバーではなくGitHubの公開リポジトリを利用して画像ファイルを配置したいと思います。

2．NFT化するための画像

当然ですが、NFT化するための画像を用意します。

一応注意ですが、試験とは言え著作権があるような画像は著作権違反になるため利用しないようにして下さい。また大事な作品なども、ここでの公開はおすすめしませんので、簡易的に作った画像を用意しましょう。

3．SepoliaETHの残高

今回は本番のイーサリアムネットワークではなく、テストネットにNFTを作成するのですが、テストネットでもガス代は掛かるため事前にSepoliaETHというトークンを取得しておく必要があります。

SepoliaETHトークンの取得については次の記事で紹介しています。

GitHubに画像データとメタデータを配置

もしGitHubを使ったことが無くレンタルサーバーが良いというかたは、ファイルの作りかはまでは一緒ですので、参考にして下さい。

【WEB3】Remix IDEをつかってテストネットに独自コントラクトでNFTをデプロイ（作成）して自分のウォレットに転送（Mint）する方法

まずnewでリポジトリを作成します。

名前はなんでもいいですが、自分で分かる名前にしておきます。またPublicを指定します。

ローカルにimagesフォルダとmetadataフォルダを作成します。

imagesフォルダにNFT化するための画像を入れます。名前はなんでもいいのですが、半角英数字にします。

次にmetadataフォルダに先ほどの0（拡張子なし）のファイルを作成します。これは後ほどTokenIDというIDをMint（ウォレットに転送）するときに入力するのですが、そのIDと対応する必要がありますので、まずは最小単位の「0」というファイルを作成します。

ちなみに画像名もこのメタデータのファイル名と合わせた方がわかりやすいという人は、画像のファイル名も0.pngや0.jpgなどに変更しても良いです。

{
  "name": "test NFT",
  "description": "test description",
  "image": "test.png",
  "attributes": [
    {
      "trait_type": "test category",
      "value": "test value"
    }
  ]
}

メタデータの内容は、決まっているのるパラメータに合わせますが、今回はこの内容で作成しますので、内容は適宜ご自身のものに書き換えてください。ちなみに、lmageだけはまだURLがまだ決まっていないので、仮でファイル名だけ入力しておきます。

では一旦この状態でGitHubにPushしてしまいます。

データが反映されています。

画像も確認できたので、次にURLを取得します。

リポジトリ画面の「Settings」をクリックします。

左メニューの「Pages」をクリックします。

「Build and deployment」の「Branch」をNoneからmainに切り換えて、「Save」をクリックします。

すると、「Your site is live at」と表示されるので、そのURLにアクセスします。

そうすると「404」ページが表示されますが、とりあえず大丈夫です。

つぎに生成されたURL/images/test.png（ご自身で作ったファイル名）にアクセスします。

画像が表示されればOKですので、そのURLを先ほどのメタデータファイル（0）に貼り付けて、githubのデータを更新します。（面倒な場合はgithub上から直接更新しても良いです。）

{
  "name": "test NFT",
  "description": "test description",
  "image": "{{YOUR URL}}/nft_remix/images/test.png",
  "attributes": [
    {
      "trait_type": "test category",
      "value": "test value"
    }
  ]
}

これで準備OKです！

Remix IDEでNFTを作成

いよいよ画像をNFT化しますので、ブラウザ上でプログラムが実行できるRemix IDEにアクセスします。

https://remix.ethereum.org

初めてアクセスすると、アンケートのようなダイアログが表示されるので、とりあえずLearningを選択すれば良いかと思います。

メイン画面に移ったら、「Workplace」の左横のメニューアイコンをクリックして「Create using template」をクリックします。

テンプレート一覧が表示されるので、「OpenZepperin」の「ERC721 contract with:」mintable、burnableが記載されているテンプレートの「Create」をクリックします。

　「OK」をクリックします。

ファイルが自動で生成されるので、生成作業が落ち着いたら「contracts」フォルダの中の「MyToken.sol」をクリックします。

ソースコードが記述されているのがわかります。

// SPDX-License-Identifier: MIT
pragma solidity ^0.8.20;

import "@openzeppelin/contracts/token/ERC721/ERC721.sol";
import "@openzeppelin/contracts/token/ERC721/extensions/ERC721Burnable.sol";
import "@openzeppelin/contracts/access/Ownable.sol";

contract MY_NFT is ERC721, ERC721Burnable, Ownable {
    constructor(address initialOwner)
        ERC721("MY_NFT", "MYNFT")
        Ownable(initialOwner)
    {}
    
    function _baseURI() internal pure override returns (string memory) {
        return "{{YOUR URL}}/nft_remix/metadata/";
    }

    function safeMint(address to, uint256 tokenId) public onlyOwner {
        _safeMint(to, tokenId);
    }
}

ソースコードに上記のコードで不足している、function _baseURI()の部分を追記します。{{YOUR URL}}の部分は先ほどGitHubで作ったページURLです。metadataはメタデータファイルが入っているディレクトリです。

MY_NFTやMYNFTの部分は自由ですので、ご自身の分かる名前に適宜変更してください。