Storybookを用いたVue.js共通コンポーネント開発との戦い / stores-fights-storybook

Transcript

1. 4UPSZCPPL
   Λ༻͍ͨ 7VFKT
   ڞ௨ίϯϙʔωϯτ։ൃͱͷઓ͍ -BSBWFM
   
   7VFKT
   ษڧձ
2. ࣗݾ঺հ ˔ ϑϩϯτΤϯυΤϯδχΞ ˔ ຊॻ͍ͯ·͢ ˓ ٕज़ॻయ 
   
    ˓ ٕॻത  த໺ ୡ໵ !IPXEZ
3. 4503&4KQ
   ஌ͬͯΔਓ !
5. 4503&4KQ
   ͷϑϩϯτΤϯυ
6. γϣοϓଆ μογϡϘʔυଆ ओʹͭͷը໘Ͱߏ੒
7. γϣοϓଆ μογϡϘʔυଆ ڈ೥·Ͱ͸…
8. γϣοϓଆ μογϡϘʔυଆ 41" "1*αʔόʔ ͲͬͪଆͰ΋࢖͑Δ 7VFKT
   ίϯϙʔωϯτ͕ཉ͍͠ ͜ΕΒΛ 7VFKT
   ʹઈࢍϦϓϨΠεத
9. ෳ਺ͷγεςϜΛ·͕ͨͬͯ࢖͑Δ 7VFKT
   ͷίϯϙʔωϯτू͕ཉ͍͠
10. Ͱڞ௨ίϯϙʔωϯτूΛ࡞ͬͨ
11. छྨҎ্ͷίϯϙʔωϯτू
12. ͍Ζ͍Ζͳઓ͍͕͋ͬͨ ˔ ༧ظͤ͵ 6*
    ่Εʹؾ͚ͮͳ͍ ؾ͔ͮͳ͍͏ͪʹ 6*
    ่͕ΕΔ… ˔ ϨϏϡʔ͕໘౗ HJU
    DIFDLPVU
    ͯ͠ TUPSZCPPL
    ىಈͯ͠… ˔ Ϟδϡʔϧ഑෍Ͳ͏͠Α͏ OQN
    PSHBOJ[BUJPO
    
    ݁ߏ͓ߴ͍…
13. ⚔ ͜ΕΒͷ໰୊ͱઓ͏ ⚔
14. ༧ظͤ͵6*่Εʹؾ͚ͮͳ͍໰୊ ͱઓ͏
16. ը૾ճؼςετ
17. ςετ݁Ռ͸13ͷίϝϯτͰڭ͑ͯ͘ΕΔ
18. 3&(46*5ͷϋϚΓͲ͜Ζ
19. ྫ͑͹μΠΞϩάίϯϙʔωϯτͷετʔϦʔ ᶃϘλϯΛΫϦοΫ μΠΞϩάΛදࣔ͢Δ
20. ࡱΓ͍ͨ΋ͷͱετʔϦʔ͕߹Θͳ͍ ͕͜͜Ωϟϓνϟର৅ʹͳΔ આ໌จͷൺֱͯ͠΋͠ΐ͏͕ͳ͍… ࡱΓ͍ͨͷ͸ͬ͜ ͪʂ
21. ը૾ൺֱ༻ͷετʔϦʔΛ࡞Δ ᶃ SFHSFTTJPO
    Ͱ࢝·ΔετʔϦʔΛผʹ࡞Δ ᶄ J
    Ͱൺֱର৅ετʔϦʔΛࢦఆ͢Δ
22. ετʔϦʔ͸μΠΞϩάΛग़ͨ͠ঢ়ଶʹ͓ͯ͘͠
23. ൺֱ͍ͨ͠Ωϟϓνϟ͝ͱʹετʔϦʔΛ࡞Δ ϦϘϯ͕෇͘ύλʔϯ͕͋ΔͷͰ ϦϘϯ෇͖ͷετʔϦʔ΋࡞͍ͬͯΔ
24. ౾෗໰୊ ʮԁʯ͕ʮ˘ʯʹͳͬͯ͠·͍ͬͯΔྫ ϑΥϯτΛ௥Ճ͢Δ IUUQTHJUIVCDPNSFHWJ[OPEFYDCCMPCNBTUFS%PDLFSGJMF ެࣜͷ%PDLFSϑΝΠϧʹ͸೔ຊޠϑΥϯτ͕ೖ͍ͬͯͳ͍
25. 3&(46*5Λ࢖ͬͯ 6*่Εʹؾ෇͚ΔΑ͏ʹͳͬͨ
26. ϨϏϡʔ໘౗͍͘͞໰୊ͱઓ͏
27. ͦ΋ͦ΋4UPSZCPPLͬͯ 4UPSZCPPL
    ΛϏϧυͯ͠࡞ΒΕΔͷ͸ IUNM
    DTT
    KT
    ͳͲ੩తϑΝΠϧ͚ͩ ϒϥ΢βͰΞΫηεͰ͖Δ IUNMஔ͖৔͕͋Ε͹͍͍
28. 13࣌ʹ$JSDMF$*ͷ"SUJGBDUTʹIUNMྨΛ֨ೲ͢Δ IUUQTDJSDMFDJDPNEPDTKBBSUJGBDUT ͜ͷը໘։͘ͷ໘౗
29. 13࣌ʹࣗಈͰ"SUJGBDUTͷ63-Λ௨஌ ᶃ "SUJGBDUT
    ͷ 63-
    Λ࡞Δ ᶄ DVSM
    Ͱ 1045
    ͢Δ ˞(*5)6#@50,&/
    Λ $JSDMF$*
    ͷ ؀ڥม਺ʹઃఆ͓ͯ͘͠
30. ʢͪͳΈʹʣ࠷৽ͷιʔε͸4ʹ഑ஔ ˔ NBTUFS
    ϒϥϯνʹϚʔδ͞Ε͚ͨ࣌ͩ 4
    ʹϏϧυ݁ՌΛΞοϓϩʔυ ˔ ࠷৽ͷ 4UPSZCPPL
    ͕͍ͭͰ΋ݟΕΔΑ͏ʹ͢Δ ˓ ΤϯδχΞ ΋ ˓ σβΠφʔ ΋ ˔ ίϯϙʔωϯτΛ࢖͏ଆ͸͜ͷ63-Λݟͯ։ൃ
31. $JSDMF$*ͷ"SUJGBDUTʹ഑ஔͯ͠ 13࣌ͷ4UPSZCPPL֬ೝ͕ ͱͯ΋շదʹͳͬͨ
32. Ϟδϡʔϧ഑෍Ͳ͏͠Α͏໰୊ ͱઓ͏
33. ௐ΂Δ ˔ ී௨ʹ OQN
    Λ࢖͏ 
    ެ։͞Εͯ͠·͏ͷͰ /( ˔ OQN
    PSHBOJ[BUJPO 
    
    QFS
    NPOUI
    
    VTFS
    
    ߴ͍ Ͳ͏͢Δ
34. (JU)VCܦ༝ͰOQNΠϯετʔϧͰ͖Δ λά໊ खಈͰλά࡞Δͷ໘౗ ૊৫໊ ϦϙδτϦ໊
35. $*ͰλάΛ࡞Δ  QBDLBHFKTPO
    ͷόʔδϣϯΛ্͛ͯ 13
    Λͳ͛Δ ˞
    QBDLBHFKTPO
    ͷόʔδϣϯΛλά໊ͱͯ͠࢖͏  13
    ঝೝ ˍ NBTUFS
    ʹϚʔδ  $JSDMF$*
    ͷ BQQSPWBM
    KPCT
    Λ࢖ͬͯλά࡞੒TIΛ࣮ߦ
36. $JSDMF$*
    ͷ BQQSPWBM
    KPCT IUUQTDJSDMFDJDPNEPDTXPSLGMPXTIPMEJOHBXPSLGMPXGPSB NBOVBMBQQSPWBM λά࡞੒ खಈͰKPCΛྲྀͤΔ
37. λά࡞੒γΣϧ ᶃ QBDLBHFKTPO
    ͷόʔδϣϯ ͔Βλά໊Λੜ੒ ᶄ Ϣʔβ৘ใΛઃఆ ᶅ ࠷৽ͷιʔεΛϏϧυ ᶆ Ϗϧυͨ͠ϑΝΠϧΛ DPNNJU ᶇ λάΛ࡞੒ͯ͠ QVTI IUUQTDJSDMFDJDPNEPDTBEETTILFZ ˞44)ΩʔΛ௥Ճ͓ͯ͘͜͠ͱʢHJU࣮ߦ࣌ʹൿີݤΛ࢖ͬͯ͘ΕΔʣ
38. λά͕ࣗಈͰ࡞ΒΕΔ
39. ͓·͚ (JU)VCͷ3FMFBTFTʹϦϦʔε಺༰Λॻ͘
40. (JU)VCܦ༝ͷOQNΠϯετʔϧ ͱ$*ʹΑΔλάੜ੒Ͱແྉ
41. ·ͱΊʢઓ͍ͷײ૝ʣ ˔ 4UPSZCPPL
    Λ͔ͭͬͯ ڞ௨ίϯϙʔωϯτ࡞Δͷ͸݁ߏେม ˔ ෆศͳͱ͜Ζ͸ଞͷπʔϧͳͲͰΧόʔ ˔ Ұ౓࡞ͬͯ͠·͑͹։ൃ͕Ճ଎͢Δʢ͸ͣʣ 4UPSZCPPL
    Λ΋ͬͱ༗ޮ׆༻͍͖͍ͯͨ͠
42. ࠷ޙʹએ఻
44. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ