Ethers.jsでDAppの開発入門

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. ΤϯδχΞืूͯ͠·͢ʂ

25. None