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
re:Invent 2025 トレンドからみる製品開発への AI Agent 活用
yoskoh
0
580
Cap'n Webについて
yusukebe
0
160
LLM Çağında Backend Olmak: 10 Milyon Prompt'u Milisaniyede Sorgulamak
selcukusta
0
150
HTTPプロトコル正しく理解していますか? 〜かわいい猫と共に学ぼう。ฅ^•ω•^ฅ ニャ〜
hekuchan
2
610
Go コードベースの構成と AI コンテキスト定義
andpad
0
160
Pythonではじめるオープンデータ分析〜書籍の紹介と書籍で紹介しきれなかった事例の紹介〜
welliving
3
770
AIの誤りが許されない業務システムにおいて“信頼されるAI” を目指す / building-trusted-ai-systems
yuya4
7
4.3k
AIで開発はどれくらい加速したのか?AIエージェントによるコード生成を、現場の評価と研究開発の評価の両面からdeep diveしてみる
daisuketakeda
1
560
これならできる!個人開発のすゝめ
tinykitten
PRO
0
150
LLMで複雑な検索条件アセットから脱却する!! 生成的検索インタフェースの設計論
po3rin
4
1.1k
[AtCoder Conference 2025] LLMを使った業務AHCの上⼿な解き⽅
terryu16
6
1k
Context is King? 〜Verifiability時代とコンテキスト設計 / Beyond "Context is King"
rkaga
10
1.5k
Featured
See All Featured
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
Stewardship and Sustainability of Urban and Community Forests
pwiseman
0
92
Scaling GitHub
holman
464
140k
A Soul's Torment
seathinner
2
2.1k
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
kimpetersen
PRO
0
210
Paper Plane
katiecoart
PRO
0
45k
Learning to Love Humans: Emotional Interface Design
aarron
274
41k
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
apolaine
0
150
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
minecr
0
100
Leading Effective Engineering Teams in the AI Era
addyosmani
9
1.5k
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
baasie
0
190
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
reverentgeek
1
300
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