4
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

スマートコントラクトを使ったサンプルWeb3.0アプリケーションを開発する

Last updated at Posted at 2021-04-30

solidityを使ったWeb3.0アプリケーションをコーデイングしてみた

ネット上でも、solidityを使ったweb3.0アプリケーションを使って開発した本や記事がまだまだ少ないので記事を投稿してみました。

下記書籍を参考に今回は、Web3.0アプリケーションを作ってみました。

実践スマートコントラクト開発

ソースコードは、GitHub上で公開しています。

fundraiser-dapp

いきなり、メインネットやテストネットで試すのはハードルが高いため、Ganacheを使って、プライベートネット上にスマートコントラクトを
デプロイしてWeb3.0アプリケーションを体感してみました。

なお、このリポジトリを動かすには、事前に下記が必要となります。

  1. node.jsをインストールしておくこと
  2. ganacheをインストールして事前に起動しておくこと
  3. ganacheを使ってプライベートネット上にスマートコントラクトをデプロイすること
    4. MetaMaskをインストールしておくこと
  4. プライベートネットの秘密鍵をMetaMaskにインポートしておくこと

以上となります。

まず、コーディングして感じたのが、フレームワーク「truffle」と「React」の凄さ!!
Reactはフロントエンド側開発用のJavaScriptのフレームワークとなりますが、JSXを使って、要素をコンポーネントとして扱うところが面白い!
ぜひ、習得して実際の業務でも使用してみたいと思いました!!

そして、何より、コマンド「truffle unbox react」でテンプレートファイルが作成されて土台部分がすぐに出来上がるのが便利すぎる!!
最初は、何書いてあるかチンプンカンプンだったが、段々と勉強していくうちに分かったので、特に問題なし!

MetaMaskと組み合わせて、実際に動かしてみるとブロックチェーンがデータベースの一種であるという説明にも納得がいく。
今までは、本の中に書いてあるだけでなんとなくでしか理解していなかったが、やはり自分でコーディングしてみると理解度にも天と地の差がある。

これで、Web3.0アプリケーションの土台部分ができたわけで、色々と試していきたいと考えている。

EIP712のデモサンプルやマルチシグコントラクトと合わせて、マルチシグウォレットアプリなんかを作ってみると面白いかも。。。
ブロックチェーンエンジニアになりたいと思ってきた!!

今は、コロナ禍で色々と制約があって大変だけど、アフターコロナに備えて自分の技術力をさらに高めていきたいと考えている。

【2021年5月15日追記】

上記に挙げているソースコードについてうまく動かない部分があったため、修正いたしました。

実際に動かしてみることで、ブロックチェーンとは何か?スマートコントラクトとは何か?を体系的に学び感じることができるはずです!!(筆者も実際に動かしてみて感動しました。)

次世代の標準となるであろうWeb3.0アプリケーションのフレームワークにして行こうと思います!!

4
4
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?