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
88
スマートコントラクト入門
2022/06/10のOkachi.js vol.60で話したスライドです。その先週参加した合宿で作ったものがベースになっています。
kazuhiro hara
June 11, 2022
Tweet
Share
More Decks by kazuhiro hara
See All by kazuhiro hara
ほぼ日のハッカソン Team 1 発表資料
karad
0
37
Dist.43.英語仕事で地味につかうChatGPT 配布版
karad
0
460
VisionOS 向けアプリをつくってみる - よりひろいフロントエンド
karad
0
18
Servo Embed 入門
karad
1
940
PWA checklist app
karad
0
270
MDX with Next.js
karad
1
320
Design Trends of Japanese Local Government Websites
karad
0
140
ReactNativeで大規模アプリを作るときに気を付けたいこと
karad
2
790
Other Decks in Programming
See All in Programming
見た目から始める生産性向上
ikumatadokoro
7
850
PostmanでAPIの動作確認が楽になった話
h455h1
0
170
ADRを一年運用してみた/adr_after_a_year
hanhan1978
7
2.4k
Site Reliability Engineering for GMO
pyama86
8
1k
try!Swift Tokyo 2024 参加報告 LT
akidon0000
1
220
ONE WEDGE_company_guide
1wedge_one
0
490
SIMD Parallel Programming with the Vector API
josepaumard
0
180
スキーマ駆動開発による品質とスピードの両立 - 私達は何故、スキーマを書くのか
kentaroutakeda
0
170
PHP8.3の機能を振り返る / Review of PHP 8.3 features
seike460
PRO
1
110
雑に思考を整理する技術と効能
konifar
60
29k
Ruby Pattern Matching
bkuhlmann
0
930
TYPO3 v13 – The road to LTS: What's new and new APIs
luisasofie_xoxo
0
210
Featured
See All Featured
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
104
6.6k
Mobile First: as difficult as doing things right
swwweet
216
8.6k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
19
1.7k
Why You Should Never Use an ORM
jnunemaker
PRO
51
8.6k
Git: the NoSQL Database
bkeepers
PRO
422
63k
Designing the Hi-DPI Web
ddemaree
276
33k
Designing Experiences People Love
moore
136
23k
How GitHub Uses GitHub to Build GitHub
holman
468
290k
Reflections from 52 weeks, 52 projects
jeffersonlam
345
19k
Building a Modern Day E-commerce SEO Strategy
aleyda
17
6.4k
It's Worth the Effort
3n
180
27k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
51k
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