React Nativeコンポーネントを 公開してわかった3つのこと / React Native Component Library npm published

TECH STAND #2 React Native ( https://standfm.connpass.com/event/197156/ ) の登壇資料です。
郵便番号から住所を取得するReact Nativeコンポーネントをnpmで公開した話です。

npm : https://www.npmjs.com/package/react-native-yubinbango
GitHub : https://github.com/shoken0x/react-native-yubinbango/

Transcript

1. 5&$)45"/%
   3FBDU/BUJWFίϯϙʔωϯτΛ
   

   ެ։ͯ͠Θ͔ͬͨͭͷ͜ͱ
   
   4IPLFO'VKJTBLJ
   

   View Slide

2. ࣗݾ঺հ
   w 4IPLFO'VKJTBLJ !TIPLFOY
   
   w גࣜձࣾΩονϋΠΫ
   

   ڞಉ૑ۀऀ$50
   w ΩονϋΠΫΤϯδχΞνʔϜͰ
   

   ݄ץ3/'FBUVSFT࿈ࡌத
   

   IUUQTUFDILJUDIIJLFDPN
   

   View Slide

3. ༣ศ൪߸͔ΒॅॴΛࣗಈऔಘ͢ΔίϯϙʔωϯτΛ
   

   ϥΠϒϥϦԽ͠ɺOQNͰެ։
   3FBDU/BUJWF:VCJO#BOHP
   

   View Slide

4. ΩονϋΠΫ͸
   

   3FBDU/BUJWFͰ։ൃ೥໨
   

   View Slide

5. ΦϯϥΠϯΠϕϯτͰ
   

   ৯ࡐ͕ಧ͘ʂ
   

   View Slide

6. ΦϯϥΠϯΠϕϯτͰ
   

   ࣗ୐ʹ৯ࡐ͕ಧ͘ʂ
   ͍ͷ͠͠೑Λಧ͚ΔͨΊʹ
   

   

   View Slide

7. Ϟνϕʔγϣϯ
   w ϢʔβʔͷॅॴೖྗͷίετΛԼ͛Δ
   w ϢʔβʔͷॅॴೖྗϛεΛݮΒ͢
   w ༣ศ൪߸Λೖྗ͢ΔͱɺࣗಈͰॅॴϑΥʔϜ͕ຒ·ΔΑ
   ͏ʹ͍ͨ͠
   ೖྗͨ͠Β
   ࣗಈͰຒ·Δ
   

   View Slide

8. :VCJO#BOHP$PSF
   w :VCJO#BOHPKTͰ࢖ΘΕ͍ͯΔϥ
   ΠϒϥϦ෦෼
   w 3FBDU /BUJWF
   Ͱ࢖͑ͳ͔ͬͨ
   w ݪҼFYQPSU͞Ε͍ͯͳ͍
   IUUQTHJUIVCDPNZVCJOCBOHPZVCJOCBOHPDPSFJTTVFT
   

   View Slide

9. ࣗ෼Ͱͭͬͯ͘ΈΔ
   

   View Slide

10. 3FBDU/BUJWFίϯϙʔωϯτԽ
    w σʔλιʔε͸:VCJO#BOHP$PSFΛ࢖Θͤͯ΋Β͏
    w ඞཁͳՕॴΛ஍ಓʹमਖ਼
    w 3FBDU/BUJWFͰϑΥʔϜΛ࡞Δ
    w PO$IBOHF5FYUͰΠϕϯτΛϋϯυϧ͢Δ
    

    View Slide

11. OQNެ։·Ͱ
    w OQNͷجૅ஌ࣝΛֶͿ
    w 044ͷࢀߟϥΠϒϥϦΛݟ·͘Δ
    w σ
    ΟϨΫτϦߏ੒ɾϑΝΠϧͷ໋໊
    w QBDLBHFKTPOͷ࡞੒
    w (JU)VCʹίϛοτ 3&"%.&࡞੒
    w UBH࡞੒ OQNQVCMJTI
    

    View Slide

12. HJUͰUBHΛ࡞ͬͯOQNQVCMJTI
    

    View Slide

13. OQNKTDPNͰެ։͞ΕΔ
    

    View Slide

14. ެ։ͯ͠ؾ͍ͮͨ͜ͱͦͷ
    γϯϓϧ͔ΒֶͿ
    γϯϓϧͳϥΠϒϥϦΛݟ͚ͭΔͱཧղ͠΍͍͢
    

    View Slide

15. ࢀߟʹͨ͠3FBDU/BUJWF&NPKJ
    w JOEFYKT͔͠ͳ͍ϥΠϒϥϦ
    w JOEFYKTͱQBDLBHFKTPOΛݟΔ͚ͩͰશମΛ೺ѲͰ͖Δ
    w ݁ՌɺͳΜͱ͔ͳͬͨ
    

    View Slide

16. ެ։ͯ͠ؾ͍ͮͨ͜ͱͦͷ
    ઌਓͨͪʹײँ
    3FBDU/BUJWF΍:VCJO#BOHP$PSF͕ͳ͚Ε͹࣮ݱͰ͖ͳ͔ͬͨɻ
    

    QBDLBHFKTPOʹೖ͍ͬͯΔϥΠϒϥϦؔ܎ऀશһʹײँɻ
    

    View Slide

17. 8FCͰ΋࢖͍͍ͨ
    

    View Slide

18. 3FBDUίϯϙʔωϯτ΋࡞Εͨ
    ओʹมߋͨ͠ͷ͸ՕॴͷΈ
    w 3/ίϯϙʔωϯτʢ+49λάʣΛ
    )5.-λάʹ
    w PO$IBOHFΠϕϯτͰ౉ͬͯ͘Δ
    FWFOUॲཧ
    

    View Slide

19. ެ։ͯ͠ؾ͍ͮͨ͜ͱͦͷ
    MFBSOPODF XSJUFBOZXIFSF
    3FBDUίϯϙʔωϯτԽ͢Ε͹ɺଟ͘ͷϓϥοτϑΥʔϜͰಈ͘
    

    ϥΠϒϥϦΛ࡞ΕΔ
    3FBDU/BUJWF
    3FBDU/BUJWFGPS8JOEPXT 3FBDU/BUJWFGPSNBD04
    3FBDU
    

    View Slide

20. 8JOEPXTͰ΋NBD04Ͱ΋
    ωΠςΟϒΞϓϦ͔Β༣ศ൪߸Ͱॅॴ͕ࣗಈऔಘͰ͖Δʂ
    
    3FBDU/BUJWFGPS8JOEPXT 3FBDU/BUJWFGPSNBD04
    

    View Slide

21. ·ͱΊ
    3FBDU/BUJWFίϯϙʔωϯτΛެ։ͯ͠Θ͔ͬͨ
    

    ͭͷ͜ͱ
    w γϯϓϧ͔ΒֶͿ
    w ઌਓͨͪײँ
    w MFBSOPODF XSJUFBOZXIFSF
    

    View Slide

22. ͝੩ௌ
    ͋Γ͕ͱ͏͍͟͝·ͨ͠
    ݄ץ3/'FBUVSFTͰ3FBDU/BUJWF
    

    ࠷৽৘ใΛ࿈ࡌத
    

    IUUQTUFDILJUDIIJLFDPN
    

    View Slide