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

家

ニュース

2025年5月18日

DouglasAnderson

144

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

DeepMindのCEOハサビス氏：1日6時間睡眠し、通常午前1時頃に活力を感じます。フォーチュンは最近、Google DeepMindのCEOであるデミス・ハサビスへのインタビューを掲載し、彼の休息と生産性に対する非伝統的なアプローチを明らかにした。ハサビスは、睡眠時間が非常に短いことを明かし、覚醒時間を2つの明確な作業ブロックに構造化していると語った。彼の睡眠習慣について、ハサビスは「6時間の睡眠を目標としているが、私の習慣は典型的ではない。一日中効果的に機能できる」と述べた。彼は、6時間未満の睡眠は脳の健康に悪影響を及ぼすことを強調した。2010年にDeepMindを共

OpenAIとAnthropic、収益の伸び悩みにもかかわらず市場シェア争いを繰り広げる OpenAIが収益目標を達成できなかったとする最近の報道を受け、今週火曜日にハイテク株に売り圧力が生じたにもかかわらず、AI研究機関への民間投資家は依然として堅調だ。経験豊富な出資者たちは、メディアによる否定的な報道にもかかわらず、投資額を減らすつもりはないことを明らかにしている。アナリストらは、現在のAI競争はまだ初期段階にあると見ており、「勝者総取り」という結末はあり得ないと見ている。高いコン

カリフォルニア州の自動運転車規制：違反切符、ジオフェンス、そして100万マイルという新たな時代 Guident社は南フロリダでAuveTechのシャトルを運行しており、同社の遠隔監視技術を活用して、ウェストパームビーチでの4マイルのルートとボカラトンでの1マイルのルートを管理している。 | 提供：Guidentカリフォルニア州は、自動運転車の規制環境を再定義しつつあり、テクノロジー業界の「迅速に動き、失敗を恐れない」という考え方から、厳格な説明責任と厳しい走行距離要件へと移行している。Gui

関連特集おすすめ

作曲

リミックス制作、サンプリングの準備、カラオケマスター作成のためのAIステム分離ツール

2026年最新・最高評価のAIステム分離ツール。リミックス制作、サンプリング準備、カラオケマスター向けに厳選されました。これらの強力で画期的なツールは、実環境でのテストを経て、正確なオーディオ分離を実現し、生産性を大幅に向上させます。 XIX.AIでは、ニーズに合った「必試」のソリューションを見つけるお手伝いをするため、無料版と有料版の比較ガイドを毎週更新して提供しています。今すぐチェックして、AIの力を最大限に活用しましょう。

8 ツール

xix.ai

データ分析

収益ダッシュボード、ファネル分析、および製品指標向けのAI SQLコピロット

2026年最新かつ最も優れたAI SQLコピロットが最高評価でランクイン！XIX.AIは、毎週更新される実際の環境でのテストに対応した、強力で革新的なツール群を厳選しています。これらの必見ツールを使えば、正確な収益ダッシュボードの作成や販売プロセスの分析、製品指標の迅速な追跡が可能となり、生産性を大幅に向上させることができます。今すぐチェックして、データに基づいた意思決定に最適なツールを見つけましょう！238文字

9 ツール

xix.ai

作曲

曲のドラフト作成に最適なAIメロディ作成ツール

2026年最新版高評価のAIメロディ作成ツールで曲のドラフト作成！XIX.AIは、厳格な実世界テストを経て最高の作成体験を提供する、革新的な強力なコレクションを厳選しました。詳細な無料版と有料版の比較、正確なランキング、そして素晴らしい曲のドラフトを楽に作成し、創造的な生産性を大幅に向上させるためにぜひ試すべきオプションが見つかります。今すぐ探索して、あなたに最適なツールを見つけましょう！

8 ツール

xix.ai

チャットボット

面接練習用のベストなAI会話トレーニングツール

2026年最新版・最高評価のAI会話トレーニングツールが、面接練習に最適です。XIX.AIにてご提供しています！この厳選コレクションには、現実世界での厳格なテストを経て正確なフィードバックを提供する強力なツールが含まれています。無料版と有料版の比較や詳細なランキングをご覧いただき、自信とスキルを高めるための必須オプションをお選びください。今すぐ探索して、面接成功に最適なツールを見つけましょう！

12 ツール

xix.ai

デザインとアート

クリエイティブな実験に最適なAIスタイル転送ツール

2026年版クリエイティブな実験に最適な、最新・最高評価のAIスタイル転送ツール！XIX.AIは、実地テストと厳格なランキングを通じて卓越した結果をもたらす、強力で画期的な「必試」ツールを厳選しました。これらのトップソリューションは、コンテンツ制作を加速させ、無限の創造的可能性を切り拓くことで、クリエイターの生産性を大幅に向上させます。今すぐチェックして、あなたにぴったりのツールを見つけ、今日から創作を始めましょう！

9 ツール

xix.ai

漫画制作

ビジュアルストーリーテリングに最適なAI吹き出しツール

2026年版、ビジュアルストーリーテリングに最適な高評価AIダイアログバブルツールがXIX.AIに登場！この厳選コレクションには、クリエイターの生産性を高め、創作上のボトルネックを解消する、画期的な強力ツールが揃っています。無料版と有料版の比較、実地テストの結果、最新のランキングを確認して、魅力的なビジュアルストーリーを構築するのに最適な、ぜひ試すべきソリューションを見つけましょう。今すぐチェックして、あなたにぴったりのツールを発見してください！

10 ツール

xix.ai