Ethers.jsでDAppの開発入門

FukuokaJSというコミュニティでLT登壇させてもらった時の資料です。
ブロックチェーン初心者向けです！JSの話少なめ。。。
登壇楽しかったです、ありがとうございました！！

Transcript

1. 2021/10/12 Shunpei Ito Ethers.jsͰDAppͷ։ൃೖ໳ ˌ14 FukuokaJS
2. ࠓ೔ͷྲྀΕ ࣗݾ঺հ DAppͬͯԿʁ Ethers.jsʹ͍ͭͯ Metamaskͱܨ͙ NFTΛൃߦͯ͠ΈΑ͏ʂ
3. ࣗݾ঺հ Introduction
4. ࣗݾ঺հ Shumpei Ito 1996೥ੜ·Ε झຯ͸όεέɺαʔϑΟϯ ւ֎ཱྀߦʹ݁ߏߦͬͯͨ ॳΊͯϓϩάϥϛϯάΛ৮ͬͯ΋͏͙͢1೥ @shunpg0305
5. ࣗݾ঺հ Ӧۀ̍೥ IT෦໳̍೥ ݄̐ʙΤϯδχΞ
6. DAppͬͯԿʁ What is Dapp?
7. DApp (Decentralized Application) ෼ࢄܕΞϓϦέʔγϣϯ (DApp) Blockchain ී௨ͷΞϓϦέʔγϣϯ (தԝूݖܕ App) αʔόʔ
8. ௨ৗͷΞϓϦͱԿ͕ҧ͏ͷ͔ʁ ɾ෼ࢄ؅ཧʹΑͬͯৗʹՔಇ͠ଓ͚ΒΕΔ ɾ৘ใ͕վ͟Μ͞ΕΔϦεΫ͕େ͖ܰ͘ݮ͞ΕΔ ɾҰ౓σϓϩΠ͞ΕΔͱίʔυΛมߋͰ͖ͣɺ ɹΞοϓσʔτʹϢʔβͷ߹ҙΛͱͬͨΓ͢Δ < ͜Μͳ՝୊΋͋Δ > ɾτϥϯβΫγϣϯ͕஗͔ͬͨΓ ɾར༻ख਺ྉ͕ߴಅ͍ͯͨ͠Γ
9. DAppͷ׆༻ࣄྫ ϒϩοΫνΣʔϯήʔϜ - Crypto Kitties ೣΛചങɺަ഑ͯࣗ͠෼͚ͩͷೣ(NFT) ΛूΊΔҭ੒ܥήʔϜ ଞͷήʔϜʹ΋͜ͷೣNFT͕࢖͑ͨΓ
10. ࠓճͷDAppͷߏ੒ ΫϥΠΞϯτଆ ϒϩοΫνΣʔϯଆ
11. Ethers.jsʹ͍ͭͯ About Ethers.js
12. Ethers.js EthereumϒϩοΫνΣʔϯͷσʔλΛૢ࡞͢ΔͨΊͷϥΠϒϥϦ Ethers.jsͰग़དྷΔ͜ͱ ɾൿີ伴ΛΫϥΠΞϯτ಺ʹ҆શʹอ؅ ɾχʔϞχοΫ (จࣈྻ͔Βൿີ伴Λ࡞੒) ɾίϯτϥΫτABI͔ΒJSͷΦϒδΣΫτΛ࡞੒ ɾTypeScriptʹ׬શରԠ ͳͲͳͲ ɹࣅͨΑ͏ͳϥΠϒϥϦͰweb3.js͕͋Δ
13. Ethers.js ࠓճ͸EthersͰ࡞ͬͨWalletͰ͸ͳ͘ɺMetamaskΛ࢖༻͠·͢ʂ Ethers.jsͰWalletΛ࡞ΕΔ
14. Metamaskͱܨ͙ Connecting with Metamask
15. Metamask • ϒϩοΫνΣʔϯήʔϜͱ͔NFTϚʔέοτͰ࢖͑Δ • ෳ਺ͷΞΧ΢ϯτ͕Ͱ͖ͨΓ • τʔΫϯΛૹ৴ͨ͠Γ • ख਺ྉΛࣗ༝ʹઃఆͰ͖ͨΓ͢Δ Google ExtensionͰΠϯετʔϧͰ͖Δ εϚϗΞϓϦ΋͋Δ
16. ܨ͍ͰΈΔ
17. NFTΛൃߦͯ͠ΈΑ͏ʂ Issue Non Fungible Token
18. NFTΛൃߦͯ͠ΈΑ͏ʂ ূ໌ॻͷNFTൃߦΞϓϦ ൃߦϘλϯΛԡ͢ͱ
19. Contract (Solidity) ͜ͷίϯτϥΫτΛ EthereumͷϒϩοΫνΣʔϯʹ σϓϩΠ͢Δʂ σϓϩΠ͢Δࡍʹ͸ Ψε୅(ETH)΋ඞཁʂ
20. Contractͷ࢖͍ํ ίϯτϥΫτͷػೳΛ࢖͏ͨΊͷ४උ
21. Contractͷ࢖͍ํ ίϯτϥΫτͷΠϯελϯεΛੜ੒͢Δ͜ͱʹΑΓ ίϯτϥΫτͷؔ਺Λ࢖͏͜ͱ͕Ͱ͖Δ
22. ൃߦͨ͠NFTΛ֬ೝ
23. JSͰϒϩοΫνΣʔϯΛ࢖͓͏ʂ
24. ΤϯδχΞืूͯ͠·͢ʂ