1. 歌うWeb3エンジニア なおこママチャンネル
  2. ずとまものダイナミックNFT実..
2023-07-17 29:44

ずとまものダイナミックNFT実装やってみた

※30分にも及ぶ長尺になったので、倍速推奨します🙏

恋に落ちるNFT ずっとまもるで、まもちゃんと一緒にいるような体験をということで、自分が住んでいる地区の天気がまもちゃんにも反映されたら側にいる体験になって面白いんじゃないか?
という、coファウンダーであるとちさんの発想から、ダイナミックNFTとして実験的に実装してみようとなりました。

古のプログラマーである私は、APIとか言われてもちんぷんかんぷんでしたが、どうにか実装できたよというお話です。
まだちゃんとは出来てませんが←

一応、背景切り替えだけ実験でやりました。
晴れの大阪城から雨の沖縄那覇市へ緯度経度を変更
→Openseaでメタデータ更新をすると
背景も晴れ→雨に変わりました☔️
https://twitter.com/5151naoko/status/1680481013502472193?s=46&t=bi5Dy9dPqTUlXHf7TC92cg

フリーミントが終わりましたら、希望者を募ると思いますので、Discordのずとまも心臓部までぜひお越しください!

#ずとまも #ずとまも心臓部 #ずっとまもる #ダイナミックNFT

---
stand.fmでは、この放送にいいね・コメント・レター送信ができます。
https://stand.fm/channels/640bd7415676c6fba8a978be
00:08
あら、お久しぶり。来てくれてありがとう。なおこママです。
ちょっと、また開いてしまいましたね。
ずっとね、お話したいことは山ほどあるんですけど、
何をしてたかっていうとね、
ダイナミックNFTの実装をちゃんと、さすがにね、しないとなった。
必死でやってました。
あと、アイドルね。アイドルも必死で歌ってました。
でもまだね、まだ歌ったんですけど、録音もできてるんですけど、
なんかね、もう一回撮り直そうかなみたいな、何回もそれのループなんですけど。
いや、だめですね。いつまで経っても出せない感じになってます。
まず、告知なんですけど、ずっと守るシーン3ですね。
授業給食編のフリーミントが7月の21日まで開催されております。
ガス代もね、安くてちょうどいいかと思いますので、
良きタイミングでフリーミントの権利をお持ちの方は忘れないうちにお願いします。
今日ね、お話ししたいのは、やっぱり実装頑張っていたね、
ダイナミックNFTについてちょっとお話ししたいなと思ってます。
このね、ダイナミックNFTね、一回お話ししたと思うんですけど、
その時はもう全然、どうやったらいいんだろうって全く分かってなかったんですけど、
これ遡るとね、CNPJ、宇寿名さんとね、
一緒にされているエンジニアのルブライトさんという方がね、
ずっと守るでも、メインではないんですけどね、
監査って、ちゃんとね、コントラクトが使用通りに動くかとか、
セキュリティ的に大丈夫かとかね、
そういうのを見てくださるスケットですね、
という形でルブライトさんに来ていただいているんですけど、
03:03
そのルブライトさんがたまたまね、ずっと守るエンジニアのスレを見てくださっていて、
このね、ダイナミックNFTのことを土地さんがね、
シーン3のマモちゃんの背景に窓があるんですけど、
その窓のところに映る天気が、実際の天気と連動したら面白いなっていうのをね、
お話しされているのを見て、あ、できますよって言うんでね、
あ、これは、これはやるしかないっていう感じだったんですけど、
そのお話があったのが、4月の20日だったんですよね。
もうね、今から考えたら、もう3ヶ月も経ってるみたいな。
私ね、APIとか全然なじみがなくてですね、
そのね、ルブライトさんにどういうところを見てね、
勉強したらいいですかね、みたいなお話もあったんですけど、
あの、あの、あの、あの、
アマゾンのね、公式のヘルプページとかね、紹介されたんで、見るんですけど、
もう全然頭に入ってこないんで、どうしようかなと思いながら、
まあでもね、4月20日なんで、
ちょっとね、アマゾンのね、公式のヘルプページとかね、
どうしようかなと思いながら、
まあでもね、4月20日なんで、シーン1が終わったとこですよね。
なんで、シーン2のジェネもやんないとだし、
まあもちろんシーン3のジェネも作んないとだし、っていうので、
まあそういうので、追われてましたし、
全然慣れないね、音声配信もね、やったりとかしてましたし、
という言い訳をね、しつつですね、なかなか勉強も進まずでね、
いやでもさすがにこれはヤバいなと思って、
はい、もうね、あの、ユーデミね、頼りましたね。
でもね、ユーデミの、その、うん、APIの、
APIの講座もあったんで、セールの時に買って、
やったんですけどね、もう本当にもう、その講師の人の声が眠くて、
06:01
とっても単調でどうしても出てしまうみたいな感じになっていて、
なかなか進まなかったんですけど、まあでもその動画のおかげで、
ああ、こうやって作ったらいいんだっていうのは掴めたので、
まあその動画、とりあえず見終わって、やっぱりね、実際こう作って、
動かしてからは、割と今サクサクね、制作できてるんですよ。
割と思った通りに動くようにできました。
はい。
いやー良かったと思って。
まあ、チャットGPTとかね、あと個人ブログを検索したりとかしてね、
すっごい助けられましたね。
あのね、本当は7月14日ね、
シーン3がフリーミーンと始まると同時にね、
ダイナミックNFTもランダム20枚混ぜるっていう話だったんで、
そこにね、間に合わせようと思ってたんですけど、
すいません、無理ですって言うかもね。
間に合わないんだったら、
フリーミーンとが終わってから、ダイナミックNFT、
欲しい人を抽選で割り当てましょうかっていう話になったんで、
それで、
ランダムだと、そんなダイナミックNFTとかやるとかいうお話とか、
ボイシーとかスペースとか全く聞いてなかったら多分ね、
ダイナミックNFTとか、
ダイナミックNFTとか、
ダイナミックNFTとか、
ダイナミックNFTとか、
なので、やっぱりね、熱心な、
ずっとマムシンゾーブのコミュニティメンバーの人に渡った方がね、
幸せですよね。
ちゃんと見てくださいますしね。
結果的に良かったかなーとか思ったり。
はい。
とりあえず、もう14日は従来の形でリリースさせてくださいっていう話をした時には、
実はあんまりちゃんとね、私も大丈夫かなと思いながら、
はい、お話ししてたんですけど、
実はね、
結論ね、切り替えもできるんですけど、
そうそう、意外とね、
09:02
もうコントラクトは、
結局ね、
結局ね、
結局ね、
結局ね、
結局ね、
結局ね、
結局ね、
結局ね、
結局ね、
変えずに、
どこまで変えれるんだろうと思ったんですけど、
もうね、
コントラクトで設定されてくるもの、
NFTの番号とか、
ステージですね、
ママちゃん成長するんで、
小学生だったら小学生ステージの名前とか、
高校生ステージの名前とかも、
設定されてくるんですけど、
その値をそのままAPIの方にもらって、
それを元に、
何でしょうね、
NFTの情報を見に行くっていうふうにできるんで、
ちょっと一瞬不安になったんですよね。
なんかね、コントラクトで、
リュウジさんがね、しっかり、
来年のね、
2024年の2月の10日に、
高校生、
高校生編になるって、ステージが変わるっていうふうに、
ちゃんと設定されてるんですけど、
それをね、
APIの方でもやらないといけないのかなとか一瞬思って、
いやー、
いや困るみたいな。
どこまで機能を盛り込まないといけないんだろうって、
ちょっと不安になったんですけど、
もうそのままコントラクトからもらったままで、
処理できるっていうのが分かったんで、
はい、胸を撫で下ろしました。
ちょっとね、一人でどうしよう、どうしようとか思いながら、
リュウジさんがね、
結局相談したけど、
相談の内容を書いてるうちに自己解決しちゃったとかね、
そんな感じでしたけど、
意外と、
リュウジさんが、
リュウジさんが、
リュウジさんが、
リュウジさんが、
リュウジさんが、
リュウジさんが、
12:01
意外と、
思った通りにことが運んだので、
スムーズに、
私の中ではスムーズにいきましたね。
そもそも、14日間に合ってないって話は置いといてください。
やっていることとしては、
まずね、コントラクトの、
ベースURIっていうね、
そこにサーバーのパスが入るんですよね。
AmazonだったらAmazonの、
サーバーの、
NFT番号が何番の、
小学生編の、
NFTの情報を見に行くっていう、
ファイルパスが書いてあるんですけど、
そこの、
ファイルパスを、
Amazonのファイルサーバーじゃなくて、
AmazonのAPIの方を見るように、
変えるんですよね。
一旦変えてみて、
そこを変えても、
APIの方では何も、
せずに、
ファイルサーバーの方の、
情報を、
設定してそのまま返すっていう風に、
まずはやってみて、
そうするとあれですよね、
もともと設定していた、
ものだろうと、
APIを経由して設定しているものだろうと、
その絵がね、
ママちゃんの絵がもう、
全く同じものが設定されているっていう形ですよね。
まずはそこをやりました。
同じ絵が、
まず表示されないと、
シーン3だけダイナミックNFTを適用するんですけど、
シーン1、シーン2については、
今のまま表示したいので、
ここはね、しっかりしないといけないんですよね。
ベースURIっていうものがね、
全部のNFTの設定を変えちゃうことになるんで、
ここはちゃんと変わらないことっていう確認が必要だったんです。
同じっていうのが分かってから、
お天気のAPIっていうのがあるんですけど、
お天気のAPIに、
場所の情報ですね、
緯度とか経緯度とかね、
15:01
渡したら、
そこのお天気だったり、
3時間ごとのお天気まで拾えるのかなって、
あとあれですね、
気温とかね、
なんか結構いろいろ、
返ってくるんですよ。
しかも無料で。
これもまたRubliteさんから教えていただいたんですけど、
さすがですよね。
他のお天気APIだと、
やっぱりちゃんと、
何回までしかリクエストできないよとか、
回数決まってたりするんですけど、
これは無料でね、
全然回数の制限もないんで、
いいですよね。
はい。
その無料のお天気APIを使って、
まずはね、
固定でね、
大阪城とかの緯度、経緯度を設定しておいて、
天気晴れとかね、
取得したら、
晴れの絵に変わるように、
APIのほうでね、
設定して、
で、OpenSeaのほうで、
そのメタデータ更新をすると、
ちゃんと晴れの背景になるかとかね、
そんな感じでね、
それをね、
更新をすると、
ちゃんと晴れの背景になるかとかね、
その辺を確認しました。
で、
やっぱりね、大阪城固定じゃちょっとつまんないんで、
NFTごとにね、
緯度経度を保存するために、
データベースを使って、
トークンIDごとに、
緯度経度をね、
保存できるように、
しまして、
で、
APIの中で、
その保存しているデータベースを読みに行って、
で、
絵が変わるようにね、
はい、
変更して、
で、
ちゃんとね、データベースの緯度経度を変えたら、
OpenSeaの絵の表示も変わるっていうのをね、
確認できました。
はい。
あとは、
あとあれですね、
私まだね、ちゃんと絵の合成できてないんで、
そこの作業をしないといけないですね。
18:02
うん。
まあ、絵の合成はね、
実は、
ジェネやってた時に、
やっぱりこれちょっと、
かぶりすぎだから、
うん。
ちょっと手で変えちゃおうかなとかね、
なんか、
ちょっとゴニョゴニョする時用にね、
実は、
その合成する用のツールを、
以前作ったんで、
まあそれを使えば、
できるかなーと思っております。
なので、
うん。
まあ、あれですね、
抽選が終わってから、
合成しようかなーという感じですね。
うん。
もう対象、
対象の、
そのNFTの組み合わせだけを、
もう一回作り直す感じですね。
うん。
まあ、20枚なんでね。
はい。
20枚かける、
あれですね、
晴れの絵と、
雨の絵と、
雷の絵と、
雪の絵、
この4種類を、
はい。
入れ替えたものを、
作んないといけないんで、
80枚ですね。
はい。
80枚追加で作りますよ。
はい。
で、
まあ、小学生編はね、
お試しで、
ね、
20枚のNFTだけなんですけど、
まあ、もしそれがね、
好評であれば、
えー、
土地さん的にはね、
高校生編は、
平日の制服の姿のマモちゃんと、
休日は私服姿で、
フラペチーノを飲むマモちゃん、みたいなね。
まあ、いいですよね。
楽しそうですね。
そうそう。
いろんなマモちゃんをね、
楽しめるように、
しよう、
ということで、
はい。
まあ、正直ね、
お天気よりも、
全然、
データベース読む必要もない感じになるので、
いいのかな、
より簡単になるのかな、
っていう感じなので、
できるのはできるんですけど、
21:00
ただ枚数が多いんでね、
高校生には、
もう今、
運営ウォレット以外の
ウォレットにあるものは、
全部、
高校生になるので、
これがね、
さっき見た、
7487枚らしいんですよね。
この枚数を全部、
ダイナミックNFTにするっていうことは、
やっぱり、
その分ね、
APIのリクエストが、
いっぱい走るんで、
やっぱりね、
コストがどれだけかかるのかな、
っていうとこですよね。
でも、
やっぱりね、
やっぱりね、
そこはちょっと、
私もわかんないんですけど、
調べてみようかな、
っていうとこですね。
はい。
というわけで、
残りの作業としては、
絵の合成と、
コストが、
いくらかかるかですね。
はい。
そこをね、
あとは、
やっぱり、
そこをね、
あとは、
やってしまえば、
はい。
とりあえず、
ダイナミックNFTについては、
作業終わるかな、
と思います。
あと、私的に、
すっごい心残り、
心残りなのは、
名付け画面ですね。
いつまで描けてんだ、
って話なんですけど、
はい。
で、
最初の、
接続ボタンを押して、
一応ね、
接続ボタンを押したら、
その、
接続したウォレットが、
あの、
持ってるね、
ずっとままの、
トークンIDを取得する、
っていうとこまでは、
できてるんですけど、
その、
あの、
紐づく絵ですね、
ももちゃんの絵が、
バーッとこう、
表示されて、
で、
そこにね、
あの、
テキストボックス付けて、
あの、
そのテキストボックスに、
変更したい名前を入れてもらって、
とかいうとこまでは、
全然できてないんですよ、
はい。
24:01
まあでもね、
正直これができたら、
あの、
着替え画面とかね、
できると思うんですよね。
そう、
お着替えとか全然できると思うんですよ。
あんま別にね、
ずっとままでやるとは言ってないですよ。
まあね、
私がちょっとやってたCNP、
ちょっとじゃないな、
がっつりやってましたね、
CNPベイビーとかね、
ベイビーちゃんのお洋服変えたりとかね、
小物変えたりとかね、
っていうか、
CNPルーキースでもね、
あの、
新桃さん着替え機能付けたい付けたいって、
ずーっとおっしゃってたんで、
ね、
やっぱやりたいですよね。
そうそう、
うーん、
やっぱりフロントできたら、
楽しいこといっぱいできますよね。
いやー、
なんかかっこいい画面とか
作りたいと思うんですけどね。
うん。
いやー、
でもね、
めっちゃずれるんですよ。
あの、
CSSむずっと思いながら。
うん。
なんでしょうね。
あの、
マップル経営さんも
ね、
ツイッターで言ってましたけど、
CSS完全に理解したとかいう
画像がめっちゃずれてるっていうね、
あれなんかちょっとじわるんですけど。
めっちゃわかると思って。
すごい合わせたのに、
なんかね、
なんかボタンを押したタイミングとかで
なんかずれたりとかするんですよね。
うん。
いやもう、
なんか多分変だったら
変なことを書いてるんでしょうね。
きっとね、書いた通りにしか
そう、
強制されないはずなんですけど。
書いた覚えないのになーと思いながら。
はい。
ずれた画面を見る感じでね。
はい。
まあそんな感じで。
もうちょっとね、
あの、
精進したいですね。
はい。
あの名付け画面ね。
すっごいお待たせしてますけど。
っていうかもうあれですね。
C3まで終わっちゃうとですね。
まあ、
正直私なんか、
ね、本当に。
えーと、何人いるんだろう。
え、57人かな。
ママちゃん。
27:01
大変。
57人分の名付けをするっていうね、
恐ろしいことをね、
起こるわけですよね。
はい。
そう、もう本当はね、
もういっそスプレッドシートで
いいんじゃないかとか思うんですけど。
やっぱりね、
その、
俺と繋いでもらって、
ちゃんと
その人自身の
そのホルダーさんが
その、
その、
そのホルダーさんが
ね、
名前変えるっていうのじゃないと
やっぱりね。
なんか勝手に
名前変わってるんですけど
とかなっても怖いですしね。
というわけで、
ダイナミックNATの
対応が終わりましたら
名付け画面も頑張ります。
はい。
で、
はい。
音声配信も
なんかね、
日々
進捗とか
いや、でもつまんないな。
進捗とかいりますかね。
はい。
わかんないですけど。
ね、たぶん進捗とかよりね、
罵倒とかね、
のほうがきっと
いけそう。
はい。
あとまあ、
リクエストいただいてる
歌のレジも
しつつですね。
はい。
いや、楽しいですね。
はい。
私は毎日幸せです。
というわけで、
はい。
取り留めのない話ですが
ダイナミックNATは
どうにか形になりますよ
ということで
楽しみにしておいていただけると
嬉しいです。
それでは、
最後までお聴きくださり
ありがとうございました。
今回10分なんかに
全然収まってなくてごめんなさい。
それじゃあまたね。
バイバイ。
29:44

コメント

スクロール