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

家

ニュース

2025年5月18日

DouglasAnderson

AI生成NFTの魅力的な世界を探求したいなら、この詳細なガイドがあなた自身のAI NFTジェネレーターを作成するのに役立ちます。OpenAIのDALL-EやThirdwebのEngineなどのツールの能力を活用することで、AIの創造力とブロックチェーン技術の堅牢なユーティリティを融合させ、ユニークでパーソナライズされたNFTを簡単に作成できます。技術のベテランでも、好奇心旺盛な初心者でも、このステップごとのガイドがプロセスを最初から最後まで案内します。

主なポイント

AI駆動のNFTジェネレーターの作成方法を学ぶ。
OpenAIのDALL-Eを使用してテキストプロンプトから画像を生成する。
Thirdweb Engineを使用してAI生成画像をNFTとして作成する。
Thirdwebダッシュボードを使用してNFTを管理するためのスマートコントラクトをデプロイする。
フロントエンドアプリケーションとブロックチェーン技術の統合を理解する。

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

AI NFT生成の紹介

人工知能とブロックチェーン技術の融合は、創造性と革新のための驚くべき機会を生み出しました。その中でもAI NFTジェネレーターは、ユーザーがAIアルゴリズムを使用してユニークでパーソナライズされた非代替性トークン（NFT）を作成できるツールです。AIの画像生成能力とブロックチェーンのセキュリティおよび所有権機能を組み合わせることで、これらのジェネレーターはクリエイターとコレクターの両方にとって新たなフロンティアを提供します。

このチュートリアルでは、OpenAIのDALL-Eを画像作成に活用し、ThirdwebのEngineを使用してこれらのAI生成画像をNFTとして作成することに焦点を当て、あなた自身のAI NFTジェネレーターの構築をガイドします。

前提条件

このエキサイティングなプロジェクトに飛び込む前に、以下のものを準備してください：

ReactとNext.jsの基本知識：JavaScript、Reactコンポーネント、Next.jsフレームワークに精通している必要があります。フロントエンドアプリケーションを構築するためです。
Thirdwebアカウント：スマートコントラクトをデプロイし、NFTの作成にEngineを使用するには、無料のThirdwebアカウントが必要です。Thirdwebでサインアップしてください。
OpenAI APIキー：画像生成のためにDALL-Eにアクセスするには、OpenAI APIキーが必要です。有効なキーを取得し、OpenAIアカウントで請求設定を行ってください。OpenAIからキーを取得します。
Metamaskウォレット：アプリケーションと対話し、トランザクションに署名するにはMetamaskウォレットが必要です。Metamaskからブラウザ拡張機能としてインストールしてください。
Node.jsとnpm：システムにNode.jsとnpm（Node Package Manager）がインストールされていることを確認してください。

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

Thirdwebを使用してNFTスマートコントラクトをデプロイする

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

スマートコントラクトのデプロイ

このスマートコントラクトはNFTコレクションの基盤を形成し、そのプロパティを定義し、所有権を保証します。Thirdwebのユーザーフレンドリーなダッシュボードを使用してデプロイする方法は以下の通りです：

コントラクトタブに移動する：Thirdwebアカウントにログイン後、ダッシュボードの「Contracts」タブをクリックします。
コントラクトのデプロイをクリック：Contractsタブに入ったら、「Deploy Contract」ボタンをクリックします。
NFTコレクションを選択：NFTセクションを見つけ、NFT Collectionスマートコントラクトを選択します。
コントラクトメタデータを設定：コントラクト名（例：'AI NFT Generator'）、シンボル、説明、画像を指定してカスタマイズします。
ロイヤリティと一次販売情報を設定：二次販売のロイヤリティの受取人アドレスと割合、および一次販売収益のアドレスと割合を指定します。
ネットワーク/チェーンを選択：スマートコントラクトをデプロイするブロックチェーンネットワークを選択します。テスト用には、Sepoliaなどのテストネットを選択することを検討してください。
スマートコントラクトをデプロイ：コントラクトパラメータを設定後、「Deploy Now」ボタンをクリックし、Metamaskウォレットでトランザクションを承認します。

トランザクションがブロックチェーン上で承認されると、NFTスマートコントラクトが正常にデプロイされます。

フロントエンドアプリケーションの設定

次に、フロントエンドアプリケーションを構築します。

フロントエンドの設定

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

APIディレクトリに新しいフォルダを作成：ミント機能を作成するには、APIコールが必要です。APIディレクトリに「mint」という名前の新しいフォルダを作成し、すべてをリンクしてデプロイするためにroute.tsというファイルを作成します。
Yarn add thirdweb：プロジェクトを実行するためにthirdwebとOpenAIをインストールします。`Yarn add thirdweb`と入力してインストールします。
Yarn add openai：ローカルホストでOpenAIを使用するには、`Yarn add openai`コマンドでインストールします。
新しいファイルを作成：Srcに移動し、clients.tsという新しいファイルを作成します。ここにOpenAIのAPIキーを保存し、すべてのアクションが実行されます。また、Thirdwebの公開クライアントIDも含まれます。
Thirdweb接続コンポーネントをインポート：ページで使用する接続ウォレット機能を作成します。
すべての依存関係をインストール：コマンドラインツールを使用して必要なすべての依存関係をインストールします。

Thirdwebコンポーネントを使用してフロントエンドを構築する方法

Thirdwebコンポーネントを使用すると、フロントエンドを迅速に構築できます。以下はその方法です：

text

import { ConnectButton } from "@thirdweb-dev/react";
export default function Home() {
  return (
    
      {/* ウォレット接続ボタン */}
      
    
  );
}

`@thirdweb-dev/react`から`ConnectButton`コンポーネントをインポートします。
アプリ内でコンポーネントを使用します。
これで完了です！ユーザーはワンクリックでアプリに接続できます。

接続ボタン

OpenAIのDALL-Eを画像生成に実装する

DALL-Eは、テキスト説明から画像を生成する強力なツールです。AI NFTジェネレーターに統合する方法は以下の通りです：

Thirdweb APIキーを取得：Thirdwebアカウントにログインし、ダッシュボードでAPIキーを見つけます。
環境変数を設定：Next.jsプロジェクトに.envファイルを作成し、OpenAI APIキーとThirdweb APIキーを環境変数として保存します。
OpenAIインスタンスを作成：/app/generateでインスタンスを作成します。
画像生成APIルートを実装：画像を生成し、ブロックチェーン上でミントするコードを記述します。

text

export default async function POST(req: NextRequest) {
  const apiKey = process.env.OPENAI_API_KEY;
  if (!apiKey) {
    throw new Error("OpenAI APIキーがありません");
  }
  const {prompt} = await req.json();
  if (!prompt || prompt === "") {
    return new Response("プロンプトを入力してください", { 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を返します。

Thirdweb Engineを使用してNFTをミントする

ThirdwebのEngineは、ブロックチェーントランザクションの複雑さを管理することで、NFTのミントプロセスを簡素化します。以下はEngineを統合する方法です：

Engine設定を構成：Thirdwebダッシュボードにログインし、Engineインスタンスを作成してエンドポイントを取得します。
/Api/Mint.tsを作成：

text

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を使用してBlockchain APIにアクセスし、暗号通貨の取引、NFTの作成、アプリケーションのデプロイなどのトランザクションを可能にします。

ユーザーインターフェースの作成

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

レイアウトを設計：ディスプレイ、flexDirection、alignItems、maxWidth、marginをすべて中央に設定して優れたデザインにします。
コンポーネントを追加：ユーザーがソーシャルアカウントを使用してサインインできるようにconnectWallet.jsを含めます。
NFTの表示：画像が生成されたら、ユーザーにその作品を表示することが重要です。

これらのステップを踏むことで、プロジェクトが完全にセットアップされます。

プロジェクトのセットアップ手順

スマートコントラクトのセットアップ方法

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

ERC721スマートコントラクトを作成：Thirdwebダッシュボードでコントラクトをクリックし、スマートコントラクトのデプロイを選択し、NFTsフォルダに移動します。
「NFT Collection」スマートコントラクトを選択してデプロイします。
名前、シンボル、説明を入力し、ファイル（任意）をアップロードします。
必要な設定を行い、「Deploy Now」をクリックします。
「Confirm」をクリックして契約に署名します。これでスマートコントラクトが完成です。

スマートコントラクトのセットアップ

NFTのミント方法

スマートコントラクトができたので、NFTをブロックチェーンにミントするコードは以下の通りです：

スマートコントラクトにアクセス：新しいconstを作成します。
contractを入力し、useContractがプロセスを返すようにします。
TypeScriptを使用して非同期/クリック関数を記述し、ブロックチェーントランザクションを実行します：

text

// 接続されたウォレットにNFTをミント
const mintNft = async () => {
  try {
    // ミントする前に、SDKに指定されたウォレットで無料NFTを請求するように指示します。
    await contract.erc721.claimTo(address, 1);
    // ローディング状態を表示
    alert("NFTが正常にミントされました！");
  } catch (error) {
    console.error("NFTのミントに失敗しました", error);
  }
}

NFTのミント

無料テストETHの取得方法

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

テストETH

*注：トランザクションに署名する前に、ウォレットがコントラクトとどのように相互作用するかを常に確認してください。*

NFTジェネレーターの使用

NFTの生成

コードの設定が完了したら、NFTジェネレーターを使用するための手順は以下の通りです：

ウォレットを接続：接続されたウォレットプロンプトをクリックし、スマートコントラクトをクリックします。
テストネットを選択：メインネットのコストや潜在的なリスクを避けるために、チェーンをSepoliaまたはMumbaiに選択します。
プロンプトを入力：最適な結果を得るために、できるだけ詳細に記述してください。
生成を押す：AIがプロンプトに基づいて画像を生成します。

NFTの生成

AI NFTジェネレーターに関するよくある質問

AI NFTジェネレーターとは何ですか？

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

Thirdweb Engineとは何ですか？

Thirdweb Engineは、ユーザーが暗号通貨を持たず、ガス代を支払わずにオンチェーントランザクションを呼び出せるHTTPサーバーです。ブロックチェーンの相互作用を簡素化し、NFTのミントと管理を容易にします。

OpenAI DALL-Eとは何ですか？

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

関連する質問

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

主要なコンポーネントには、フロントエンドアプリケーション、スマートコントラクト、AI画像ジェネレーター（OpenAI DALL-Eなど）、NFTをミントするシステム（Thirdweb Engineなど）が含まれます。フロントエンドはユーザーがジェネレーターと対話するためのもので、スマートコントラクトはNFTの所有権を管理し、AIはアートを生成し、ミントシステムはブロックチェーン上でNFTを作成します。

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

カスタマイズのオプションはほぼ無限です。異なるAIモデルを統合したり、UIデザインを変更したり、ユニークなNFT特性を追加したり、さまざまなミントメカニズムを実装したり、AI駆動の価格設定アルゴリズムを組み込むことができます。

AI NFTジェネレーターの潜在的なユースケースにはどのようなものがありますか？

AI NFTジェネレーターは、パーソナライズされたアバターの作成、ユニークなデジタルコレクタブルの生成、ゲーム内資産の自動作成、生成アートプロジェクトの開発など、さまざまなユースケースに使用できます。

ハワイアン・ビーチでの逃避行：新たな絆と意外な展開自然のままのハワイのビーチで、太陽の光が肌を温め、波が穏やかなリズムを刻む。ジョシュにとって、このビジョンは長年の献身を経て現実のものとなった。静かな逃避行から始まった旅は、やがて新たな友情と予期せぬ展開に満ちたスリリングな旅へと急展開する。ハワイの美しい海岸で繰り広げられる、人とのつながり、ビーチサイドでの楽しみ、そして予期せぬ変化の魅惑的な物語に浸ってみてください。ハイライト長年の夢を叶

オジー・オズボーンの「クレイジー・トレイン」アニメーション・ビデオ：そのアートとインパクトを深く掘り下げるオジー・オズボーンの「Crazy Train」は、ヘヴィ・メタルの古典としての地位を超越し、文化の金字塔を体現している。そのアニメーション・ミュージック・ビデオは、曲の生のエネルギーとテーマの深みを増幅させる印象的な映像の旅を提供する。この記事では、ビデオの芸術的な選択、核となるメッセージ、不朽の影響力について検証する。主なハイライトCrazy Train」のビデオは、大胆なモノクロのスケッ

EleutherAIがAIトレーニング用の大規模ライセンステキストデータセットを公開 EleutherAI、主要なAI研究グループは、AIモデルトレーニング用の最大規模のライセンスおよびオープンドメインテキストのコレクションを公開しました。Common Pile v0.1と名付けられたこの8テラバイトのデータセットは、AIスタートアップのPoolside、Hugging Face、およびさまざまな学術機関と協力して2年間で開発されました。このデータセットは、EleutherAIの新

コメント (0)

0/200

提出する

トップニュース

Gemini 2.5 ProはClaudeよりも無制限で安価で、GPT-4O 2025年トップAIビデオジェネレーター：Pika Labs vs 代替案 AIボイスオーバー：リアルな声制作究極ガイドカンビウムのAIは、廃棄物を木材に変換します Openaiは、より良いチャットのためにAIの音声アシスタントを強化します AI統合のためにデータが信頼できることを確認する方法 Notebooklmはグローバルに拡張し、スライドを追加し、ファクトチェックを強化します米国のデータセンターへの微調整は、76 GWの新しい電源容量のロックを解除できます GoogleはAIを利用して、詐欺の疑いのために3900万を超える広告アカウントを一時停止します 2026年までに複数のNYCのパワーを消費するAIコンピューティングは、創設者によると

もっと

特集