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
Programming
5
7k

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

5abf9d4714b77a15beea063d08586560?s=128

howdy39

July 18, 2019
Tweet

More Decks by howdy39

See All by howdy39
5abf9d4714b77a15beea063d08586560?s=48 howdy39
4
380
5abf9d4714b77a15beea063d08586560?s=48 howdy39
0
1.6k
5abf9d4714b77a15beea063d08586560?s=48 howdy39
0
160
5abf9d4714b77a15beea063d08586560?s=48 howdy39
0
290
5abf9d4714b77a15beea063d08586560?s=48 howdy39
0
56
5abf9d4714b77a15beea063d08586560?s=48 howdy39
0
90
5abf9d4714b77a15beea063d08586560?s=48 howdy39
0
43
5abf9d4714b77a15beea063d08586560?s=48 howdy39
0
170
5abf9d4714b77a15beea063d08586560?s=48 howdy39
1
980

Other Decks in Programming

See All in Programming
0c217b9a7dd0aa31ed40bd0f453727e1?s=48 ramsey
PRO
1
250
384e4d8bab8ac2a5e6f64dab1300c491?s=48 nagano
0
460
Ca7e4f1680e175e6462a039923e71fc5?s=48 kyokonishito
0
170
7fccfb690a818ed2f3a15fc21d426d5a?s=48 texmeijin
1
110
0684ef0f8b92614508e0c323c3619462?s=48 fuwasegu
4
1.3k
A56269ca269966f71293d08b32ad53b3?s=48 utaani
0
140
Add1036688abcb2e3dbff7c3090f7e35?s=48 imtnd
0
940
5c588fdfe782f92fa6b081903edd82bb?s=48 hr01
2
11k
897f2389f9228d4ef123f4196e75f3a4?s=48 yukimasa123
0
160
84931a5617d844ecfda982721de3a9e9?s=48 grace2riku
0
190
6aaaf03c4f5c681d89c3078bd6070a6f?s=48 rumi_yamaguchi
0
310
37b01da9150c1e789f35771b06d36890?s=48 morimorihoge
1
300

Featured

See All Featured
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
194
9.1k
78b475797a14c84799063c7cd073962f?s=48 holman
464
280k
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
122
16k
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
123
8.3k
D83926c323d4f9289f947b4b4e76b939?s=48 jensimmons
210
11k
Aff5641764408271f7bc398f2097edd0?s=48 denniskardys
224
120k
3d6ace9554821d552146413bcdf874f6?s=48 trishagee
38
5.9k
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
446
29k
0c6fd6a08d0f898159cda7cafcacf07f?s=48 afnizarnur
181
14k
C4de88ea47538e4594750e3861a341c8?s=48 brettharned
97
4k
462dad0dd24c568a32dcdb0ae895ae1b?s=48 rasmusluckow
318
19k
C620790ae5bf5b50c245b2e0ef95f338?s=48 deanohume
294
28k

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. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ