Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
スマートコントラクト入門
Search
kazuhiro hara
June 11, 2022
Programming
0
120
スマートコントラクト入門
2022/06/10のOkachi.js vol.60で話したスライドです。その先週参加した合宿で作ったものがベースになっています。
kazuhiro hara
June 11, 2022
Tweet
Share
More Decks by kazuhiro hara
See All by kazuhiro hara
Vapor を使って VisionPro とWebSocket 通信をしてみる
karad
0
230
slow types ってなんだろう?
karad
1
710
ほぼ日のハッカソン Team 1 発表資料
karad
0
440
Dist.43.英語仕事で地味につかうChatGPT 配布版
karad
0
760
VisionOS 向けアプリをつくってみる - よりひろいフロントエンド
karad
0
160
Servo Embed 入門
karad
1
1.1k
PWA checklist app
karad
0
310
MDX with Next.js
karad
1
400
Design Trends of Japanese Local Government Websites
karad
0
190
Other Decks in Programming
See All in Programming
スキーマ駆動で、Zod OpenAPI Honoによる、API開発するために、Hono Takibiというライブラリを作っている
nakita628
0
160
Flutterで分数(Fraction)を表示する方法
koukimiura
0
130
Web フロントエンドエンジニアに開かれる AI Agent プロダクト開発 - Vercel AI SDK を観察して AI Agent と仲良くなろう! #FEC余熱NIGHT
izumin5210
3
560
CSC509 Lecture 03
javiergs
PRO
0
340
uniqueパッケージの内部実装を支えるweak pointerの話
magavel
0
1k
CSC509 Lecture 05
javiergs
PRO
0
300
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
420
あなたとKaigi on Rails / Kaigi on Rails + You
shimoju
0
170
bootcamp2025_バックエンド研修_WebAPIサーバ作成.pdf
geniee_inc
0
120
釣り地図SNSにおける有料機能の実装
nokonoko1203
0
140
コードとあなたと私の距離 / The Distance Between Code, You, and I
hiro_y
0
170
テーブル定義書の構造化抽出して、生成AIでDWH分析を試してみた / devio2025tokyo
kasacchiful
0
170
Featured
See All Featured
Become a Pro
speakerdeck
PRO
29
5.6k
GraphQLとの向き合い方2022年版
quramy
49
14k
The Straight Up "How To Draw Better" Workshop
denniskardys
238
140k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.1k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.7k
The Cult of Friendly URLs
andyhume
79
6.6k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
15k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.4k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Principles of Awesome APIs and How to Build Them.
keavy
127
17k
Transcript
スマートコントラクト入門 Solidity と Truffle に入門 2022/06/10 Okachi.js vol.60 KAZUHIRO
HARA @kara_d
構成 • 自己紹介 • Web3とは • スマートコントラクトって何ですか? • Solidity? •
NFT? • いろいろツールたち • テストネットについて
自己紹介
自己紹介 • 原 一浩 (はら かずひろ) • Kansock.Industries 代表 1998年に独立し、同年、ウェブデザイン専門のメールメディアの発
行を開始。 Webデザインやフロントエンド、バックエンドなど雑食的にいろいろ な仕事に関わるかたわら、 Webデザイントレンドを通して情報発信 を行ってきた。 上場企業・自治体・グローバル企業および海外サイトなどを定点観 測し続けている。 最近はNreal社のXRデバイスを使ってメタバースの UIを研究する 日々。
Web3とは
Web3 • (?) Web3というJavaScriptライブラリ ◦ (オライリーのスマートコントラクト本では、ということ) ◦ web3.js -
Ethereum JavaScript API — web3.js 1.0.0 documentation https://web3js.readthedocs.io/en/v1.7.3/ • (こちらに賛成) どういうものを指すか ◦ Web3の「魂」は何なのか? https://wirelesswire.jp/2022/06/82564/ "
スマートコントラクトって何ですか?
スマートコントラクトとは • 1994年に登場 ◦ 当初は様々な文書うぃデジタルプロトコルや暗号署名を 使って自動的に履行できるのが目的 • プラットフォーム
◦ ブロックチェーンのデータを格納、更新、削除する • よく使われる言語 ◦ Solidity : プログラミング言語 SolidityとEthereumによる実践スマートコントラクト開発 p4, p5, frontend Web3 blockchain
Solidity?
Solidityについて • 概要 ◦ C++、Python、JavaScriptを参考に、 Ethereum Virtual Machine(EVM)
の操作を目的に作られている ◦ EVM (イーサリアム仮想マシン) 上で実行 • Document (日本語) • Remix IDE で試すことができる ◦ https://remix.ethereum.org/ • 拡張子 ◦ .sol ◦ VSCode のプラグインあり
NFT?
NFT? (1) • Non-Fungible Token (非代替性トークン) • ERC-721という規格で定義 (Ethereum Request
for Comments) ◦ https://ethereum.org/ja/developers/docs/standards/tokens/erc-721/ • 以下の関数が実装されていること ◦ balanceOf(address _owner) ◦ ownerOf(uint256 _tokenId) ◦ safeTransferFrom(address _from, address _to, uint256 _tokenId, bytes data) ◦ safeTransferFrom(address _from, address _to, uint256 _tokenId) ◦ transferFrom(address _from, address _to, uint256 _tokenId) ◦ approve(address _approved, uint256 _tokenId) ◦ setApprovalForAll(address _operator, bool _approved) ◦ getApproved(uint256 _tokenId) ◦ isApprovedForAll(address _owner, address _operator)
その他のERC (1) • ERC-20 ◦ https://ethereum.org/ja/developers/docs/standards/tokens/erc-20/ ◦ Fungible Tokenを作るときに使われる規格
◦ 相互に交換可能なトークン。残高を追跡する役割に使われる ◦ 以下の関数が実装されていること ▪ totalSupply() ▪ balanceOf(address _owner) ▪ transfer(address _to, uint256 _value) ▪ transferFrom(address _from, address _to, uint256 _value) ▪ approve(address _spender, uint256 _value) ▪ allowance(address _owner, address _spender) ◦ OpenZeppelinのコントラクトをベースにやるのがオススメとのこと ▪ 厳正に監査されているため
その他のERC (2) • ERC-1155 ◦ https://ethereum.org/ja/developers/docs/standards/tokens/erc-1155/ ◦ トークン標準と言われている
▪ バッチ転送:1回の呼び出しで複数のアセットを転送 ▪ バッチ残高:1回の呼び出しで複数の資産の残高を取得 ▪ バッチ承認:アドレスへのすべてのトークンを承認 ▪ フック:トークンフックを受け取る ▪ NFTサポート:供給が1のみの場合は、NFTとして扱う ▪ 安全な転送ルール:安全な転送のための一連のルール
いろいろツールたち
いろいろなツール • Geth https://geth.ethereum.org/ ◦ Ethereumクライアント • MetaMask
https://metamask.io/ ◦ Ethereum系ブロックチェーンの通貨やNFTを管理できるソフトウェアウォレット • Truffle Suite https://trufflesuite.com/ ◦ Ethereum 用 Blockchain の Smart Contract 開発用フレームワーク • Ganache https://trufflesuite.com/ganache/ ◦ Ethereum のローカル開発環境 • Goerli https://goerli.net/ ◦ 開発用のテストネット • Infura https://infura.io/ ◦ Ethereumノードホスティングサービス
サンプル
サンプル こういうアーキテクチャという理解 Ganache localhost:8545 MetaMask Web3 window.ethereum React
テストネットへのデプロイ
テストネットについて • インターネット上にあるテスト用のEthereumネットワーク • これもデプロイにはETHが必要 • テストネット用にETHを送金してくれるサービスがある ◦ Paradigm MultiFaucet
https://faucet.paradigm.xyz/
END KAZUHIRO HARA @kara_d