ローカル環境で動かすブロックチェーン

https://hokkaido-js.connpass.com/event/370854/
で発表した内容です。

Transcript

1. ローカル環境で動かすブロッ クチェーン 2025.11.08 CAMPFIREグループ Livefor株式会社開発室 須藤 拓也
2. 自己紹介 須藤 拓也 / Takuya Sudo Livefor株式会社（CAMPFIREのグループ会社） - 北海道室蘭市出身 - モバイルアプリ開発が主戦場（iOS開発は3GSの頃からスタート） - 現在はFlutter, Ruby on Rails, Svelte, AWSでアプリ開発 - 趣味はロードバイクと野球観戦（日ハム） - アマチュアソフトクリーマー https://github.com/someone-said-so
3. 話すこと 1. 美味しいソフトクリーム 2. ブロックチェーンとは 3. 学びの足がかり 4. 開発に必要なもの 5. FoundryでEthereumのテストネットを構築する 6. SolidityでNFTスマートコントラクトを記述する 7. フロントエンドについて 8. Vue.jsでテストネットにアクセスするデモ 9. ハッシュ, ナンス, 公開鍵暗号、楕円曲線, 合同式などの関連する数学的な知識に ついて（時間が余れば浅いレベルで） 金融に関する話題はありませんし、投資を促すことはしません。 (興味がある方は自己責任で！)
4. 美味しいソフトクリーム
5. Soft-serve icecream as Smiling(SaaS) 1. やはり素材がすべて。「余計なものは足さない、何も引かない」 2. ミルク原理主義 a. どんな牛でどんな食事をしているか 3. 口当たりが滑らかなこと、舌に氷の粒を感じないこと 4. ソフトサーバーの管理は愛情表現 5. 各社マシンの特徴がある a. カルピジャーニは滑らかで空気を含んだ仕上がり b. テイラーは生クリームのような硬い仕上がり 6. 業務形態が不安定なので来年はないかもしれない（一期一会）
6. 無添加ミルク x カルピジャーニ = 最強の美味しさ
7. 今年のNo1ソフトクリームの紹介 https://www.instagram.com/jersey.no.hak oniwa/ 当別町にある「ジャージーの箱庭」 - ジャージー牛の生乳を低温殺菌 - グラスフェッドミルクからは草原の香り - サービングマシーンはサーバーのフェラーリ こと「カルピジャーニ」 - とにかく「やばい」語彙力を失う美味しさ 貴重な10分もふんわり溶けていく口溶け！
8. ブロックチェーンとは
9. ブロックチェーン - 分散管理（非中央集権） - 特定の管理者や中央サーバーが存在せず、ネットワーク参加者（ノード）全員で取引データ（台帳） を共有・管理 - 改ざん耐性 - ブロックは前のブロックを要約したハッシュ値を持つ - どこかのブロックが変わると以降の ハッシュ値を計算し直す必要 がある - ネットワーク参加者過半数以上の合意がないとブロックの履歴が有効にならない - 取引の透明性 - パブリックチェーン（ビットコインなどで採用）の場合、取引履歴はすべてネットワーク上で公開され る - スマートコントラクト - ブロックチェーン上に契約内容をプログラムとして書き込み、特定の条件が満たされたときに 自動 で契約を実行 する仕組み（ただしスマートコントラクトがないブロックチェーンもある）
10. 学びの足がかり
11. 成長のきっかけはやはり人 - Liveforではweb3への参入を目指しています - 通常モバイルアプリ開発者はブロックチェーンそのもの開発に直接 関与しません ではなぜ自分で作ってみようと思ったか？ - slackチャンネルでのチームメンバーのつぶやきがきっかけ - 「東京大学寄附講座」というものを知った - その後もアドバイスをもらえる環境に感謝🥲
13. 東京大学 ブロックチェーンイノベーション寄附講座 https://www.blockchain.t.u-tokyo.ac.jp/ - 2024/2025年の2回開催実績あり（私は2025年に参加） - Discordサーバーで非公開のyoutube講義を受けられる - 試験に参加するSBTを取得できる - 全24回の講義を学ぶことができる(1講義あたり約90分) - ブロックチェーンから Bitcoin/Etheriumのプロトコルの基礎 - ブロックチェーンの経済理論、法規など - 最新事例 - これから行うデモのテンプレートとなるgithub repoがある
14. 開発に必要なもの
15. 必要なものを揃えるハードルは低い - PC（当然） - この中で金銭的負担が必要なものはこれだけ - metamask - メインネット・テストネットに接続できるウォレットアプリケーション - Chrome - ブラウザ拡張機能で metamaskに接続できる - Foundry - Dappsの開発環境。anvil/forge/castなど開発に必要なコマンドが使えるようになる - https://getfoundry.sh/ - Node環境 - React, Vue.jsなどのフロントエンド環境をローカルホストに立てるのに使う - モチベーション - ソフトクリームを食べてあげましょう！
16. FoundryでEthereumのテス トネットを構築する
17. 手順 大まかなには以下の手順です 1. `$ forge init`でfoundryプロジェクトを作成する 2. `$ forge install openzeppelin/openzeppelin-contracts`でNFTを記述するための パッケージをインストール 3. solidityでEtheriumのコントラクトを書く 4. `$ forge test -vv`でテストし、`$ forge build`でビルドする 5. `$ anvil`を実行してローカルテストネットを起動する 6. anvilの秘密鍵を使ってコントラクトをデプロイする 7. `$ forge script script/DeployMyToken.s.sol --rpc-url http://localhost:8545 --broadcast`でコントラクトをデプロイしてCAを取得する 8. CAに対してanvilの他のEOAでトランザクションを実行する
18. SolidityでNFTスマートコント ラクトを記述する
19. Solidity 1. スマートコントラクトを記述するための言語 2. EVM(Etherium Vertual Machine)上で動作する 3. 処理の重さ（EVM視点）によってガス代がかかる 4. Crypto-Zombieでゲーム感覚で学べる(https://cryptozombies.io/jp/) https://solidity-jp.readthedocs.io/ja/latest/introduction-to-smart-contracts.html#a-simple-smart-contract NFT 1. non-fungible token（非代替性トークン）の略。代表例はERC-721規格。 2. 流通総量に関するmintやburn、譲渡に関するtransferやapproveに関するインター フェースを備えている https://wizard.openzeppelin.com/
20. フロントエンドについて
21. FEとBE # FE - UI/UXを担当する - DBなどは操作しない - JavaScriptがスタンダード - React, Vue.jsなど # BE - ビジネスロジックを担当する - DBなどを操作するAPIを提供する - 多種多様な言語、FWが存在する e.g. 一般的なAWSでの構成例 今回はFEがChromeブラウザで表示するVue.jsのWebアプリ、 BEがanvilになります
22. Vue.jsでテストネットにアクセ スするデモ
23. ここからひたすらデモ画面... https://github.com/taqucinco-com/my_web3
24. まとめ
25. 1. ローカルでブロックチェーンネットワークを作成できる 2. 必要な環境のハードルが低いのでモチベさえあれば今日から始めら れる 3. ブロックチェーンのトランザクションをWeb FEで確認することができる 4. 成長のきっかけは人から 5. 今後の展望としてSepoliaトークンで勉強会参加証明SBTを発行し、 それをモバイルアプリ化したい まとめ
26. ご清聴 ありがとうございました 謝意、この場を借りて感謝表明！ @mapさん @itoさん 寄附講座の存在を広めてくれてありがとうございます。次の課題をもらったのでコツコツ やっていきます。 @nakanishiさん @matsuzakiさん 具体的な実装・実現方法を教えてくれてありがとうございます。また相談にのってください！