JavaScript から入門するブロックチェーンエンジニアリング

by Makoto Nakagawa

Slide 1

Slide 1 text

JavaScript から入門するブロックチェーンエンジニアリング Makoto Nakagawa(@let_mkt) 1

Slide 2

Slide 2 text

About me Makoto Nakagawa (@let_mkt) JavaScript 好きで、Vue.js をよく書いていました Vue 3 リファレンスの日本語翻訳などもお手伝いしていました 4 月に埼玉県新座市に引っ越してきました趣味はゲームと日本語ヒップホップ 2

Slide 3

Slide 3 text

この LT で話すこと JavaScript と Ethereum がどう関係しているか Ethereum, ブロックチェーン, スマートコントラクトなどの概念スマートコントラクトを開発する方法どんな言語で、どうやってテストして、どこにデプロイする？スマートコントラクトを触り始めたWeb エンジニアの所感 3

Slide 4

Slide 4 text

Caution 発表者は最近スマートコントラクトを作り始めた一般的なWeb アプリケーション開発者です。自分の理解度が浅いため、大きく間違ったことを書いていたらぜひご指摘ください 4

Slide 5

Slide 5 text

JavaScript から入門するブロックチェーンエンジニアリング前提概念の紹介 Solidity とNode.js の関係スマートコントラクト開発の周辺ツール Web アプリエンジニアからみた所感 3 行まとめ 5

Slide 6

Slide 6 text

ブロックチェーンとはブロックを連結したリスト（ ≒ チェーン）状のデータ構造のこと各ブロックは1 つ前のブロックを指しており、ブロック自体はトランザクションのリストで構成されているつまりリストのリスト( 二次元配列) の形をとる『Solidity とEthereum による実践スマートコントラクト開発』P3 の図1-1 より転載 6

Slide 7

Slide 7 text

Ethereum とはブロックチェーンの実装仮想通貨通貨単位は Ether(ETH) スマートコントラクト機能を備えた分散型アプリケーションプラットフォームここが送金・受領機能しか持たないビットコインとの決定的な違い 7

Slide 8

Slide 8 text

スマートコントラクトとは Ethereum のブロックチェーン上にデプロイするコードのことを指し、他から呼び出されて利用される厳密にはトランザクション(TX) としてブロックに保持される一意なアドレスが割り振られる『Solidity とEthereum による実践スマートコントラクト開発』P3 の図1-1 より転載 8

Slide 9

Slide 9 text

スマートコントラクトとはスマートコントラクトを使ったアプリケーションは Dapp （分散型アプリケーション）と呼ばれる 9

Slide 10

Slide 10 text

Dapp の一例 : CryptoKitties ユニークな組み合わせの特性を持つ仮想の猫を集めるゲーム交配を通して親の特性を引き継いだ猫を生み出せる ETH による売買が可能 10

Slide 11

Slide 11 text

Solidity とはスマートコントラクトを開発するためのプログラミング言語オブジェクト指向静的型付け（ ≒ コンパイルが必要） JavaScript, C++, Python にインスパイアされている拡張子は .sol 11

Slide 12

Slide 12 text

Solidity のシンタックス ( 基礎編 ) 12

Slide 13

Slide 13 text

Solidity のシンタックス ( 応用編 ) ほかにも... abstract で抽象コントラクトを表現 modifier hoge(){ } で修飾子を宣言 payable address 型で送金可能なブロックチェーンアドレスを定義など、言語機能として一通りのシンタックスを網羅 13

Slide 14

Slide 14 text

JavaScript から入門するブロックチェーンエンジニアリング前提概念の紹介 Solidity と Node.js の関係スマートコントラクト開発の周辺ツール Web アプリエンジニアからみた所感 3 行まとめ 14

Slide 15

Slide 15 text

Q. foo.sol から bar/baz.sol という外部ライブラリのファイルをインポートしたいときはどうする？ 15

Slide 16

Slide 16 text

A. npm install bar して import "bar/baz.sol"; する 16

Slide 17

Slide 17 text

Solidity は NPM を介してパッケージを管理する Solidity は独自のパッケージ管理ツールを持たず、NPM をそのまま利用している NPM 経由なのでインストールしたパッケージは当然node_modules に格納される import "bar/baz.sol"; したときはJS と同様に {project-root}/node_modules/bar/baz.sol を参照する TypeScript のようにインポートした型を利用することも可能 17

Slide 18

Slide 18 text

Q. スマートコントラクトは何を使ってテストする？ 18

Slide 19

Slide 19 text

A. JavaScript でテストする 19

Slide 20

Slide 20 text

スマートコントラクトは Mocha でテストできる Truffle というスマートコントラクト開発用フレームワーク（後述）において、標準で Mocha(+ Chai) によるユニットテストが可能設定を変えればJest も使えるっぽいまた、スマートコントラクトはブロックチェーンに書き込んでデプロイとするため、後から修正パッチをリリースすることができない。加えてそもそも決済が絡むセンシティブな処理が多いので、丁寧にテストを書くことが求められている TDD が推奨されている 20

Slide 21

Slide 21 text

Mocha によるテストコードのサンプル 21

Slide 22

Slide 22 text

JavaScript から入門するブロックチェーンエンジニアリング前提概念の紹介 Solidity とNode.js の関係スマートコントラクト開発の周辺ツール Web アプリエンジニアからみた所感 3 行まとめ 22

Slide 23

Slide 23 text

Truffle についてユーティリティツール的なフレームワークアプリケーションのコンパイルやテスト、デプロイなどを担う truffle compile でコンパイル truffle test でテスト truffle deploy でデプロイ truffle develop でローカルノードとREPL が立ち上がる他には、 truffle unbox react でReact 用のボイラープレートが出来上がる... など 23

Slide 24

Slide 24 text

本番と STG 一口に Ethereum といっても、そのなかにブロックチェーンネットワークがいくつも存在するメインネットと呼ばれるネットワークがいわゆる本番として扱われているなので、「ETH のレート」と言ったとき、それは暗黙的にはこのメインネットの通貨レートを指している対して、テストネットワークと呼ばれるテスト用のネットワークも複数存在する (eg. Goerli) テスト用なので無償で ETH が配られていたりする 24

Slide 25

Slide 25 text

ローカル開発環境 Ganache というローカルに Ethereum のブロックチェーンを構築するツールが Truffle から提供されている起動するだけであらかじめETH を持つ複数個のアカウントがセットアップされているため、この環境に向けてスマートコントラクトをデプロイすることでローカル開発やデバッグが可能 25

Slide 26

Slide 26 text

JavaScript から入門するブロックチェーンエンジニアリング前提概念の紹介 Solidity とNode.js の関係スマートコントラクト開発の周辺ツール Web アプリエンジニアからみた所感 3 行まとめ 26

Slide 27

Slide 27 text

スマートコントラクトの所感サーバーレスなバックエンドとしてスマートコントラクトを使うという選択肢状態とふるまいを持っていて、一度デプロイされたら状態は保持・追加し続けられるので、永続化層として取り回しやすいガス代という手数料がかかってしまったり、修正出来ない（＝堅牢なものを作る必要がある）ものの、高可用性であったり、インフラの維持コストがかからない良さがある 27

Slide 28

Slide 28 text

JavaScript から入門するブロックチェーンエンジニアリング前提概念の紹介 Solidity とNode.js の関係スマートコントラクト開発の周辺ツール Web アプリエンジニアからみた所感 3 行まとめ 28

Slide 29

Slide 29 text

3 行まとめ Ethereum はブロックチェーン上にスマートコントラクトをデプロイできるよスマートコントラクト開発では JavaScript が頻繁に登場するよサーバーレスなアプリケーションのバックエンドをスマートコントラクトにお任せするアーキテクチャは引き出しに入れておいてもいいかもしれないね 29

Slide 30

Slide 30 text

参考書籍 Solidity とEthereum による実践スマートコントラクト開発 ――Truffle Suite を用いた開発の基礎からデプロイまで (https://www.oreilly.co.jp/boo ks/9784873119342/) 30

Slide 31

Slide 31 text

ご清聴ありがとうございました！ 31