Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up
for free
Storybookを用いたVue.js共通コンポーネント開発との戦い / stores-fights-storybook
howdy39
July 18, 2019
Programming
5
6.3k
Storybookを用いたVue.js共通コンポーネント開発との戦い / stores-fights-storybook
howdy39
July 18, 2019
Tweet
Share
More Decks by howdy39
See All by howdy39
howdy39
4
320
howdy39
1
1.4k
howdy39
0
120
howdy39
0
190
howdy39
0
43
howdy39
0
70
howdy39
0
36
howdy39
0
90
howdy39
1
750
Other Decks in Programming
See All in Programming
grapecity_dev
0
170
mehowte
0
180
grapecity_dev
0
180
grapecity_dev
1
180
numeroanddev
1
220
manfredsteyer
PRO
0
190
mihyaeru21
0
360
bkuhlmann
4
270
rarous
0
170
temoki
2
220
bkuhlmann
4
660
bbatsov
0
110
Featured
See All Featured
vanstee
117
4.9k
jakevdp
774
200k
hatefulcrawdad
257
17k
keithpitt
401
20k
mojombo
358
62k
edds
56
9.4k
bkeepers
321
53k
sstephenson
145
12k
pauljervisheath
195
15k
addyosmani
311
21k
dougneiner
55
5.4k
kneath
219
15k
Transcript
4UPSZCPPLΛ༻͍ͨ 7VFKTڞ௨ίϯϙʔωϯτ։ൃͱͷઓ͍ -BSBWFM7VFKTษڧձ
ࣗݾհ ˔ ϑϩϯτΤϯυΤϯδχΞ ˔ ຊॻ͍ͯ·͢ ˓ ٕज़ॻయ
˓ ٕॻത த ୡ !IPXEZ
4503&4KQͬͯΔਓ !
None
4503&4KQͷϑϩϯτΤϯυ
γϣοϓଆ μογϡϘʔυଆ ओʹͭͷը໘Ͱߏ
γϣοϓଆ μογϡϘʔυଆ ڈ·Ͱ…
γϣοϓଆ μογϡϘʔυଆ 41" "1*αʔόʔ ͲͬͪଆͰ͑Δ 7VFKTίϯϙʔωϯτ͕ཉ͍͠ ͜ΕΒΛ 7VFKTʹઈࢍϦϓϨΠεத
ෳͷγεςϜΛ·͕ͨͬͯ͑Δ 7VFKTͷίϯϙʔωϯτू͕ཉ͍͠
Ͱڞ௨ίϯϙʔωϯτूΛ࡞ͬͨ
छྨҎ্ͷίϯϙʔωϯτू
͍Ζ͍Ζͳઓ͍͕͋ͬͨ ˔ ༧ظͤ͵ 6*่Εʹؾ͚ͮͳ͍ ؾ͔ͮͳ͍͏ͪʹ 6*่͕ΕΔ… ˔ ϨϏϡʔ͕໘ HJUDIFDLPVUͯ͠ TUPSZCPPLىಈͯ͠…
˔ ϞδϡʔϧͲ͏͠Α͏ OQNPSHBOJ[BUJPO ݁ߏ͓ߴ͍…
⚔ ͜ΕΒͷͱઓ͏ ⚔
༧ظͤ͵6*่Εʹؾ͚ͮͳ͍ ͱઓ͏
None
ը૾ճؼςετ
ςετ݁Ռ13ͷίϝϯτͰڭ͑ͯ͘ΕΔ
3&(46*5ͷϋϚΓͲ͜Ζ
ྫ͑μΠΞϩάίϯϙʔωϯτͷετʔϦʔ ᶃϘλϯΛΫϦοΫ μΠΞϩάΛදࣔ͢Δ
ࡱΓ͍ͨͷͱετʔϦʔ͕߹Θͳ͍ ͕͜͜ΩϟϓνϟରʹͳΔ આ໌จͷൺֱͯ͠͠ΐ͏͕ͳ͍… ࡱΓ͍ͨͷͬ͜ ͪʂ
ը૾ൺֱ༻ͷετʔϦʔΛ࡞Δ ᶃ SFHSFTTJPOͰ࢝·ΔετʔϦʔΛผʹ࡞Δ ᶄ JͰൺֱରετʔϦʔΛࢦఆ͢Δ
ετʔϦʔμΠΞϩάΛग़ͨ͠ঢ়ଶʹ͓ͯ͘͠
ൺֱ͍ͨ͠Ωϟϓνϟ͝ͱʹετʔϦʔΛ࡞Δ ϦϘϯ͕͘ύλʔϯ͕͋ΔͷͰ ϦϘϯ͖ͷετʔϦʔ࡞͍ͬͯΔ
౾ ʮԁʯ͕ʮ˘ʯʹͳͬͯ͠·͍ͬͯΔྫ ϑΥϯτΛՃ͢Δ IUUQTHJUIVCDPNSFHWJ[OPEFYDCCMPCNBTUFS%PDLFSGJMF ެࣜͷ%PDLFSϑΝΠϧʹຊޠϑΥϯτ͕ೖ͍ͬͯͳ͍
3&(46*5Λͬͯ 6*่Εʹؾ͚ΔΑ͏ʹͳͬͨ
ϨϏϡʔ໘͍͘͞ͱઓ͏
ͦͦ4UPSZCPPLͬͯ 4UPSZCPPLΛϏϧυͯ͠࡞ΒΕΔͷ IUNM DTT KTͳͲ੩తϑΝΠϧ͚ͩ ϒϥβͰΞΫηεͰ͖Δ IUNMஔ͖͕͋Ε͍͍
13࣌ʹ$JSDMF$*ͷ"SUJGBDUTʹIUNMྨΛ֨ೲ͢Δ IUUQTDJSDMFDJDPNEPDTKBBSUJGBDUT ͜ͷը໘։͘ͷ໘
13࣌ʹࣗಈͰ"SUJGBDUTͷ63-Λ௨ ᶃ "SUJGBDUTͷ 63-Λ࡞Δ ᶄ DVSMͰ 1045͢Δ ˞(*5)6#@50,&/Λ $JSDMF$*ͷ ڥมʹઃఆ͓ͯ͘͠
ʢͪͳΈʹʣ࠷৽ͷιʔε4ʹஔ ˔ NBTUFSϒϥϯνʹϚʔδ͞Ε͚ͨ࣌ͩ 4ʹϏϧυ݁ՌΛΞοϓϩʔυ ˔ ࠷৽ͷ 4UPSZCPPL͕͍ͭͰݟΕΔΑ͏ʹ͢Δ ˓ ΤϯδχΞ
˓ σβΠφʔ ˔ ίϯϙʔωϯτΛ͏ଆ͜ͷ63-Λݟͯ։ൃ
$JSDMF$*ͷ"SUJGBDUTʹஔͯ͠ 13࣌ͷ4UPSZCPPL֬ೝ͕ ͱͯշదʹͳͬͨ
ϞδϡʔϧͲ͏͠Α͏ ͱઓ͏
ௐΔ ˔ ී௨ʹ OQNΛ͏ ެ։͞Εͯ͠·͏ͷͰ /( ˔ OQNPSHBOJ[BUJPO QFSNPOUIVTFSߴ͍ Ͳ͏͢Δ
(JU)VCܦ༝ͰOQNΠϯετʔϧͰ͖Δ λά໊ खಈͰλά࡞Δͷ໘ ৫໊ ϦϙδτϦ໊
$*ͰλάΛ࡞Δ QBDLBHFKTPOͷόʔδϣϯΛ্͛ͯ 13Λͳ͛Δ ˞QBDLBHFKTPOͷόʔδϣϯΛλά໊ͱͯ͠͏ 13ঝೝ ˍ NBTUFSʹϚʔδ
$JSDMF$*ͷ BQQSPWBMKPCTΛͬͯλά࡞TIΛ࣮ߦ
$JSDMF$*ͷ BQQSPWBMKPCT IUUQTDJSDMFDJDPNEPDTXPSLGMPXTIPMEJOHBXPSLGMPXGPSB NBOVBMBQQSPWBM λά࡞ खಈͰKPCΛྲྀͤΔ
λά࡞γΣϧ ᶃ QBDLBHFKTPOͷόʔδϣϯ ͔Βλά໊Λੜ ᶄ ϢʔβใΛઃఆ ᶅ ࠷৽ͷιʔεΛϏϧυ ᶆ Ϗϧυͨ͠ϑΝΠϧΛ
DPNNJU ᶇ λάΛ࡞ͯ͠ QVTI IUUQTDJSDMFDJDPNEPDTBEETTILFZ ˞44)ΩʔΛՃ͓ͯ͘͜͠ͱʢHJU࣮ߦ࣌ʹൿີݤΛͬͯ͘ΕΔʣ
λά͕ࣗಈͰ࡞ΒΕΔ
͓·͚ (JU)VCͷ3FMFBTFTʹϦϦʔε༰Λॻ͘
(JU)VCܦ༝ͷOQNΠϯετʔϧ ͱ$*ʹΑΔλάੜͰແྉ
·ͱΊʢઓ͍ͷײʣ ˔ 4UPSZCPPLΛ͔ͭͬͯ ڞ௨ίϯϙʔωϯτ࡞Δͷ݁ߏେม ˔ ෆศͳͱ͜ΖଞͷπʔϧͳͲͰΧόʔ ˔ Ұ࡞ͬͯ͠·͑։ൃ͕Ճ͢Δʢͣʣ 4UPSZCPPLΛͬͱ༗ޮ׆༻͍͖͍ͯͨ͠
࠷ޙʹએ
None
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ