Save 37% off PRO during our Black Friday Sale! »

Ethers.jsでDAppの開発入門

4c306d963b331573f30f8b4e649220b0?s=47 Shunp
October 12, 2021

 Ethers.jsでDAppの開発入門

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

4c306d963b331573f30f8b4e649220b0?s=128

Shunp

October 12, 2021
Tweet

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