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
2.1k
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
S3ストレージクラスの「見える」「ある」「使える」は全部違う ─ 体験から見た、仕様の深淵を覗く
ya_ma23
0
870
社内規程RAGの精度を73.3% → 100%に改善した話
oharu121
13
8.2k
20260313 - Grafana & Friends Taipei #1 - Kubernetes v1.36 的開發雜記:那些困在 Alpha 加護病房太久的 Metrics
tico88612
0
230
RAGでハマりがちな"Excelの罠"を、データの構造化で突破する
harumiweb
9
3k
コーディングルールの鮮度を保ちたい / keep-fresh-go-internal-conventions
handlename
0
230
OTP を自動で入力する裏技
megabitsenmzq
0
120
DevinとClaude Code、SREの現場で使い倒してみた件
karia
1
1.1k
脱 雰囲気実装!AgentCoreを良い感じにWEBアプリケーションに組み込むために
takuyay0ne
3
370
AI時代のシステム設計:ドメインモデルで変更しやすさを守る設計戦略
masuda220
PRO
6
1.1k
仕様漏れ実装漏れをなくすトレーサビリティAI基盤のご紹介
orgachem
PRO
7
2.9k
エンジニアの「手元の自動化」を加速するn8n 2026.02.27
symy2co
0
170
new(1.26) ← これすき / kamakura.go #8
utgwkk
0
2.6k
Featured
See All Featured
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
450
From π to Pie charts
rasagy
0
150
エンジニアに許された特別な時間の終わり
watany
106
240k
Measuring Dark Social's Impact On Conversion and Attribution
stephenakadiri
1
160
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.4k
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
mfonobong
2
330
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
marketingsoph
0
120
Rails Girls Zürich Keynote
gr2m
96
14k
The Invisible Side of Design
smashingmag
302
51k
A Guide to Academic Writing Using Generative AI - A Workshop
ks91
PRO
0
240
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