OpenAIとThirdWebで独自のAI NFTを作成します

AIに生成されたNFTSの魅力的な領域を探索したい場合は、この詳細なガイドがあなた自身のAI NFTジェネレーターを作成するのに役立ちます。 OpenaiのDall-EやThirdWebのエンジンなどのツールの機能を活用することにより、AIの創造力をブロックチェーンテクノロジーの堅牢なユーティリティと簡単にミントするために、簡単にミントすることができます。あなたがハイテクのベテランであろうと好奇心の強い初心者であろうと、このステップバイステップガイドは、最初から最後までプロセスを説明します。

キーポイント

• AI搭載のNFTジェネレーターを作成する方法を学びます。
• OpenaiのDall-Eを利用して、テキストプロンプトから画像を生成します。
• サードウェブエンジンを使用して、AIに生成された画像をNFTSとしてミントします。
• ThirdWebダッシュボードを使用して、NFTを管理するためのスマートコントラクトを展開します。
• FrontEndアプリケーションとブロックチェーンテクノロジーの統合を把握します。

AI NFTジェネレーターの構築：ステップバイステップガイド

ai nft生成の紹介

人工知能とブロックチェーン技術の融合は、創造性と革新のための信じられないほどの機会を生み出しました。これらの中には、AIアルゴリズムを使用してユニークでパーソナライズされた非容量のないトークン（NFT）を作成できるようにするツールがあります。 AIのイメージ生成能力をブロックチェーンのセキュリティと所有権の特徴と融合させることにより、これらのジェネレーターは、クリエイターとコレクターの両方に新しいフロンティアを提供します。

このチュートリアルでは、独自のAI NFTジェネレーターを構築し、画像作成のためにOpenaiのDall-Eを活用し、ThirdWebのエンジンを利用してこれらのAIが作成した画像をNFTとして覆うことに焦点を当てています。

前提条件

このエキサイティングなプロジェクトに飛び込む前に、次のことを確認してください。

• Reactおよびnext.jsの基本的な知識：JavaScript、Reactコンポーネント、およびFrontEndアプリケーションを構築するには、next.jsフレームワークに精通する必要があります。
• ThirdWebアカウント：スマートコントラクトを展開し、NFTをミントするためにエンジンを使用するには、無料のThirdWebアカウントが必要です。 ThirdWebにサインアップしてください。
• OpenAI APIキー：画像生成のためのDall-Eへのアクセスには、OpenAI APIキーが必要です。有効なキーがあり、OpenAIアカウントに請求を設定していることを確認してください。 Openaiからキーを入手してください。
• メタマスクウォレット：アプリケーションと署名するトランザクションと対話するために、メタマスクウォレットが必要です。メタマスクからのブラウザ拡張機能としてメタマスクをインストールします。
• node.jsおよびnpm：システムにnode.jsとnpm（ノードパッケージマネージャー）がインストールされていることを確認してください。

これらのツールとアカウントを配置すると、AI NFTジェネレーターの構築を開始する準備が整いました。

ThirdWebを使用してNFTスマートコントラクトを展開します

最初のステップは、NFTスマートコントラクトを展開することです。

このスマートコントラクトは、NFTコレクションの基礎を形成し、そのプロパティを定義し、所有権を確保します。 ThirdWebのユーザーフレンドリーなダッシュボードを使用して展開する方法は次のとおりです。

1. [契約]タブに移動します：ThirdWebアカウントにログインした後、ダッシュボードの[契約]タブをクリックします。
2. [契約の展開]をクリックします：[契約]タブで、[契約の展開]ボタンをクリックします。
3. 契約を参照して、NFTコレクションを選択します。NFTセクションを見つけて、NFTコレクションスマートコントラクトを選択します。
4. 契約メタデータの構成：名前（「ai nftジェネレーター」など）、シンボル、説明、画像を提供して契約をカスタマイズします。
5. ロイヤリティと主要な販売情報の設定：二次販売ロイヤリティの受信者アドレスと割合、ならびに一次販売収益の住所と割合を指定します。
6. ネットワーク/チェーンを選択：スマートコントラクトを展開するブロックチェーンネットワークを選択します。テストについては、セポリアのようなテストネットに展開することを検討してください。
7. スマートコントラクトの展開：契約パラメーターを構成した後、[今すぐ展開]ボタンをクリックして、メタマスクウォレットのトランザクションを確認します。

ブロックチェーンでトランザクションが確認されると、NFTスマートコントラクトが正常に展開されます。

フロントエンドアプリケーションのセットアップ

次に、Frontendアプリケーションを構築する時が来ました。

これにはnext.jsを使用します。

1. APIディレクトリに新しいフォルダーを作成します。MINT関数を作成するには、API呼び出しが必要です。 APIディレクトリに「Mint」と呼ばれる新しいフォルダーと、すべてをリンクして展開するためにroute.tsというファイルを作成します。
2. YARNはThirdWebを追加：ThirdWebとOpenaiをインストールしてプロジェクトを実行します。 `yarnを追加するsurdweb`をインストールします。
3. yarn add openai：地元のホストでOpenaiを使用するには、「Yarn add openai」コマンドでインストールします。
4. 新しいファイルの作成：SRCに移動し、Client.tsという新しいファイルを作成します。これにより、OpenaiのAPIキーが保持され、すべてのアクションが実行される場所になります。また、ThirdWebのパブリッククライアントIDも含まれます。
5. 3番目のWeb Connectコンポーネントをインポート：ページで使用する接続ウォレット機能を作成します。
6. すべての依存関係をインストールする：コマンドラインツールを使用して、必要なすべての依存関係をインストールします。

サードウェブコンポーネントでフロントエンドを構築する方法

ThirdWebコンポーネントを使用すると、フロントエンドをすばやく構築できます。方法は次のとおりです。

 import { ConnectButton } from "@thirdweb-dev/react"; export default function Home() { return ( 
 {/* Connect wallet button */}  
 ); }

• `connectbutton`コンポーネントを`@shuldweb-dev/React`からインポートします。
• アプリ内のコンポーネントを使用します。
• それでおしまい！ユーザーは、ワンクリックでアプリに接続できます。

画像生成のためにOpenaiのDall-Eを実装します

Dall-Eは、テキストの説明から画像を生成するための強力なツールです。 AI NFTジェネレーターに統合する方法は次のとおりです。

1. ThirdWeb APIキーを取得：3番目のWebアカウントにログインし、ダッシュボードに移動してAPIキーを見つけます。
2. 環境変数のセットアップ：next.jsプロジェクトで.envファイルを作成し、Openai APIキーとThirdWeb APIキーを環境変数として保存します。
3. OpenAIインスタンスを作成します： /app /generateでインスタンスを作成します。
4. Generate Image APIルートを実装：コードを書き込み、画像を生成し、ブロックチェーンでミントします。

 export default async function POST(req: NextRequest) { const apiKey = process.env.OPENAI_API_KEY; if (!apiKey) { throw new Error("Missing OpenAI API Key"); } const {prompt} = await req.json(); if (!prompt || prompt === "") { return new Response("Please enter a prompt", { status: 400 }); } const openai = new OpenAI({ apiKey, }); const response = await openai.images.generate({ prompt, n: 1, size: "512x512", }); const image_url = response.data[0].url; return NextResponse.json({ data: image_url }); }

このコードは、OpenAI APIにリクエストを送信し、プロンプトに基づいて画像を生成し、画像URLを返します。

サードウェブエンジンでNFTをミントします

ThirdWebのエンジンは、ブロックチェーントランザクションの複雑さを管理することにより、NFTのミントのプロセスを簡素化します。エンジンを統合する方法は次のとおりです。

1. エンジン設定の構成：3番目のダッシュボードにログインし、エンジンインスタンスを作成し、エンジンエンドポイントを取得します。
2. create / api / mint.ts：

 import { ThirdwebSDK } from "@thirdweb-dev/sdk"; export const mint = async (address: string, imageUri: string) => { const sdk = ThirdwebSDK.fromPrivateKey(process.env.THIRDWEB_SECRET_KEY as string, "sepolia"); const contract = await sdk.getContract(process.env.NEXT_PUBLIC_CONTRACT_ADDRESS as string, "nft-collection"); const tx = await contract.mintTo(address, { name: "Ai", description: "NFT", image: imageUri, }); const receipt = tx.receipt; const tokenId = tx.id; const nft = await tx.data(); return nft; }

ThirdWeBSDKを使用してブロックチェーンAPIにアクセスし、暗号通貨の取引、NFTの作成、アプリケーションの展開などのトランザクションを有効にします。

ユーザーインターフェイスのクラフト

使いやすくインタラクティブなUIを作成するには、HTML、CSS、およびTypeScriptコードを記述する必要があります。 ThirdWebはこのプロセスを簡単にします。

1. レイアウトの設計：ディスプレイ、FlexDirection、Alignitems、MaxWidth、およびマージンを使用して構造を設定します。
2. コンポーネントの追加：ユーザーがソーシャルアカウントを使用してサインインするためのConnectWallet.jsを含めます。
3. NFTの表示：画像が生成されると、ユーザーに作業を表示することが重要です。

これらの手順を使用すると、プロジェクトは完全にセットアップされます。

段階的なプロジェクトのセットアップ

スマートコントラクトを設定する方法

何よりもまず、AI nftジェネレーターを使用するには、アプリが作成したすべての画像を鋳造できるように、NFTスマートコントラクトを作成する必要があります。

1. ERC721スマートコントラクトを作成する：ThirdWebダッシュボードの契約をクリックし、スマートコントラクトを展開し、NFTSフォルダーに移動します。
2. 展開する「NFTコレクション」スマートコントラクトを選択します。
3. 名前、シンボル、および説明を入力してから、ファイルをアップロードします（オプション）。
4. 必要な設定を設定し、[今すぐ展開]をクリックします。
5. 「確認」をクリックして契約に署名します。今、あなたはスマートコントラクトを持っています。

NFTをミントする方法

スマートコントラクトがあるので、ブロックチェーンにNFTを造るコードを次に示します。

1. スマートコントラクトへのアクセスを取得：新しいconstを作成します。
2. 契約を入力し、プロセスにuseContractを返すようにします。
3. TypeScriptを使用してClick関数にAsync/を書き込み、ブロックチェーントランザクションを実行します。

 // Mint the NFT to the connected wallet const mintNft = async () => { try { // Before minting, tell the SDK to claim free NFTs on the specified Wallet. await contract.erc721.claimTo(address, 1); // Show loading state alert("NFT Minted Successfully!"); } catch (error) { console.error("failed to mint nft", error); } }

無料のテストETHを取得する方法

1. 錬金術のアカウントを作成する：錬金術アカウントを使用すると、さまざまな機能をテストできます。ウェブサイトを初めて使用する場合は、インストールする必要があります。
2. チェーンをSepoliaまたはMumbaiに設定します。これにより、実際の暗号コストを負担することなく、テストネットを使用できます。
3. チェーンのテストETHをリクエストする：個人のウォレットアドレスを使用して、蛇口から無料のテストETHを取得します。

*注：取引に署名する前に、ウォレットが契約とどのように対話するかを常に確認してください。

NFTジェネレーターを使用します

NFTを生成します

コードを設定した後、NFTジェネレーターを使用するための手順を次に示します。

1. ウォレットを接続する：接続されたウォレットプロンプトをクリックして、スマートコントラクトをクリックします。
2. テストネットを選択します。メインネットのコストや潜在的なリスクを避けるために、セポリアまたはムンバイにチェーンを選択します。
3. プロンプトを入力してください：最良の結果を得るために、できるだけ記述してください。
4. press generate：AIは、プロンプトに基づいて画像を生成します。

ai nftジェネレーターに関するよくある質問

ai nftジェネレーターとは何ですか？

AI NFTジェネレーターは、人工知能を使用して、ユニークでパーソナライズされた非ファンングできないトークン（NFT）を作成するツールです。 AIアルゴリズムを活用して、ブロックチェーン上のNFTとして鋳造できる画像、音楽、またはその他の形式のデジタルアートを生成します。

サードウェブエンジンとは何ですか？

ThirdWeb Engineは、ユーザーが暗号を保持したりガスを支払うことを要求せずに、オンチェーントランザクションを呼び出すことができるHTTPサーバーです。ブロックチェーンの相互作用を合理化し、NFTを造り、管理しやすくなります。

Openai Dall-Eとは何ですか？

OpenaiのDall-Eは、テキストの説明から画像を生成できる強力なAIモデルです。ユニークで想像力豊かなビジュアルを作成するために広く使用されており、AI NFT生成に最適な選択肢となっています。

関連する質問

AI NFTジェネレーターを構築するために必要な重要なコンポーネントは何ですか？

コアコンポーネントには、フロントエンドアプリケーション、スマートコントラクト、AIイメージジェネレーター（Openai Dall-Eなど）、およびNFTS（ThirdWebエンジンなど）のMintingシステムが含まれます。フロントエンドにより、ユーザーはジェネレーターと対話でき、スマートコントラクトはNFTの所有権を管理し、AIはアートを生成し、ミントシステムはブロックチェーンでNFTを作成します。

ai nftジェネレーターをカスタマイズするにはどうすればよいですか？

カスタマイズオプションは事実上無限です。さまざまなAIモデルを統合し、UI設計を変更し、一意のNFT特性を追加し、さまざまなミントメカニズムを実装し、AI駆動型の価格設定アルゴリズムを組み込むこともできます。

ai nftジェネレーターの潜在的なユースケースは何ですか？

AI NFTジェネレーターを使用して、パーソナライズされたアバターを作成し、ユニークなデジタルコレクションを生成し、ゲーム内資産の作成を自動化し、いくつかのユースケースを挙げて生成アートプロジェクトを開発できます。