No1 DAO NFT Viewer

ウォレットアドレスを入れると、持っている No1 DAO のNFTを画像つきで一覧表示するビューア。

No1 DAO NFT Viewerの画面。左にコントラクトアドレスとメタデータURI、右にウォレットアドレスの入力欄と「表示する」ボタンがあり、下にToken #1「DAOdog」のNFT画像カードが表示されている。

Web3コミュニティ「No腕☆DAO」のNFT(Polygon上のERC-1155)を、ウォレットアドレスから確認できるWebページです。コントラクトに balanceOf をまとめて問い合わせて残高のあるToken IDを探し、uri からメタデータを取得して画像・名前・説明を表示します。ウォレット接続もサーバーも不要で、公開RPCとIPFSゲートウェイに直接問い合わせる静的なHTML1枚で動きます。RPCとIPFSゲートウェイはそれぞれ複数を順に試し、1つが落ちていても表示できるようにしています。

ウォレットをつながずに、ブロックチェーンへ直接聞きに行く

見ているのは、Polygon上にある1つのコントラクト(0x3fD3…8b8D)です。入力されたアドレスと調べたいToken IDの組み合わせを、ブロックチェーンの読み取り専用の呼び出し(eth_call)でコントラクトの balanceOfBatch に渡し、持っている枚数をまとめて受け取ります。呼び出しのデータは、関数の識別子と、アドレス・IDを64桁の16進数にそろえたものを自分で組み立てています。

Token IDは50個ずつまとめて問い合わせるので、1つずつ聞くより少ない通信で持っているNFTを探し出せます。見つかったIDについては uri を問い合わせ、返ってきたURLの {id} の部分を規格どおり64桁の16進数に置き換えて、メタデータを取りに行きます。

公開されている通信先を、順に試す

  • ブロックチェーンへの問い合わせ先(RPC):publicnode と dRPC の2か所
  • 画像とメタデータの取得先(IPFSゲートウェイ):ipfs.io、Pinata、nftstorage.link の3か所
  • 1か所が応答しなくても、次の通信先に切り替えて表示を続ける
  • 各NFTから、Polygonscanのトークンのページへ移動して中身を確かめられる
使用技術
  • JavaScript
  • Polygon
  • ERC-1155
  • JSON-RPC
  • IPFS
担当
  • 企画
  • コントラクト読み取りの実装
  • 画面設計
成果
  • wakame.dev 配下で公開中
  • ウォレット接続なしで、アドレスを入れるだけで確認できる
  • RPCとIPFSゲートウェイを複数用意し、1つが落ちても表示を続ける
制作期間
2026-09
ステータス
公開中

← 制作実績の一覧へ戻る