漫画をオープンエディションNFTにできた（複数画像を１つのNFTにする方法）

2023年8月29日 16:02

この記事の結論
漫画でオープンエディションNFTできたｗ
Manifoldのmintページ。

前回のNFT記事

なぜやろうと思ったのか

普通のNFTは１つのファイルで作品として登録します。
漫画はページが複数ある（画像が複数ある）ので普通はNFTにできません。

解決策としては
(1)PDF化してNFTにする
　→PDFのデザインを考えるのがめんどうｗ
　→プラットフォームは限られてるが、できるところはある（Raribleとか）
(2)mirrorでブログ形式にする
　→ブログのように文章を書いて画像添付すればいいので楽です。
　→ありがたみがないのか、あまり売れません！ｗ

というわけで、ありがたみのあるマニフォルドのオープンエディションをやりたかったのです。

注意

ここに書かれているのは、ぼくの調べた範囲のやり方です。責任は取れませんｗ
もっといい方法などあれば教えてくださいｗ

マニフォルドで漫画オープンエディション方法

準備：必要な物

・クレジットカード（無料の範囲内でやるため、実際はお金は使いませんが設定に必要なため。ぼくは念のためVプリカでやりましたｗ）
・html
最小限にシンプルに書きましたｗ html形式で保存して使います。


<!DOCTYPE html>
<html>
    <head>
        <title>A-Heart fan art manga 01-02</title>
        <meta http-equiv="content-type" charset="UTF-8">
    </head>
    <body>
        <p>
          <img src="./aheart01.png"><br><br>
          <img src="./aheart02.png"><br><br>
        </p>
        <p>
          <img src="./aheart03.png"><br><br>
          <img src="./aheart04.png"><br><br>
        </p>

    </body>
</html>

やりかた

① Infura にアカウント登録してファイル(画像、html)をipfsに保存
②Manifoldでhidden プロパティを設定、サムネ画像設定

① Infura

https://www.infura.io/

①-1
Get StartedとかSIGN UPとかのボタンから登録します。
Emailと名前とパスワード設定します。メールに認証が届くので登録完了させます。

①-2
CREATE NEW API KEYボタン→IPFS→NAMEで名前設定

①-3
これの次の画面でクレジットカード番号を入れるところが出ます。5GBを超えるとお金引かれます。よほどでないと超えないと思いますが、不安な人はVプリカ（プリペイドカード）を用意するのが良いと思います。

①-4
作成できたら、API KEYS→作ったAPIの名前をクリック（↑にある画像でいうと、「rainbowmaterialweb」という名前をクリック）して設定画面を表示→中盤のDedicated GatewayをENABLED。
適当な自分の好きな名前を入れて保存。
ここで作ったアドレスをManifoldで使います。
https://rainbowmaterialweb.infura-ipfs.io/

①-5
実際にアップロードします。右にUpload Contentってあるので、そこをクリック。ファイルかフォルダーをアップロードできます。

①-6
アップロードしたhtmlを表示します。
下の画面は実際にアップロードしたフォルダ全体。①-4で作ったアドレスを使います。

後ろに「ipfs/」と、
下の画面のアドレスの最後の文字列「QmVLCW2vY738BnG5UenCP7dzV22ZfXn7LU22AUsx3SYCgd」をくっつけます。そしたらこのフォルダにアクセスできます。

https://rainbowmaterialweb.infura-ipfs.io/ipfs/QmVLCW2vY738BnG5UenCP7dzV22ZfXn7LU22AUsx3SYCgd

マニフォルドで使うのはhtmlのアドレスです。
Infuraの作業はこれで終わりです。

https://rainbowmaterialweb.infura-ipfs.io/ipfs/QmVLCW2vY738BnG5UenCP7dzV22ZfXn7LU22AUsx3SYCgd/a-heartfanartmanga0102.html

②Manifold

Manifoldのオープンエディション（Claim page）を作ります。やったことある人が多いと思うので簡単に。

②-1
表紙をアップロード
普段の、画像をアップロードするところは表紙・プレビュー・サムネ画像として表示されます。

②-2
プロパティ設定
画面下の方にPROPERTIESがありますので、右のNew propertyからhiddenを選びます。２セット作ります。
PROPERTY NAMEに「animation_details」
Valueに「{ "format": "HTML" }」
PROPERTY NAMEに「animation_url」
Valueに①で作ったアドレス「https://rainbowmaterialweb.infura-ipfs.io/ipfs/QmVLCW2vY738BnG5UenCP7dzV22ZfXn7LU22AUsx3SYCgd/a-heartfanartmanga0102.html」を入れます。
以上！

あとは普通のオープンエディション設定です。
注意としては、表紙/サムネ/プレビュー画像はopenseaとかの一覧表示のときに表示されます。個別ページでは表示されません。なので、htmlに１番目の画像として設定しておくと親切です。

補足（未確認、未検証のことなど）

・もしかしたらipfsじゃなくて普通のhtml、というか普通の自サイトでもできるかもしれない
　→htmlを表示してるだけっぽいので、もしかしたらweb3じゃなくてweb2の普通のブログや自分のサイトでもできるかもしれない（未検証。。）ただこの場合はNFTと言えるのか問題が出てくるので、ipfsとかが良い。

・サムネイル？用の画像を設定するが、漫画なら１枚目の画像にそのサムネイル？用の画像を置くのが良いかもしれない
　→プレビュー画面やopenseaの一覧画面ではサムネ画像表示されるが、個別ページに入るとサムネ画像が表示されない（当たり前）。同じ作品だよと安心感を与えたいので、１枚目に同じ画像を表示させてたほうが親切かもしれない。

・ipfsに置くhtmlの名前は「index.html」が良い
　→なんかフォルダが丸見えなので。。ｗ

・商業漫画のように、買わないと中身見れないというやつは、別のやり方
　→token gate機能があるNFTが良いです。Manifoldにもあります。「Token Gated Content」とかで検索してください。

まとめ

ぼくとしては難しかったんですけど、出来上がったmintページ、個別のNFTページでは普通に画像表示されてて感動しました。

表現の幅が広がると思います。
今まで１つのファイルでNFT作品を作っていましたが、複数画像で表現できるようになります。漫画じゃなくても良いです。

html形式でNFTができるので、webデザイナーと組んで、もっとかっこいい作品を作ることもできると思います！

この記事が気に入ったらサポートをしてみませんか？