Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

5abf9d4714b77a15beea063d08586560?s=47 howdy39
July 18, 2019

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

5abf9d4714b77a15beea063d08586560?s=128

howdy39

July 18, 2019
Tweet

Transcript

  1. 4UPSZCPPLΛ༻͍ͨ 7VFKTڞ௨ίϯϙʔωϯτ։ൃͱͷઓ͍ -BSBWFM7VFKTษڧձ

  2. ࣗݾ঺հ ˔ ϑϩϯτΤϯυΤϯδχΞ ˔ ຊॻ͍ͯ·͢ ˓ ٕज़ॻయ   

    ˓ ٕॻത  த໺ ୡ໵ !IPXEZ
  3. 4503&4KQ஌ͬͯΔਓ !

  4. None
  5. 4503&4KQͷϑϩϯτΤϯυ

  6. γϣοϓଆ μογϡϘʔυଆ ओʹͭͷը໘Ͱߏ੒

  7. γϣοϓଆ μογϡϘʔυଆ ڈ೥·Ͱ͸…

  8. γϣοϓଆ μογϡϘʔυଆ 41" "1*αʔόʔ ͲͬͪଆͰ΋࢖͑Δ 7VFKTίϯϙʔωϯτ͕ཉ͍͠ ͜ΕΒΛ 7VFKTʹઈࢍϦϓϨΠεத

  9. ෳ਺ͷγεςϜΛ·͕ͨͬͯ࢖͑Δ 7VFKTͷίϯϙʔωϯτू͕ཉ͍͠

  10. Ͱڞ௨ίϯϙʔωϯτूΛ࡞ͬͨ

  11. छྨҎ্ͷίϯϙʔωϯτू

  12. ͍Ζ͍Ζͳઓ͍͕͋ͬͨ ˔ ༧ظͤ͵ 6*่Εʹؾ͚ͮͳ͍ ؾ͔ͮͳ͍͏ͪʹ 6*่͕ΕΔ… ˔ ϨϏϡʔ͕໘౗ HJUDIFDLPVUͯ͠ TUPSZCPPLىಈͯ͠…

    ˔ Ϟδϡʔϧ഑෍Ͳ͏͠Α͏ OQNPSHBOJ[BUJPO ݁ߏ͓ߴ͍…
  13. ⚔ ͜ΕΒͷ໰୊ͱઓ͏ ⚔

  14. ༧ظͤ͵6*่Εʹؾ͚ͮͳ͍໰୊ ͱઓ͏

  15. None
  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Λ࢖͏ ެ։͞Εͯ͠·͏ͷͰ /( ˔ OQNPSHBOJ[BUJPO QFSNPOUIVTFSߴ͍ Ͳ͏͢Δ

  34. (JU)VCܦ༝ͰOQNΠϯετʔϧͰ͖Δ λά໊ खಈͰλά࡞Δͷ໘౗ ૊৫໊ ϦϙδτϦ໊

  35. $*ͰλάΛ࡞Δ  QBDLBHFKTPOͷόʔδϣϯΛ্͛ͯ 13Λͳ͛Δ ˞QBDLBHFKTPOͷόʔδϣϯΛλά໊ͱͯ͠࢖͏  13ঝೝ ˍ NBTUFSʹϚʔδ 

    $JSDMF$*ͷ BQQSPWBMKPCTΛ࢖ͬͯλά࡞੒TIΛ࣮ߦ
  36. $JSDMF$*ͷ BQQSPWBMKPCT IUUQTDJSDMFDJDPNEPDTXPSLGMPXTIPMEJOHBXPSLGMPXGPSB NBOVBMBQQSPWBM λά࡞੒ खಈͰKPCΛྲྀͤΔ

  37. λά࡞੒γΣϧ ᶃ QBDLBHFKTPOͷόʔδϣϯ ͔Βλά໊Λੜ੒ ᶄ Ϣʔβ৘ใΛઃఆ ᶅ ࠷৽ͷιʔεΛϏϧυ ᶆ Ϗϧυͨ͠ϑΝΠϧΛ

    DPNNJU ᶇ λάΛ࡞੒ͯ͠ QVTI IUUQTDJSDMFDJDPNEPDTBEETTILFZ ˞44)ΩʔΛ௥Ճ͓ͯ͘͜͠ͱʢHJU࣮ߦ࣌ʹൿີݤΛ࢖ͬͯ͘ΕΔʣ
  38. λά͕ࣗಈͰ࡞ΒΕΔ

  39. ͓·͚ (JU)VCͷ3FMFBTFTʹϦϦʔε಺༰Λॻ͘

  40. (JU)VCܦ༝ͷOQNΠϯετʔϧ ͱ$*ʹΑΔλάੜ੒Ͱແྉ

  41. ·ͱΊʢઓ͍ͷײ૝ʣ ˔ 4UPSZCPPLΛ͔ͭͬͯ ڞ௨ίϯϙʔωϯτ࡞Δͷ͸݁ߏେม ˔ ෆศͳͱ͜Ζ͸ଞͷπʔϧͳͲͰΧόʔ ˔ Ұ౓࡞ͬͯ͠·͑͹։ൃ͕Ճ଎͢Δʢ͸ͣʣ 4UPSZCPPLΛ΋ͬͱ༗ޮ׆༻͍͖͍ͯͨ͠

  42. ࠷ޙʹએ఻

  43. None
  44. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ