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
190
slow types ってなんだろう?
karad
1
670
ほぼ日のハッカソン Team 1 発表資料
karad
0
400
Dist.43.英語仕事で地味につかうChatGPT 配布版
karad
0
740
VisionOS 向けアプリをつくってみる - よりひろいフロントエンド
karad
0
140
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
テストから始めるAgentic Coding 〜Claude Codeと共に行うTDD〜 / Agentic Coding starts with testing
rkaga
15
5.6k
ペアプロ × 生成AI 現場での実践と課題について / generative-ai-in-pair-programming
codmoninc
2
21k
AIと”コードの評価関数”を共有する / Share the "code evaluation function" with AI
euglena1215
1
180
DMMを支える決済基盤の技術的負債にどう立ち向かうか / Addressing Technical Debt in Payment Infrastructure
yoshiyoshifujii
3
410
ソフトウェア品質を数字で捉える技術。事業成長を支えるシステム品質の マネジメント
takuya542
2
15k
マッチングアプリにおけるフリックUIで苦労したこと
yuheiito
0
190
AI時代の『改訂新版 良いコード/悪いコードで学ぶ設計入門』 / ai-good-code-bad-code
minodriven
24
9.6k
RailsGirls IZUMO スポンサーLT
16bitidol
0
200
顧客の画像データをテラバイト単位で配信する 画像サーバを WebP にした際に起こった課題と その対応策 ~継続的な取り組みを添えて~
takutakahashi
4
1.3k
ニーリーにおけるプロダクトエンジニア
nealle
0
950
The Niche of CDK Grant オブジェクトって何者?/the-niche-of-cdk-what-isgrant-object
hassaku63
1
620
20250708_JAWS_opscdk
takuyay0ne
2
130
Featured
See All Featured
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
50
5.5k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
Building Adaptive Systems
keathley
43
2.7k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Scaling GitHub
holman
460
140k
Side Projects
sachag
455
42k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
4 Signs Your Business is Dying
shpigford
184
22k
Being A Developer After 40
akosma
90
590k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
750
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.9k
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