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
170
slow types ってなんだろう?
karad
1
650
ほぼ日のハッカソン Team 1 発表資料
karad
0
380
Dist.43.英語仕事で地味につかうChatGPT 配布版
karad
0
730
VisionOS 向けアプリをつくってみる - よりひろいフロントエンド
karad
0
130
Servo Embed 入門
karad
1
1.1k
PWA checklist app
karad
0
310
MDX with Next.js
karad
1
390
Design Trends of Japanese Local Government Websites
karad
0
180
Other Decks in Programming
See All in Programming
DevDay2025-OracleDatabase-kernel-addressing-history
oracle4engineer
PRO
6
1.5k
知識0からカンファレンスやってみたらこうなった!
syossan27
5
320
External SecretsのさくらProvider初期実装を担当しています
logica0419
0
190
ビカム・ア・コパイロット
ymd65536
1
190
AIコーディングの本質は“コード“ではなく“構造“だった / The essence of AI coding is not “code” but "structure
seike460
PRO
2
690
Reactive Thinking with Signals, Resource API, and httpResource @Devm.io Angular 20 Launch Party
manfredsteyer
PRO
0
110
〜可視化からアクセス制御まで〜 BigQuery×Looker Studioで コスト管理とデータソース認証制御する方法
cuebic9bic
0
210
『Python → TypeScript』オンボーディング奮闘記
takumi_tatsuno
1
120
TVer iOSチームの共通認識の作り方 - Findy Job LT iOSアプリ開発の裏側 開発組織が向き合う課題とこれから
techtver
PRO
0
610
AI Coding Agent Enablement in TypeScript
yukukotani
15
6k
Duke on CRaC with Jakarta EE
ivargrimstad
1
590
推論された型の移植性エラーTS2742に挑む
teamlab
PRO
0
120
Featured
See All Featured
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
How to train your dragon (web standard)
notwaldorf
92
6k
GitHub's CSS Performance
jonrohan
1031
460k
Reflections from 52 weeks, 52 projects
jeffersonlam
349
20k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Typedesign – Prime Four
hannesfritz
41
2.6k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
137
33k
For a Future-Friendly Web
brad_frost
178
9.7k
YesSQL, Process and Tooling at Scale
rocio
172
14k
Practical Orchestrator
shlominoach
187
11k
VelocityConf: Rendering Performance Case Studies
addyosmani
329
24k
Visualization
eitanlees
146
16k
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