
jQueryで実装するNFTマーケットプレイス (イーサリアム、ポリゴン)
Kyung-il In
jQueryで実装するNFTマーケットプレイス(イーサリアム、ポリゴン)について学習します。
初級
Blockchain, NFT, DApp
この講義は、フロントエンドとweb3.jsを利用して、Solidityスマートコントラクトを活用したNFTマーケットプレイスを実際に作ってみる実習形式のコースです。 受講生はNFTの発行(ミインティング)から販売・購入・削除まで、マーケットプレイスのすべての機能を実装し、最新のテストネットであるEthereum Sepolia、Polygon Amoy、Kaia Kairosネットワークに直接デプロイすることができます。 また、IPFSを利用してNFTの画像とメタデータを分散保存する方法を学習し、単なるデモレベルを超えて、実際にサービス可能なDAppアーキテクチャを経験することになります。 ✨ この講義の特徴 フルスタック学習:React UI、スマートコントラクト作成、マルチチェーンデプロイまでを一度に 最新環境の反映:Sepolia・Amoy・Kairosテストネット対応、MetaMask連動 NFTの核心プロセスの体得:画像アップロード(IPFS) → メタデータ生成 → ミインティング → マーケットプレイス取引 実践中心:トランザクション処理、UX設計、マルチチェーン対応など、実際のサービス開発を経験
DApp(分散型アプリケーション)の全体構造の理解
NFTの発行(ミンティング)と管理
NFTマーケットプレイスの実装
最新のブロックチェーンネットワークの活用
NFTマーケットプレイスDApp - 自分だけのNFT取引プラットフォーム
✅ NFT発行(ミンティング)
✅ 販売登録
✅ NFT購入
✅ NFT削除(バーン)
ReactではなくjQueryを使用する理由:
参入障壁が低い: React、Vueなどのフレームワーク学習が不要
即座に開始可能: HTMLにCDNを一行追加するだけですぐに使用可能
ブロックチェーンの学習に集中: 複雑なフロントエンドのビルド設定なしでDApp開発に集中
JavaScriptの基礎さえあればOK: 関数、変数、基本文法さえ分かれば十分
DOM操作およびイベント処理
ユーザーインターフェースの実装
メタマスク(MetaMask)との接続
ブロックチェーンデータの読み取り
トランザクションを送信する
スマートコントラクト関数の呼び出し
NFTトークンの生成 (mint)
所有権の移転 (transfer)
トークン焼却 (burn)
販売ロジックの実装
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の基本文法(変数、関数、イベント)
全体
22件 ∙ (1時間 30分)
全体
3件
知識共有者の他の講座を見てみましょう!
同じ分野の他の講座を見てみましょう!
無料