inflearn logo
inflearn logo

NFTマーケットプレイスを作る

この講義は、フロントエンドとweb3.jsを利用して、Solidityスマートコントラクトを活用したNFTマーケットプレイスを実際に作ってみる実習形式のコースです。 受講生はNFTの発行(ミインティング)から販売・購入・削除まで、マーケットプレイスのすべての機能を実装し、最新のテストネットであるEthereum Sepolia、Polygon Amoy、Kaia Kairosネットワークに直接デプロイすることができます。 また、IPFSを利用してNFTの画像とメタデータを分散保存する方法を学習し、単なるデモレベルを超えて、実際にサービス可能なDAppアーキテクチャを経験することになります。 ✨ この講義の特徴 フルスタック学習:React UI、スマートコントラクト作成、マルチチェーンデプロイまでを一度に 最新環境の反映:Sepolia・Amoy・Kairosテストネット対応、MetaMask連動 NFTの核心プロセスの体得:画像アップロード(IPFS) → メタデータ生成 → ミインティング → マーケットプレイス取引 実践中心:トランザクション処理、UX設計、マルチチェーン対応など、実際のサービス開発を経験

難易度 入門

受講期間 1か月

Blockchain
Blockchain
Solidity
Solidity
NFT
NFT
Blockchain
Blockchain
Solidity
Solidity
NFT
NFT
Thumbnail

受講後に得られること

  • DApp(分散型アプリケーション)の全体構造の理解

  • NFTの発行(ミンティング)と管理

  • NFTマーケットプレイスの実装

  • 最新のブロックチェーンネットワークの活用

DApp(ディアプリ)を利用して

NFTの発行、販売登録、購入、削除までを一度に!

このような方におすすめです

NFTマーケットプレイスDApp - 自分だけのNFT取引プラットフォーム

主な機能

✅ NFT発行(ミンティング)
✅ 販売登録
✅ NFT購入
✅ NFT削除(バーン)


💡 なぜ jQuery なのか?

ReactではなくjQueryを使用する理由:

  • 参入障壁が低い: React、Vueなどのフレームワーク学習が不要

  • 即座に開始可能: HTMLにCDNを一行追加するだけですぐに使用可能

  • ブロックチェーンの学習に集中: 複雑なフロントエンドのビルド設定なしでDApp開発に集中

  • JavaScriptの基礎さえあればOK: 関数、変数、基本文法さえ分かれば十分


🛠 学習する核心技術スタック

1. jQuery

  • DOM操作およびイベント処理

  • ユーザーインターフェースの実装

2. web3.js

  • メタマスク(MetaMask)との接続

  • ブロックチェーンデータの読み取り

  • トランザクションを送信する

  • スマートコントラクト関数の呼び出し

3. ERC-721 標準

  • NFTトークンの生成 (mint)

  • 所有権の移転 (transfer)

  • トークン焼却 (burn)

  • 販売ロジックの実装

4. IPFS

  • NFT画像の保存

  • メタデータのアップロード

  • 非中央集権型ファイル管理

📱 対応しているブロックチェーンネットワーク

この講義では、3つのテストネットにデプロイします:

ネットワークの特徴・使用理由 Ethereum Sepolia:最も一般的なテストネット。メインネット配布前のテスト用 Polygon Amoy:高速で安価なトランザクション。実使用環境の体験用 Kaia Kairos:カカオ(Kakao)ブロックチェーンテストネット。国内エコシステムとの連動用

テストネットなので実際のお金はかかりません!

このような内容を学びます

イーサリアム

「DAppは中央サーバーなしでブロックチェーン上で実行される分散型アプリケーションであり、
イーサリアムはその中でも最も代表的なプラットフォームとして、全DAppの約80%以上がイーサリアムベースで開発されています。」

ポリゴン

「ポリゴンはPoS合意アルゴリズムを使用するイーサリアムのLayer2スケーリングソリューションで、
高速で安価な取引をサポートしており、イーサリアムと同様にSolidityでDAppを開発できます。」

Kaia(カイア)
「Kaiaは、カカオのKlaytn(クレイトン)とLINEのLINE Blockchainが統合して誕生したLayer1ブロックチェーンで、
IBFTベースの高速かつ安定したネットワークを提供し、イーサリアムと同じSolidity環境をサポートしています。
ネイバー(NAVER)とカカオのサービスエコシステムを通じて、実生活で活用されるWeb3プラットフォームを目指しています。」

🤔 こんな悩み、ありませんか?

ブロックチェーン開発に興味はあるけれど…

❓ 「Reactのようなフレームワークは難しくて、DApp開発が漠然としている」

❓「Solidityでスマートコントラクトを書きたいけれど、どこから始めればいいかわからない」

❓ "NFTを直接発行してみたいけれど、方法がわからない"

❓ 「IPFSが何なのかは聞いたことがあるが、実際にどうやって使うのかわからない」

❓ "MetaMaskはインストールしたけれど、DAppとどうやって接続すればいいかわからない"

❓ "web3.jsでブロックチェーンデータを読み書きする方法が知りたい"

❓ 「ERC-721標準でNFTマーケットプレイスを作ってみたい」

❓ 「複数のブロックチェーンネットワーク(イーサリアム、ポリゴン、カイア)にデプロイしてみたい」


✨ この講義ですべて解決できます!

📚 この講義で学べること:

jQueryでDAppを開発する

  • Reactなしでも十分です!使い慣れたJavaScriptでスタート

Solidityスマートコントラクトの作成

  • ERC-721標準ベースのNFTコントラクト実装

  • ミント、販売、購入、焼却(バーン)機能の開発

IPFSファイルアップロード

  • 分散型ストレージに画像とメタデータを保存

  • NFTの永久保管方法の学習

NFTミントの実装

  • フォームデータの収集 → IPFSへのアップロード → ブロックチェーンへの記録

  • 実際に動作するNFT発行システムの構築

NFT取引機能

  • 販売登録:自分のNFTをマーケットに出品する

  • 購入機能:イーサリアムでNFTを購入する

  • 削除機能:トークンの焼却(burn)実装

web3.js ブロックチェーン通信

  • メタマスク接続

  • スマートコントラクト関数の呼び出し

  • トランザクション処理

マルチチェーンデプロイ

  • Ethereum Sepolia テストネット

  • Polygon Amoy テストネット

  • Kaia Kairos テストネット

完成型NFTマーケットプレイス

  • 実際に使用可能なフルスタックDApp

  • ポートフォリオとして活用可能なプロジェクト

💻 実習環境

オペレーティングシステム

Windows - すべてのバージョンに対応
macOS - Intel/M1/M2 すべて可能
Linux - Ubuntuなど主要なディストリビューションに対応

OSに関係なく、同じように実習できます!


コードエディタ

講義で使用するツール

Visual Studio Code (VSCode) - 無料、おすすめ

他のエディタを使用しても構いません

  • EditPlus

  • Sublime Text

  • Atom

  • Notepad++

  • WebStorm

  • その他のテキストエディタ

使い慣れたエディタで自由に実習してください!


必須インストールプログラム

📦 Chrome ブラウザ (Chrome)

  • メタマスク拡張機能インストール用

📦 メタマスクウォレット (MetaMask)

  • 講義中にインストール方法を案内

📦 IPFS

  • Windows: WSL環境でインストール

  • Mac/Linux: 直接インストール

  • 講義中にステップバイステップのインストールガイドを提供


推奨スペック

  • インターネット接続: 必須 (ブロックチェーン通信)

  • メモリ: 4GB以上

  • 保存容量: 5GB以上の空き容量

講師を紹介します 👩‍💻

こんにちは、Kyung-il Inです。

  • KAIST経営大学院

  • ソフトウェア融合大学院 ブロックチェーン工学修士

  • ソフトウェア融合大学院 コンピュータ工学博士 バイオ人工知能融合専攻

  • 現在エンジニアとして働いています

  • 人工知能を利用したビッグデータ分析

  • AIチャットボットエンジンおよびチャットボットシステムの開発

  • アンドロイドPOSシステムおよびサーバー開発

    研究分野

  • ブロックチェーンと分散ファイルシステムを用いた電子文書の信頼性向上に関する研究

  • ブロックチェーンシステムを活用したデータの価値形成と創出に関する研究

  • 人工知能チャットボットシステムの産業適用とRPA活用に関する研究

  • マルチドメイン対話型チャットボットシステムに関する研究

こんな方に
おすすめです

学習対象は
誰でしょう?

  • ブロックチェーン・NFT開発を初めて始めるWeb開発者

  • スマートコントラクトの実践的なデプロイ経験を求める開発者

前提知識、
必要でしょうか?

  • Web開発の基礎:HTML/CSS/JavaScriptの基本文法

  • ブロックチェーンの仕組み(トランザクション、ガス代、ウォレット)の基礎理解

  • Solidityの基本文法(変数、関数、イベント)

こんにちは
Kyung-il Inです。

1,130

受講生

32

受講レビュー

22

回答

4.9

講座評価

2

講座

勉強頑張って

カリキュラム

全体

22件 ∙ (1時間 30分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

2件

5.0

2件の受講レビュー

  • jjhgwx님의 프로필 이미지
    jjhgwx

    受講レビュー 719

    平均評価 4.9

    5

    14% 受講後に作成

    良い講義ありがとうございます!

    • woojung230님의 프로필 이미지
      woojung230

      受講レビュー 2

      平均評価 5.0

      5

      32% 受講後に作成

      似ている講座

      同じ分野の他の講座を見てみましょう!

      無料