Vue CLI 3.0とTypeScriptを使ってNEMウォレットを作ってみた

shohei
Osaka, iOS Web engineer

・もくdev もくもく会
https://mokudev.connpass.com/

・GitHub
https://github.com/hukusuke1007/nem-wallet

・Qiita
https://qiita.com/hukusuke1007/items/132a4d3d3736c98125e8

Transcript

1. 7VF
   $-*
   ͱ5ZQF4DSJQUΛ࢖ͬͯ
   /&.΢ΥϨοτΛ࡞ͬͯΈͨ
2. TIPIFJ 0TBLB
   J04
   8FC
   FOHJOFFS 
   
   ,:0$&3"
   %PDVNFOU
   4PMVUJPOT
   JOD
   
   
   (FOJP
   JOD
   
   
   
   
   
   
   
   
   
   
   
   'SFFMBODF
3. େࡕɺਆށͰఆظ։࠵தʂ
   ৄ͘͠͸ίνϥɻ ΋͘EFW
   ΋͘΋͘ձ 4XJGU
   7VFKT
   +BWB4DSJQU
   5ZQF4DSJQU
   3VCZ
   PO
   3BJMT
   1)1
   1ZUIPO
   'JSFCBTF
   /&.
   &UIFSFVN
   FUDʜ
4. ֓ཁ ࠷ۙొ৔ͨ͠7VF
   $-*
   Λ࢖ͬͯ/&.΢ΥϨοτΛ࡞ͬͯΈ·ͨ͠
   7VF
   $-*
   ͸ର࿩ܗࣜͰ
   3PVUFSɺ7VFYɺ5ZQF4DSJQUɺ18"ͳͲΛ؆୯ʹಋೖͰ͖Δ
   Ծ૝௨՟/&.ͷ؅ཧɺड͚औΓɺૹ͕ۚͰ͖Δ΢ΥϨοτΛ࡞Δ 
5. /&.ͱ͸ ೥݄೔ʹ࠷ॳͷϒϩοΫ͕ੜ੒͞Εͨ
   ϒϩοΫνΣʔϯɺج࣠௨՟ͷ୯Ґ͸9&.
   ૯ൃߦ਺͸໿ԯຕɺίϯηϯαεΞϧΰϦζϜ͸ 1P* 1SPPG
   PG
   *NQPSUBODF ͋Γɺສ9&.Ҏ্Λ
   อ༗͠ചങऔҾ͕׆ൃͳਓ͕ϒϩοΫ࡞੒ͷݖݶΛ ಘΒΕΔ
   /&.ͷػೳΛ୭Ͱ΋؆୯ʹѻ͑ΕΔΑ͏8FC
   "1* ͱͯ͠ఏڙ͞Ε͍ͯΔ
6. ϒϩοΫνΣʔϯͱ͸ ෼ࢄܕ୆ாٕज़ʢ෼ࢄܕωοτϫʔΫʣ
   ɾσʔλϕʔεΛ෼ࢄ؅ཧ
   ɾσʔλΛνΣʔϯͷΑ͏ʹ࿈݁
   ౓ॻ͖ࠐΜͩσʔλ͸มߋ΍վ͟ΜͰ͖ͳ͍
   ϒϩοΫνΣʔϯͷಛੑΛ׆͔ͯ͠ੜΈग़͞Εͨ΋ͷ͕Ծ૝௨՟
7. ϒϩοΫνΣʔϯͱ͸ Πϝʔδਤ ੈքதͰ෼ࢄ؅ཧ
8. ΢ΥϨοτͱ͸ Ծ૝௨՟Λ؅ཧ͢ΔͨΊͷࡒ෍
   ɾԾ૝௨՟ͷ࢒ߴ΍औҾཤྺͷ֬ೝɺૹۚͳͲ͕Ͱ͖Δ
   ɾΞΧ΢ϯτ͸ൿີ伴
9. ൿີ伴ͱ͸ ۜߦޱ࠲ͷ҉ূ൪߸ͷΑ͏ͳ΋ͷ
   ɾτϥϯβΫγϣϯͷॺ໊Λߦ͏ͨΊʹඞཁ
   ɾൿີ伴͕όϨΔͱ޷͖์୊΍ΒΕΔ ൿີ伴 ެ։伴 ૹۚઌ
   ΞυϨε /&.ͷ৔߹ &E
   4)" όΠτ
   ͷཚ਺ 4)"
   3*1&.%
   /FUXPSL5ZQF Y
   4)"
   CZUF
   #BTF
   &ODPEF จࣈͷ
   ӳ਺ࣈ จࣈͷ
   ӳ਺ࣈ
10. τϥϯβΫγϣϯ ϒϩοΫνΣʔϯ΁ॻ͖ࠐΉͨΊͷݕূ
    Ծ૝௨՟Λૹۚ͢Δ࣌ͳͲ ɾτϥϯβΫγϣϯσʔλ
    ૹۚઌΞυϨε
    ૹۚྔ
    ϝοηʔδ
    ެ։伴
    ͳͲʜ ॺ໊ ΫϥΠΞϯτ ൿີ伴Λ༻͍ͯτϥϯβΫγϣϯ σʔλΛ&EͰॺ໊ ɾτϥϯβΫγϣϯσʔλ
    ૹۚઌΞυϨε
    ૹۚྔ
    ϝοηʔδ
    ެ։伴
    ͳͲʜ ॺ໊ ϊʔυ ެ։伴ͱ&EͰॺ໊Λݕূ͠
    ໰୊ͳ͚Ε͹ϒϩοΫνΣʔϯ΁ ૹ৴ /&.ͷ৔߹
11. ͻͱ·ͣϒϩοΫνΣʔϯͷ࿩͸͜͜·Ͱͱͯ͠ʜ
12. ͜Μͳ΢ΥϨοτΛ࡞Γ·͢
13. ࠓճ࡞Δ΢ΥϨοτͷઃܭਤ /&.
    #MPDLDIBJO 8BMMFU
    8FC"QQ #SPXTFS
    -PDBM4UPSBHF 8FC
    "1*
14. ։ൃ؀ڥ ɾ7VF
    $-*
    
    ɾ5ZQF4DSJQU
    ɾ(JU)VC
    1BHFT
15. ϥΠϒϥϦ ֓ཁ ༻్ OFNTEL /&.
    "1*ͷϥΠϒϥϦ ΞΧ΢ϯτ࡞੒ɺ࢒ߴऔಘɺૹۚͳͲ EPUFOWXFCQBDL FOWͷXFCQBDL൛ /&.ͷωοτϫʔΫ*%ͱ
    ϊʔυͷઃఆఆٛ MPDBMGPSBHF ϒϥ΢βͷ
    ϩʔΧϧετϨʔδૢ࡞ ΞΧ΢ϯτͷอଘ WVFRSJPVTMZ 23ίʔυදࣔ ΢ΥϨοτ৘ใͷ23ίʔυදࣔ WVFUPBTU "OESPJEͷ5PBTU ϝοηʔδදࣔ WVFUJGZ ϚςϦΞϧσβΠϯ ϑΥʔϜ࡞੒ ࢖༻͢ΔϥΠϒϥϦ
16. ࣮૷ ɾ਽ܗ࡞੒
    ɾOFNTELͷ8SBQQFS࣮૷
    ɾ8BMMFUͷϞσϧΫϥε࣮૷
    ɾը໘࣮૷ ࣌ؒతʹ࣮૷ΛશͯղઆͰ͖ͳ͍ͷͰงғؾ͚ͩղઆʂ
    ৄ͘͠͸(JU)VCʜ
17. ਽ܗ࡞੒ ͪΐʔ؆୯ʂʂ
18. OFNTELͷ8SBQQFS࣮૷ ɾϊʔυͷ63-Λઃఆ FOW
19. OFNTELͷ8SBQQFS࣮૷ ɾΞΧ΢ϯτ࡞੒ ɾ࢒ߴऔಘ
20. OFNTELͷ8SBQQFS࣮૷ ɾૹۚॲཧ Կ͕ݴ͍͍͔ͨͱ͍͏ͱ
    OFNTELΛ࢖͑͹ͪΐʔ؆୯ʹ/&.ϒϩοΫνΣʔϯΛ৮ΕΔ
    ˞OFNTELΛߋʹ࢖͍΍ͨ͘͢͠OFNMJCSBSZ͕Φεεϝ
21. 8BMMFUͷϞσϧΫϥε࣮૷ ɾ࢒ߴɺૹۚઌΞυϨεɺެ։伴ɺൿີ伴Λอ࣋
22. 8BMMFUͷϞσϧΫϥε࣮૷ ɾϩʔΧϧετϨʔδ΁ͷอଘͱಡΈࠐΈ ɾอଘ͢Δσʔλ
23. 8BMMFUͷϞσϧΫϥε࣮૷ ͜Μͳײ͡Ͱอଘ͞Ε·͢
24. ը໘࣮૷ ɾ΢ΥϨοτϑΥʔϜͷ8BMMFUWVFΛ࡞੒
    ɾ"QQWVFʹ8BMMFUWVFΛίϯϙʔωϯτͱͯ͠දࣔ
25. ը໘࣮૷ ɾ"QQWVF ɾ8BMMFUWVF
26. ը໘࣮૷ ɾ8BMMFUWVFΛ΋͏গ͠ৄ͘͠ 4DSJQU )5.-
27. ը໘࣮૷ ɾΞΧ΢ϯτऔಘ ɾૹۚઌΞυϨεͷ23ίʔυදࣔ
28. ը໘࣮૷ ɾϘλϯԡԼͰૹۚ
29. ·ͱΊ ɾ7VF
    $-*
    ͸ಋೖ͕؆୯
    ɾOFNTELΛ࢖͑͹؆୯ʹ/&.ϒϩοΫνΣʔϯͷػೳΛ࢖͑Δ
    ɾ͜ΕΛػձʹͥͻϒϩοΫνΣʔϯʹ৮ΕͯΈ͍ͯͩ͘͞ʂ <2JJUB>
    7VF
    $-*
    ͱ5ZQF4DSJQUΛ࢖ͬͯ/&.΢ΥϨοτΛ࡞ͬͯΈͨ <(JU)VC>
    IUUQTHJUIVCDPNIVLVTVLFOFNXBMMFU
30. ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ