フルオンチェーンNFT Nocode Tool

このプロジェクトは、技術的な知識がなくてもフルオンチェーンNFTを作成できるNocode Toolです。HTMLやSVGを使用してNFTを作成し、イーサリアムブロックチェーン上に直接保存することができます。

特徴

• HTMLまたはSVGを使用したNFT作成
• ブラウザ内でのリアルタイムプレビュー
• ワンクリックでのNFTミント
• OpenSeaとの統合

NFT作成オプション

このツールでは、2つの方法でNFTを作成できます：

1. カスタムNFT作成: 独自の作品コードでフルオンチェーンNFTを作成します。HTMLやSVGを使用して、完全にカスタマイズされたNFTを作ることができます。

2. テンプレートNFT作成: 既存のテンプレートを使用してNFTをカスタマイズします。色や特徴を選択するだけで、簡単にユニークなNFTを作成できます。

使い方

1. ウォレットの接続
   • ページ右上部の「ウォレットを接続」ボタンをクリックして、MetaMaskなどのイーサリアムウォレットを接続します。

2. NFT作成方法の選択
   • ホームページで「カスタムNFT作成」または「テンプレートNFT作成」を選択します。
   • カスタムNFT作成では自分でNFT作品のコードを用意して作ることが出来ます。
   • テンプレートNFT作成ではあらかじめNFT作品が用意してあり、ユーザーが選んだ色や特徴を元にフルオンチェーンNFTを作ることが出来ます。

カスタムNFT作成の手順

1. 新しいコレクションの作成
   • 「コレクション作成」ボタンをクリックします。

2. コレクションの詳細入力
   • コレクション名、シンボル、ファイルタイプ（HTMLまたはSVG）を入力します。
   • 「作成」をクリックしてコレクションを作成します。

3. NFTのデザイン
   • 左側のエディターにHTMLまたはSVGコードを入力します。
   • 右側のプレビューウィンドウでリアルタイムに結果を確認できます。
   • デザインが完成したら、「ミントする」ボタンをクリックします。

4. NFTのミント
   • NFTのタイトルと詳細を入力します。
   • 「ミント」ボタンをクリックしてNFTを作成します。

5. ミント完了とOpenSeaリンク
   • ミントが完了すると、画面右下にトースト通知が表示されます。
   • 通知には「NFTが作成されました！」というメッセージと共に、OpenSeaで確認するためのリンクが含まれています。

6. OpenSeaでの確認
   • このリンクをクリックすると、作成したNFTをOpenSea上で直接確認することができます。

テンプレートNFT作成の手順

1. テンプレートの選択
   • 利用可能なテンプレートから好みのものを選択します。

2. カスタマイズ
   • 色や特徴などのオプションを選択してNFTをカスタマイズします。
   • プレビューでリアルタイムに変更を確認できます。

3. NFTのミント
   • 「Generate NFT」ボタンをクリックしてNFTを作成します。

4. OpenSeaでの確認
   • ミントが完了すると、OpenSeaのリンクが表示されます。
   • リンクをクリックして、作成されたNFTをOpenSeaで確認できます。

技術的詳細

• Next.js と React を使用したフロントエンド
• wagmi.js を使用したブロックチェーンとの対話
• AceEditor を使用したコードエディター
• React-Toastify を使用した通知システム
• solidityを使用したスマートコントラクト作成
• rainbowKitを使ったウォレット接続

注意事項

• このツールはテストネット（Sepolia）上で動作します。実際の資産を使用する前に十分注意してください。
• ガス代（トランザクション手数料）が必要です。十分なETHがウォレットにあることを確認してください。