本記事は筆者である私が700以上のNFT取引を経験してきた実績をもとに執筆しています。
![自己紹介](https://mugenaltcoin.com/wp-content/uploads/2023/11/ee4b112b7a24089bd13a9cc77bc1a723.png)
まったくの未経験・ゼロスキルからNFT取引できた経験を活かし、これからNFTを始めてみたい方にもわかりやすく丁寧に解説しています。
本記事では独自コントラクト(通称:独コン)を使ってミントサイトをノーコードで作り、ブログに埋め込む手順を解説していきます。
ちなみに今回作成したミントサイトはこちらです。
実際の作成手順に沿った画像や、つまずいた箇所をピックアップしていますのでぜひ参考にしてみてください。
NFTミントサイト作成に必要なアイテム
始めにNFT発行に必要なアイテムを揃えましょう。
NFTミントサイト作成に準備しておくものは以下の6点。
先にお伝えすると、ミントサイト作成していく過程でデジタルデータをNFT化します。
上記の方でないと、知識不足からミントサイト作成は困難ですのでオススメできません。
一定数の経験を重ねてからNFTミントサイト作成に挑むと分かりやすくなると思いますよ。
ウォレット
ベーシックにメタマスクを使っていれば問題ありません。
![](https://mugenaltcoin.com/wp-content/uploads/2022/06/ナルカミ-1-280x280.png)
メタマスク?なにそれ?
という方、NFTミントサイト作成は無理です!
Rabbyには対応していません。
仮想通貨
販売したいNFTに対応した仮想通貨が必要です。
イーサリアム(ETH)で出品できればベストですが負担もやや大きくなる上、販売できなければ意味ありません。
![](https://mugenaltcoin.com/wp-content/uploads/2022/06/ナルカミ-1-280x280.png)
目的をハッキリしておきましょう
おすすめはイーサリアム(ETH)のレイヤー2のポリゴン(MATIC)。
MATICはコインチェックで直接購入できます。
ビットフライヤーやビットバンク、DMM.BitcoinのMATICは「イーサリアムチェーン」のためNFT取引に使えない仮想通貨ですよ!
詳細はポリゴン/マティック問題1枚で全て解決!をチェックしてみてください。
NFTとして販売する画像やイラスト
ミントサイトにてNFT化も一緒にするため、デジタルデータのままでOKです。
上記アイテムがミントサイト作成サイト(Thirdweb)でNFT化して販売可能です。
データ容量が小さいほどガス代も抑えられる上表示速度も良くなるので、できる限り容量は軽量化した方がいいでしょう。
コレクションの表紙となる画像やイラスト
OpenSeaで見るとアイコンに位置する画像やイラストです。
作品・コレクションの顔となる部分。
1点ものコレクションなら販売する画像と同じでもいいかもしれません。
ミントサイト上で作成後の変更はできず、OpenSeaへのコレクション申請が受理後OpenSea上で可能になります。
メタデータとなるcsvかjsonファイル
ERC721のコレクション展開する場合は必須ですが、ERC1155単品で出す場合には不要です。
csvやjsonファイルサンプルデータはNFTミントサイトから無料でダウンロードできます。(後述します)
ダウンロード後変更しても、ゼロから作ってもOK。
csvファイルなら、Officeやスプレッドシートで作成できますが、jsonファイルの場合は知識とソフトが必要となります。
WindowsはNotepadかWindows用JSONエディタ、macOSのTextEditまたはVisual Studio Code(VSCode)が必要です。
NFTミントサイト公開用サーバー
ミントサイトを設置しておく必要があるため、サーバーが必要です。
ちなみに私が公開しているのはエックスサーバーのワードプレス(有料)です。
いきなりサーバー負担したくない!という方は無料レンタルサーバーを用意しておきましょう。
エックスサーバーのXfreeなら無料で用意できますよ。
作成途中でURL入力する必要があるため、先に準備しておくとスムーズですよ。
テストネットでミントサイトを作ろう
本番のミントサイト作成に入りたい気持ちは分かりますが、最初は練習用のミントサイトを作成してみましょう。
![](https://mugenaltcoin.com/wp-content/uploads/2022/06/ナルカミ-1-280x280.png)
最初は必ずどこかで失敗します
失敗してもETHやMATICを失わないようにテストネットで作成しましょう。
正常にメタデータや動作が確認できたら、同じ手順でトークンを実際の仮想通貨に切り替えて作成するだけ。
テスト用のトークンは無料で入手できますよ。
メタマスクにGoerliを表示させよう
テストネットではGoerliというトークンを用います。
最初はメタマスクにGoerliを表示させましょう。
ロック解除し右上の三本線をクリックしましょう。
![MetaMaskにGoerliトークンを表示させる](https://mugenaltcoin.com/wp-content/uploads/2023/09/c5e1c567e3560559a508b1aa494563b1.png)
「高度な設定」に入りましょう。
![メタマスクにGoerliトークンを表示させる](https://mugenaltcoin.com/wp-content/uploads/2023/09/8b87b86ae803892a98907e93d27e3ade.png)
「テストネットワークを表示」を探してオンにしてください。
![MetaMaskにテストネットで使うGoerliトークンを表示させる](https://mugenaltcoin.com/wp-content/uploads/2023/09/60ae4304fde3263bc4c8464e37d4d9ab.png)
ネットワーク選択しましょう。
![メタマスクにテストネットで使うGoerliトークンを表示させる](https://mugenaltcoin.com/wp-content/uploads/2023/09/7ba6dbed7db31620ca692f8cf0793986.png)
ここの「テストネットワークを表示」もオンになっていれば、「Goerli」が表示されます。
![メタマスクにテストネットで使うゴエリトークンを表示させる](https://mugenaltcoin.com/wp-content/uploads/2023/09/c4b5d835419bf9dbbcd1eb9ba375ec3f-449x560.png)
テストネットのトークンを入手しよう
テストネットで使うGoerliトークンを入手しましょう。
もちろん無料で入手できますよ。
Goerli Faucetへアクセスします。
サイトアクセス後、ウォレットアドレスを入力して請求するだけ。
![](https://mugenaltcoin.com/wp-content/uploads/2022/06/ナルカミ-1-280x280.png)
え?これだけでもらえるの?
![Goerliトークンがもらえたところ](https://mugenaltcoin.com/wp-content/uploads/2023/09/8698e1edf4fadd57d60dc7b415fb7359-722x560.jpg)
画像のように絵が浮かび上がれば無事にGoerliトークンを入手できています。
他の用途では一切使えないトークンです。
1回請求してもらえる分だけで充分テストできますよ。
Thirdwebを利用開始する
Thirdwebを使ってノーコードで独自コントラクト(通称:独コン)のミントサイト作成に進みましょう。
最初にThirdwebにアクセスしてウォレットコネクトしましょう。
私はメタマスク利用なのでメタマスクを選択しています。
![Thirdwebサイトにウォレット接続するウォレットを選択する](https://mugenaltcoin.com/wp-content/uploads/2023/09/Thirdweb-API02-500x560.png)
メタマスクが起動するので「次へ」で進めましょう。
![Thirdwebサイトにウォレット(メタマスク)接続する](https://mugenaltcoin.com/wp-content/uploads/2023/09/5f64cfdcb4ffd8b3e66dc0d14009326c-331x560.png)
メタマスクを接続しましょう。
![Thirdwebサイトにウォレット(MetaMask)接続する](https://mugenaltcoin.com/wp-content/uploads/2023/09/6c9217f8301bdb975a2ca8de93e5c2ce-336x560.png)
初めてthirdwebに接続する場合は「Sign in」でサインしましょう。
![サードウェブにウォレット接続した直後](https://mugenaltcoin.com/wp-content/uploads/2023/09/Thirdweb-API05.jpg)
再度メタマスクが起動するので署名先をチェックして署名しましょう。
![Thirdwebサイトにサインインする署名を行う](https://mugenaltcoin.com/wp-content/uploads/2023/09/10766856f05b1fe25eac1d3010940d7b-338x560.png)
API キーの設定に入ります。「Create API Kay」から進みます。
![ThirdwebサイトでAPIキーを発行する](https://mugenaltcoin.com/wp-content/uploads/2023/09/Thirdweb-API07.jpg)
右上の「Create API Key」をクリックします。
![](https://mugenaltcoin.com/wp-content/uploads/2023/09/Thirdweb-API08.jpg)
「Key name」をつけてNextで進みます。
名前は好きな名前をつけて問題ありませんよ。
![ThirdwebサイトでAPI Keysを発行する](https://mugenaltcoin.com/wp-content/uploads/2023/09/Thirdweb-API09.jpg)
「Enable Services」の画面に移行します。
![Thirdwebサイトでサービス許可をする](https://mugenaltcoin.com/wp-content/uploads/2023/09/cad9f8d0341fecc85410b820da92bac7-431x560.png)
「Allowed Contract address」欄に自分のウォレットアドレスを入力して「Next」で進みます。
![Thirdwebサイトでサービス許可に自分のウォレットを入力する](https://mugenaltcoin.com/wp-content/uploads/2023/09/f5c47145b3762d83aaeadfb4a21431e1-500x560.png)
「Allowed Domains」欄に掲載するブログ情報を入力して「Create」をクリックしましょう。
![Thirdwebサイトに掲載するサイト情報を入力する](https://mugenaltcoin.com/wp-content/uploads/2023/09/bd395b56d12b899cc1a188c57977132f-1-549x560.png)
無事APIキーが発行されました。
必要事項をメモしておきましょう。
![ThirdwebサイトでAPIキーが発行された直後](https://mugenaltcoin.com/wp-content/uploads/2023/09/d474a952c7e613f8e01c14f60dd34947-1-553x560.png)
これでThirdwebが利用できます。
![Thirdweb利用ができる状態になったところ](https://mugenaltcoin.com/wp-content/uploads/2023/09/Thirdweb-API17.png)
ミントサイトを作る3ステップ
ここではERC-1155を使って1つのNFTを複数点発行するやり方を解説していきます。
ミントサイトを作るステップは以下の3ステップです。
ERC-721を使ったコレクション作成を知りたい方はこちらから該当箇所にジャンプしますよ。
ひとつずつ解説していきますね。
単品NFT(ERC-1155)でNFTミントする
ERC1155はひとつのデジタルデータを複数点販売する時に利用する規格です。
画面右上にある「Explore」をクリックしてください。
![ThirdwebサイトでERC1155規格を使ってNFTミントする](https://mugenaltcoin.com/wp-content/uploads/2023/09/d1b409bd675db214c3bebf0401cb2789.png)
EXplore画面から「Popular」欄に「NFT Drop」や「Edition Drop」と表示されています。
![](https://mugenaltcoin.com/wp-content/uploads/2022/06/ナルカミ-1-280x280.png)
ここではEdition Dropで進めています
![ThirdwebサイトでERC1155規格を使ってNFTミントするためにExploreに入る](https://mugenaltcoin.com/wp-content/uploads/2023/09/67558d41617bd64680bddc7092fc1a54-638x560.png)
「Edition Drop」をクリック後表示される「Deploy now」をクリックしましょう。
![ThirdwebサイトでERC1155規格を使ってNFTミントするためにEdition Dropをクリックする](https://mugenaltcoin.com/wp-content/uploads/2023/09/46d3dd331ea1cd77f2a2c054d4b189fc.png)
「Single Upload」と「Batch Upload」が表示されます。
![ThirdwebサイトでERC721規格を使って単一NFTミントする](https://mugenaltcoin.com/wp-content/uploads/2023/09/image.png)
一度にミントするデジタルデータの量によって選択してください。
ここでは「Single Upload」(ひとつのデジタルデータ)でミントしていきます。
ミントする情報を入力していきます。
![ThirdwebサイトでERC1155規格を使ってテストネットでミント情報を入力する](https://mugenaltcoin.com/wp-content/uploads/2023/09/0798f2aa6ab021117a8b79f4174ce972-378x560.png)
![ThirdwebサイトでERC1155規格を使ってNFTミントする画像をアップロードしたところ](https://mugenaltcoin.com/wp-content/uploads/2023/09/85f07aa8173865e996a72f069f50c4ab-670x560.jpg)
![ThirdwebサイトでERC1155規格を使ってNFTミントするNFTのプロパティを入力したところ](https://mugenaltcoin.com/wp-content/uploads/2023/09/f480053d32784d44dee6b41528b252b5.png)
![ThirdwebサイトでERC1155規格を使ってテストネットNFTミントする情報の高度なオプション](https://mugenaltcoin.com/wp-content/uploads/2023/09/9a3b5aaaccf8e3d81bb8d4ea66abf0f5-612x560.png)
完成形がこうなりました。
続いて右下にある「Lazy Mint NFT」へ進みます。
![ThirdwebサイトでERC1155規格を使ってテストネットNFTミントする情報を入力し終えたところ](https://mugenaltcoin.com/wp-content/uploads/2023/09/509be77115253ee963368ef334bcb2d2-379x560.jpg)
メタマスクが起動して実際に金額を支払います。
Goerliテストネット利用なのでGoeriで支払います。
![ThirdwebサイトでERC1155規格を使ってGテストネットでNFTミントするGoerliを支払う](https://mugenaltcoin.com/wp-content/uploads/2023/09/78d2d9eb92ad272953ae4d89d1f50ffe-271x560.png)
実際にNFTができました。
![ThirdwebサイトでERC1155規格を使ってNFTミントするテストネットNFTが完成したところ](https://mugenaltcoin.com/wp-content/uploads/2023/09/bd7b8131f9067d57f2cc5ebf27416e40.jpg)
次の章では販売条件設定していきます。
販売条件を設定しよう
ここからは作成したNFTの販売条件を設定していきましょう。
先ほどの「Contact NFTs」の欄をクリックしましょう。
![テストネットで作成したNFTの販売条件を設定する](https://mugenaltcoin.com/wp-content/uploads/2023/09/5141b1e6b74aa48e3a70dabf030a2594.webp)
以下の画面に切り替わると思いますので、「Details」から「Claim Conditions」をクリックして切り替えてください。
![テストネットで作成したNFTの販売条件を設定する画面に移動する](https://mugenaltcoin.com/wp-content/uploads/2023/09/ceee26c573df94240de6b0b8a6ed1b5f.jpg)
「Missing Claim Phases」が表示されている下の「Add Phase」をクリックします。
![Goerliで作成したNFTの販売条件を設定する](https://mugenaltcoin.com/wp-content/uploads/2023/09/f23e7db0554f5ebc79828f202866b5af-1-633x560.png)
小さな表示で選択肢が表示されます。
ここではPublicで進めています。
![Goerliで作成したNFTのセール情報を決定する](https://mugenaltcoin.com/wp-content/uploads/2023/09/31ec0bae4f0165c4264b370358859122-1.png)
Publicの条件を決めていきましょう。
![Goerliで作成したNFTのパブリックセール情報を決める](https://mugenaltcoin.com/wp-content/uploads/2023/09/d3be2cf3ceba7c8694a5972515d8ab0b-427x560.png)
![Goerliで作成したNFTのパブリックセールの販売開始期間を決める](https://mugenaltcoin.com/wp-content/uploads/2023/09/91b273d367034e4f4f89828928ecc730.png)
![テストネットiで作成したNFTのパブリックセール情報(販売金額・ミント数・1ミントで上限何枚までミントできるか)を決める](https://mugenaltcoin.com/wp-content/uploads/2023/09/313ed04b51f7f125286738a8721a14fc.png)
上記項目を決定したら「Save Phases」をクリックします。
メタマスクが起動するのでガス代を支払い販売条件を決定しましょう。
![Goerliで作成したNFTのパブリックセール情報を決めたら確定するためにGoerliを支払う](https://mugenaltcoin.com/wp-content/uploads/2023/09/1796b196428c2ed7acb7135036cc36ea-266x560.png)
Publicの隣に「CURRENTLY ACTIVE」と表示され、販売期間や金額が表示されていれば無事設定完了です。
![Goerliで作成したNFTのパブリックセール情報を決まったところ](https://mugenaltcoin.com/wp-content/uploads/2023/09/eb515029ade3619e7e5ae469980a1ece-511x560.png)
次の項目で上記の条件設定したミントサイトが入手できますよ。
埋め込みコードを設置する
最後に画面左にある「Embet」にクリックして切り替えましょう。
![ERC1155規格で作成したテストネットNFTのミントサイトコードを取得する](https://mugenaltcoin.com/wp-content/uploads/2023/09/8d44e68688e375331b1f0ba9609c573a.png)
最初に作ったコレクションでは画面に「Configuration」→「Create Client ID」と表示されています。
「Create Client ID」をクリックしてIDを取得しましょう。
![ERC1155規格で作成したテストネットNFTのミントサイトコードを取得するためのIDを発行する](https://mugenaltcoin.com/wp-content/uploads/2023/09/bc340704704212356d6cddc6fea4b905.jpg)
ID取得後、下部にプレビューが表示されますよ。
![ERC1155規格で作成したテストネットNFTのミントサイトコード取得のためのID発行した状態](https://mugenaltcoin.com/wp-content/uploads/2023/09/126c95e010a97892bb9d3e27acf923da-471x560.jpg)
実際にミント画面となる様子がこの状態です。
![ERC1155規格で作成したテストネットNFTのミントサイトのプレビュー](https://mugenaltcoin.com/wp-content/uploads/2023/09/3651bdcfd8f195539d28a22fb4264002-610x560.jpg)
プレビューのすぐ上左側にある「Customizasiton」で表示の色味を変更できるのでお好きなものをチョイスしてください。
![ERC1155規格で作成したテストネットNFTのミントサイト表示を変更する](https://mugenaltcoin.com/wp-content/uploads/2023/09/e002a67d5a8092f4f7e7dd69aad1e0af.png)
実際にプレビューからミントもできますよ。
![ERC1155規格で作成したテストネットNFTのミントサイトプレビューから実際にミントしてみる](https://mugenaltcoin.com/wp-content/uploads/2023/09/e6ef444d42be38829be921cdef786a80-407x560.png)
ミント後のカウントも作動していました。
![ERC1155規格で作成したテストネットNFTのミントサイトプレビューから実際にミントしてみた結果](https://mugenaltcoin.com/wp-content/uploads/2023/09/f0b8b20a0212db598848be8485d3da42.png)
右側にある「Embed Code」をコピーして、ブログ等に埋め込めばミントサイトの出来上がりです!
![ERC1155規格で作成したテストネットNFTのミントサイトのコードをコピーする](https://mugenaltcoin.com/wp-content/uploads/2023/09/8b3450527e2c34282917d08dd14ab727.png)
![](https://mugenaltcoin.com/wp-content/uploads/2022/06/ナルカミ-1-280x280.png)
私はワードプレスのカスタムHTMLで埋め込みましたよ
コレクション展開する場合
ERC721を使ったコレクション展開する場合は手順が異なり複雑になります。
単品NFTを数多くリリースする場合はこちらの手順からERC1155で出しましょう。
ひとつずつチェックしていってくださいね。
コレクションページを作成する
入り口は「Explore」です。
![テストネットにてERC721規格でNFTコレクションを展開する](https://mugenaltcoin.com/wp-content/uploads/2023/09/d1b409bd675db214c3bebf0401cb2789-1.png)
「Explore」からNFTの種類を選択しましょう。
「NFT Drop」で進めていきましょう。
![](https://mugenaltcoin.com/wp-content/uploads/2022/06/ナルカミ-1-280x280.png)
コレクション展開ならERC721だね
![GoerliテストネットにてERC721規格でNFTコレクションを展開するためにNFT Dropを選択する](https://mugenaltcoin.com/wp-content/uploads/2023/09/67558d41617bd64680bddc7092fc1a54-638x560.webp)
NFT Dropに入ったところです。右側にある「Deploy now」をクリックしてください。
![NFT Dropからデプロイする](https://mugenaltcoin.com/wp-content/uploads/2023/09/e1c742cfd6b83acff5b9c3c0de44e0eb-1.jpg)
コレクションのパラメーターを決めていきましょう。
![NFTコレクションのパラメーターを決める](https://mugenaltcoin.com/wp-content/uploads/2023/09/61fe175fd355db5b485727d38184512d-369x560.webp)
![テストネットにてERC721規格でNFTコレクションを展開するパラメーターを決める](https://mugenaltcoin.com/wp-content/uploads/2023/09/b0f260a0b0afbf5929cc883a76d3306f.webp)
イメージつきやすいように別コレクション作成した時のデータを置いておきますね。
![実際に試しに作成したコレクション](https://mugenaltcoin.com/wp-content/uploads/2023/09/image-2.webp)
上記の入力でコレクション作成するとOpenSeaではこのように表示されていますよ。
![実際に作成したコレクションのOpenSea上の見え方](https://mugenaltcoin.com/wp-content/uploads/2023/09/image-292x560.webp)
続いてロイヤリティを設定しましょう。
![テストネットにてERC721規格でNFTコレクションを展開するロイヤリティの設定](https://mugenaltcoin.com/wp-content/uploads/2023/09/303813454935affb5681be2d1d5fc085.webp)
プラットフォームフィーが設定できます。
このコントラクトで売買されたものはプラットフォームを変更しても設定されたフィーが入るとあります。
ただし、2023年9月以降にデプロイされたNFTは、OpenSeaでロイヤリティを徴収しないと表明しているのでOpenSea売買では効果なさそうです。
OpenSea以外のプラットフォームも視野に設定しておくといいでしょう。
![テストネットにてERC721規格でNFTコレクションを展開するロイヤリティ詳細の設定する](https://mugenaltcoin.com/wp-content/uploads/2023/09/fef6bd0c1381d6f0cfc4bb3ed1f329ea.webp)
ここではGoerliネットワークで進めていますよ。
☑️Add to〜はそのままチェックオンにしておきましょう。
「Deploy Now」をクリックしましょう。
![テストネットのネットワーク・チェーン選択する](https://mugenaltcoin.com/wp-content/uploads/2023/09/e0312c8c38bacd116d70d5b2f24faae7.webp)
画面にデプロイ状況が表示されます。
![テストネットでデプロイする](https://mugenaltcoin.com/wp-content/uploads/2023/09/fa35e8572d462785ed7cc02dfdec92fd.webp)
その後メタマスクが2回起動するのでチェック後ガス代を支払いましょう。
![テストネットでデプロイするガス代Goerliを支払う](https://mugenaltcoin.com/wp-content/uploads/2023/09/111ce5f3487aeac1a8800c072296a89d-270x560.webp)
2回目の署名要求です。
![Goerliテストネットでデプロイするガス代Goerliを支払う](https://mugenaltcoin.com/wp-content/uploads/2023/09/11e5ef1522d803fad3eb99bafdcd2912-340x560.webp)
無事にコレクションページが完成しました。
![テストネットでコレクションページがデプロイできたところ](https://mugenaltcoin.com/wp-content/uploads/2023/09/dd81816387f1895cdabf0c8122f8c33f-732x560.webp)
コレクションをNFT化する
ここからERC1155の場合と手順が大きく変わってきますのでゆっくり進めていってください。
コレクションにNFTをミントしていきましょう。
「NFTs tab」をクリックしましょう。
![デプロイしたコレクションにNFTをアップロードしていく](https://mugenaltcoin.com/wp-content/uploads/2023/09/d918987f448a59c192cec47445ebfae6-590x560.png)
画面左側にある「NFTs」でも同じですよ。
![デプロイしたコレクションにNFTをアップロードしていく作業に入る](https://mugenaltcoin.com/wp-content/uploads/2023/09/e73b374b828fcb042662ce6dda483744.png)
表示に出てきた「Batch Upload」でコレクションをまとめてアップロードできます。
Single Uploadはその名前どおり1点ずつ加えていくスタイルです。
![](https://mugenaltcoin.com/wp-content/uploads/2022/06/ナルカミ-1-280x280.png)
ここではBatch Uploadで進めています
![デプロイしたコレクションにNFTをまとめてアップロードしていく](https://mugenaltcoin.com/wp-content/uploads/2023/09/48ee2b86c175c8af3fba3cb80497f9aa.jpg)
アップロード画面に移行します。
![デプロイしたERC721コレクションにNFTをアップロードする画面](https://mugenaltcoin.com/wp-content/uploads/2023/09/7ae2b49bd2792cd391cfbee8e59cd73f.webp)
左側にNFTミントする画像とcsvファイル(またはjsonファイル)をファイルごとドロップしましょう。
右側からcsvファイル、jsonファイルのサンプルがあるのでダウンロードして使用してみてください。
![デプロイしたERC721コレクションにcsvかjsonファイルをアップロードする画面](https://mugenaltcoin.com/wp-content/uploads/2023/09/7c37fe9db5023d07864a6e4090b9ebea.jpeg)
ちなみに私がドラッグ&ドロップしたファイルの中身はこのような形です。
ここで使用したcsvファイルを置いておきます。
![実際にアップロードした際のcsvファイルと画像](https://mugenaltcoin.com/wp-content/uploads/2023/09/0c7afcc58711e6293f074f6396b0546c-656x560.png)
以下のように反映・表示されました。
![アップロードされたNFTたち](https://mugenaltcoin.com/wp-content/uploads/2023/09/5ead0a1bb382fbaeb04b38fe9b941ca5-620x560.webp)
修正はこの段階であれば何度でもできますのでトライしてみてください。
(ちなみに私はケアレスミスや作品名と画像が入れ替わるミスしています)
後半で失敗しない方法を解説していますので参考にしてみてください。
「Next」で次に進みましょう。
![実際にテストネットコレクションとしてアップロードされたNFTたち](https://mugenaltcoin.com/wp-content/uploads/2023/09/4157770258a283ea64c581ceb253aed9-604x560.webp)
NFTをいつリビールするか?の選択です。
![いつNFTが理ビールされるかを選択する](https://mugenaltcoin.com/wp-content/uploads/2023/09/c7b0f0f2dfeb124a428337b530dfbe39.jpg)
ここではReveal upon mintで進めています。
リビール形式はERC721規格でないとできません。
ガス代を支払いコレクションにNFTを加えていきましょう。
![GoerliテストネットでERC721規格のコレクションをミントする](https://mugenaltcoin.com/wp-content/uploads/2023/09/9eebcab2e02c4465d8c52950b7f3d89c-270x560.png)
コレクションにNFTが加わりました。
![GoerliテストネットでERC721規格のコレクションがミントできたところ](https://mugenaltcoin.com/wp-content/uploads/2023/09/6beb368baaaa6cfe259b6daaa91d386b-654x560.webp)
販売条件設定を決定しよう
続いて販売設定していきましょう。
単品(ERC1155)の販売設定と同じなので飛ばしたい方はこちらから次のセッションへジャンプします。
画面左側にあるClaim Conditionsをクリックしてください。
![テストネットにてERC721規格コレクションの販売条件を設定する](https://mugenaltcoin.com/wp-content/uploads/2023/09/b4858cb804ac7a9ebac6c2fee12b84b1.jpg)
Set Claim Conditionsにある「Add Phase」をクリックしてください。
![GoerliテストネットにてERC721規格コレクションの販売条件を設定する](https://mugenaltcoin.com/wp-content/uploads/2023/09/230ad71bf0ca78de59dad7fa9ed35163.jpg)
クリックすると、販売方法が選択できますので販売方法を決めましょう。
![](https://mugenaltcoin.com/wp-content/uploads/2022/06/ナルカミ-1-280x280.png)
Public販売で解説していきます
![テストネットにてERC721規格コレクションのセール条件を決める](https://mugenaltcoin.com/wp-content/uploads/2023/09/f53f409567e3a5aa03634ba6a846f524.png)
販売開始期間・金額等設定していきましょう。
![テストネットにてERC721規格コレクションのパブセ条件を決める](https://mugenaltcoin.com/wp-content/uploads/2023/09/66b606361f0396250ce9e0d8e51ad798.webp)
![GoelriテストネットにてERC721規格コレクションのセール条件(何枚発行するか?何ミント許可するか?)を決める](https://mugenaltcoin.com/wp-content/uploads/2023/09/37b65c8aeceacdaa46c81e718a8f82e8.jpg)
決定したら右下にある「Save Phases」で確定させましょう。
![GoelriテストネットにてERC721規格コレクションのセール条件(販売開始期間)を決める](https://mugenaltcoin.com/wp-content/uploads/2023/09/12ce7a57647d62a195bcc612b93c1527.jpg)
ガス代を支払いましょう。
![GoelriテストネットにてERC721規格コレクションのセール条件を決めたらGoerliガス代を払って確定させる](https://mugenaltcoin.com/wp-content/uploads/2023/09/37dcb4db0ac4d7653c30ce291486a98e-336x560.png)
CURRENTLY ACTIVEと表示され、販売開始期間や金額等が表示されていればOKです。
![パブリックセールが開始されたところ](https://mugenaltcoin.com/wp-content/uploads/2023/09/ac865b4b7965b41ac9597c8f92d0a6f1.jpg)
ミントコードをコピーしよう
実際のミントコードを取得しましょう。
画面左端にある「Embed」をクリックしましょう。
![テストネットにてERC721規格のコレクションミントサイトコードをコピーするページに転移する](https://mugenaltcoin.com/wp-content/uploads/2023/09/a20bf2da718d8243173f3039a91cea70.png)
表示されている「Copy to clipboad」からミントコードをコピーし、ブログ等に埋め込んで使えるようになりますよ。
![](https://mugenaltcoin.com/wp-content/uploads/2022/06/ナルカミ-1-280x280.png)
ワードプレスならカスタムHTMLで埋め込みできました
![テストネットにてERC721規格のコレクションミントサイトコードをコピーする](https://mugenaltcoin.com/wp-content/uploads/2023/09/9cfc61182ed567d4730fad5f9d4d2a7f.webp)
NFTをSBT化する方法
NFTをトランスファーできないSBT化する方法は簡単です。
画面左端にある「Extensions」から「Permissions」をクリックしてください。
![NFTをSBT化する](https://mugenaltcoin.com/wp-content/uploads/2023/09/6292a600b98b5569965a75703aaa4037.png)
表示されている「Transfer」項目から「Transferable」をクリックしてください。
![発行したNFTをSBT化する](https://mugenaltcoin.com/wp-content/uploads/2023/09/image-1.png)
通常は「Transferable」になっているので、「Non -Transferable」に変更します。
![トランスファー許可をトランスファーできないSBT化する](https://mugenaltcoin.com/wp-content/uploads/2023/09/34e42f1630dd89a520ddf992c75e7e09.png)
最後に右下にある「Update permissions」をクリックし、ガス代を支払ってSBT化ができますよ。
Thirdwebで作成して失敗した箇所
Thirdwebを実際に使ってみて失敗した箇所をピックアップしてみます。
ThirdwebでNFTを実際に作成して失敗したりつまずいた箇所をまとめておきますので、作品作りに活かしてください。
規格に対する知識
始めにつまずいた箇所はERC721とERC1155の規格違いは何なのかが理解できていませんでした。
結論を先にお話しすると、ERC721は1点ものでERC1155は同一アイテムの複数点出品に使う規格。
私はERC721規格で4枚のNFTコレクションを作成したにもかかわらず、枚数制限なしなどあべこべ設定でした。
何をどれくらい発行して販売したいのか?突き詰めないと無駄になりますよ。
コレクションのcsv・jsonファイル作成
csvやjsonファイルサンプルはThirdwebからダウンロードできますが、どう書き込めばいいのか分かりませんでした。
なぜならほとんどの方が作成したコレクションのcsvやjsonファイルを公開していないから。
私が実際にコレクション作成したcsvファイルを置いておきますので参考にしてみてください。
jsonファイルはワードプレスの形式に対応していないため設置できませんでしたので画像にて置いておきます。
![実際に作成したjsonファイル](https://mugenaltcoin.com/wp-content/uploads/2023/09/json-179x560.webp)
コレクション作成に活かしてくださいね。
画像とメタデータが一致しない
コレクション作成時に最も苦労した点が、ファイル名と画像が一致しなかったこと。
Thirdweb側の読み込んだ順番に画像が展開されてしまい、設定した通りに展開されませんでした。
対応したこと
上記を対策することで正常にコレクション反映されました。
うまくThirdwebの画像とメタデータが反映されなかった場合は試してみてください。
作品画像サイズや容量を意識していない
OpenSeaの作品サイズとしては小さい512×512で作成したこと。
![実際に作成した画像の大きさ・サイズが小さかった](https://mugenaltcoin.com/wp-content/uploads/2023/09/image-3-536x560.webp)
フレームに対してかなり小さく感じるサイズにまとまってしまいました。
さらに画像容量も486KBと比較的大きなサイズで表示時間の遅延にもつながりました。
やはりある程度試してみないと反省材料が見えてきません。
これから作成する人はぜひ細部までこだわってみてください。
独自コントラクトでミントサイト制作してみよう
本記事の要点をまとめます。
独自コントラクトでNFTやコレクション展開できれば、プラットフォームに左右されることなく販売できます。
ミントサイトまで自前で用意できればNFT販売もしやすくなりますね。
こちらが完成したミントサイトです。