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
JavaScript から入門するブロックチェーンエンジニアリング
Search
Makoto Nakagawa
October 14, 2021
Programming
2
2k
JavaScript から入門するブロックチェーンエンジニアリング
Saitama.js vol.0 で発表した資料です
https://saitamajs.connpass.com/event/222401/
Makoto Nakagawa
October 14, 2021
Tweet
Share
Other Decks in Programming
See All in Programming
CSC509 Lecture 03
javiergs
PRO
0
330
GraphQL×Railsアプリのデータベース負荷分散 - 月間3,000万人利用サービスを無停止で
koxya
1
1.3k
Goで実践するドメイン駆動開発 AIと歩み始めた新規プロダクト開発の現在地
imkaoru
4
820
ポスターセッション: 「まっすぐ行って、右!」って言ってラズパイカーを動かしたい 〜生成AI × Raspberry Pi Pico × Gradioの試作メモ〜
komofr
0
1.3k
Android16 Migration Stories ~Building a Pattern for Android OS upgrades~
reoandroider
0
100
PHPに関数型の魂を宿す〜PHP 8.5 で実現する堅牢なコードとは〜 #phpcon_hiroshima / phpcon-hiroshima-2025
shogogg
1
150
Cloudflare AgentsとAI SDKでAIエージェントを作ってみた
briete
0
140
なぜGoのジェネリクスはこの形なのか? Featherweight Goが明かす設計の核心
ryotaros
7
1.1k
overlayPreferenceValue で実現する ピュア SwiftUI な AdMob ネイティブ広告
uhucream
0
180
TFLintカスタムプラグインで始める Terraformコード品質管理
bells17
2
160
アメ車でサンノゼを走ってきたよ!
s_shimotori
0
220
バッチ処理を「状態の記録」から「事実の記録」へ
panda728
PRO
0
150
Featured
See All Featured
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
860
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.9k
GitHub's CSS Performance
jonrohan
1032
470k
Typedesign – Prime Four
hannesfritz
42
2.8k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
A better future with KSS
kneath
239
18k
Optimizing for Happiness
mojombo
379
70k
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
54
3k
Being A Developer After 40
akosma
91
590k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
970
Producing Creativity
orderedlist
PRO
347
40k
Transcript
JavaScript から入門する ブロックチェーンエンジニアリング Makoto Nakagawa(@let_mkt) 1
About me Makoto Nakagawa (@let_mkt) JavaScript 好きで、Vue.js をよく書 いていました Vue
3 リファレンスの日本語翻訳 などもお手伝いしていました 4 月に埼玉県新座市に引っ越してき ました 趣味はゲームと日本語ヒップホップ 2
この LT で話すこと JavaScript と Ethereum がどう関係しているか Ethereum, ブロックチェーン, スマートコントラクトなどの概念
スマートコントラクトを開発する方法 どんな言語で、どうやってテストして、どこにデプロイする? スマートコントラクトを触り始めたWeb エンジニアの所感 3
Caution 発表者は最近スマートコントラクトを作り始めた一般的なWeb アプリ ケーション開発者です。 自分の理解度が浅いため、大きく間違ったことを書いていたらぜひご 指摘ください 4
JavaScript から入門するブロックチェーンエン ジニアリング 前提概念の紹介 Solidity とNode.js の関係 スマートコントラクト開発の周辺ツール Web アプリエンジニアからみた所感
3 行まとめ 5
ブロックチェーンとは ブロックを連結したリスト( ≒ チェーン)状のデータ構造のこと 各ブロックは1 つ前のブロックを指しており、ブロック自体はトラ ンザクションのリストで構成されている つまりリストのリスト( 二次元配列) の形をとる
『Solidity とEthereum による実践スマートコントラクト開発』P3 の図1-1 より転載 6
Ethereum とは ブロックチェーンの実装 仮想通貨 通貨単位は Ether(ETH) スマートコントラクト機能を備えた分散型アプリケーションプラッ トフォーム ここが送金・受領機能しか持たないビットコインとの決定的な違 い
7
スマートコントラクトとは Ethereum のブロックチェーン上にデプロイするコードのことを指 し、他から呼び出されて利用される 厳密にはトランザクション(TX) としてブロックに保持される 一意なアドレスが割り振られる 『Solidity とEthereum による実践スマートコントラクト開発』P3
の図1-1 より転載 8
スマートコントラクトとは スマートコントラクトを使ったアプリケーションは Dapp (分散型 アプリケーション) と呼ばれる 9
Dapp の一例 : CryptoKitties ユニークな組み合わせの特 性を持つ仮想の猫を集める ゲーム 交配を通して親の特性を引 き継いだ猫を生み出せる ETH
による売買が可能 10
Solidity とは スマートコントラクトを開発するためのプログラミング言語 オブジェクト指向 静的型付け( ≒ コンパイルが必要) JavaScript, C++, Python
にインスパイアされている 拡張子は .sol 11
Solidity のシンタックス ( 基礎編 ) 12
Solidity のシンタックス ( 応用編 ) ほかにも... abstract で抽象コントラクトを表現 modifier hoge(){
} で修飾子を宣言 payable address 型で送金可能なブロックチェーンアドレスを定義 など、言語機能として一通りのシンタックスを網羅 13
JavaScript から入門するブロックチェーンエン ジニアリング 前提概念の紹介 Solidity と Node.js の関係 スマートコントラクト開発の周辺ツール Web
アプリエンジニアからみた所感 3 行まとめ 14
Q. foo.sol から bar/baz.sol という外 部ライブラリのファイルをインポート したいときはどうする? 15
A. npm install bar して import "bar/baz.sol"; する 16
Solidity は NPM を介してパッケージを管理する Solidity は独自のパッケージ管理ツールを持たず、NPM をそのまま 利用している NPM 経由なのでインストールしたパッケージは当然node_modules
に格納される import "bar/baz.sol"; したときはJS と同様に {project-root}/node_modules/bar/baz.sol を参照する TypeScript のようにインポートした型を利用することも可能 17
Q. スマートコントラクトは何を使って テストする? 18
A. JavaScript でテストする 19
スマートコントラクトは Mocha でテストできる Truffle というスマートコントラクト開発用フレームワーク(後述) において、標準で Mocha(+ Chai) によるユニットテストが可能 設定を変えればJest
も使えるっぽい また、スマートコントラクトはブロックチェーンに書き込んでデプ ロイとするため、後から修正パッチをリリースすることができな い。加えてそもそも決済が絡むセンシティブな処理が多いので、丁 寧にテストを書くことが求められている TDD が推奨されている 20
Mocha によるテストコードのサンプル 21
JavaScript から入門するブロックチェーンエン ジニアリング 前提概念の紹介 Solidity とNode.js の関係 スマートコントラクト開発の周辺ツール Web アプリエンジニアからみた所感
3 行まとめ 22
Truffle について ユーティリティツール的なフレームワーク アプリケーションのコンパイルやテスト、デプロイなどを担う truffle compile でコンパイル truffle test でテスト
truffle deploy でデプロイ truffle develop でローカルノードとREPL が立ち上がる 他には、 truffle unbox react でReact 用のボイラープレートが出 来上がる... など 23
本番と STG 一口に Ethereum といっても、そのなかにブロックチェーンネット ワークがいくつも存在する メインネットと呼ばれるネットワークがいわゆる本番として扱わ れている なので、「ETH のレート」と言ったとき、それは暗黙的には
このメインネットの通貨レートを指している 対して、テストネットワークと呼ばれるテスト用のネットワーク も複数存在する (eg. Goerli) テスト用なので無償で ETH が配られていたりする 24
ローカル開発環境 Ganache というローカルに Ethereum のブロックチェーンを構築す るツールが Truffle から提供されている 起動するだけであらかじめETH を持つ複数個のアカウントがセット
アップされているため、この環境に向けてスマートコントラクトを デプロイすることでローカル開発やデバッグが可能 25
JavaScript から入門するブロックチェーンエン ジニアリング 前提概念の紹介 Solidity とNode.js の関係 スマートコントラクト開発の周辺ツール Web アプリエンジニアからみた所感
3 行まとめ 26
スマートコントラクトの所感 サーバーレスなバックエンドとしてスマートコントラクトを使うと いう選択肢 状態とふるまいを持っていて、一度デプロイされたら状態は保 持・追加し続けられるので、永続化層として取り回しやすい ガス代という手数料がかかってしまったり、修正出来ない(=堅 牢なものを作る必要がある)ものの、高可用性であったり、イン フラの維持コストがかからない良さがある 27
JavaScript から入門するブロックチェーンエン ジニアリング 前提概念の紹介 Solidity とNode.js の関係 スマートコントラクト開発の周辺ツール Web アプリエンジニアからみた所感
3 行まとめ 28
3 行まとめ Ethereum はブロックチェーン上にスマートコントラクトをデプロ イできるよ スマートコントラクト開発では JavaScript が頻繁に登場するよ サーバーレスなアプリケーションのバックエンドをスマートコント ラクトにお任せするアーキテクチャは引き出しに入れておいてもい
いかもしれないね 29
参考書籍 Solidity とEthereum による実 践スマートコントラクト開発 ――Truffle Suite を用いた開発 の基礎からデプロイまで (https://www.oreilly.co.jp/boo
ks/9784873119342/) 30
ご清聴ありがとうございました! 31