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
6.3k

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
320
5abf9d4714b77a15beea063d08586560?s=48 howdy39
1
1.4k
5abf9d4714b77a15beea063d08586560?s=48 howdy39
0
120
5abf9d4714b77a15beea063d08586560?s=48 howdy39
0
190
5abf9d4714b77a15beea063d08586560?s=48 howdy39
0
43
5abf9d4714b77a15beea063d08586560?s=48 howdy39
0
70
5abf9d4714b77a15beea063d08586560?s=48 howdy39
0
36
5abf9d4714b77a15beea063d08586560?s=48 howdy39
0
90
5abf9d4714b77a15beea063d08586560?s=48 howdy39
1
750

Other Decks in Programming

See All in Programming
Dcbf2269af2483cabf43128ad1718c11?s=48 grapecity_dev
0
170
85977ebfe59c2ee669f2196930f1a701?s=48 mehowte
0
180
Dcbf2269af2483cabf43128ad1718c11?s=48 grapecity_dev
0
180
Dcbf2269af2483cabf43128ad1718c11?s=48 grapecity_dev
1
180
37618b4d60cf3d1f43f7196253264edc?s=48 numeroanddev
1
220
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
PRO
0
190
C0e58802a4228552548bb8ca596ca966?s=48 mihyaeru21
0
360
E0e036f89c14b3e59640318eedf9670b?s=48 bkuhlmann
4
270
428a9c6e5b151e618d4db288105bc5f3?s=48 rarous
0
170
0b8ad408b31cb9d5cff2828086c65d58?s=48 temoki
2
220
E0e036f89c14b3e59640318eedf9670b?s=48 bkuhlmann
4
660
1be785d1d788b82929e55fc83a9f0aaa?s=48 bbatsov
0
110

Featured

See All Featured
B6a8f005f39d23ffc930508ac9da68b9?s=48 vanstee
117
4.9k
56c4053438af8e8b90d6f53cbb7573be?s=48 jakevdp
774
200k
C1daf20e5c49ff910745198ef9869ac2?s=48 hatefulcrawdad
257
17k
E14f55d3f939977cecbf51b64ff6f861?s=48 keithpitt
401
20k
25c7c18223fb42a4c6ae1c8db6f50f9b?s=48 mojombo
358
62k
5ce91fa49a613cbc3e20d5f96856473f?s=48 edds
56
9.4k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
321
53k
5b9fe87ec1faa67a4599782930f45ec9?s=48 sstephenson
145
12k
15f2b8221f247985a27a627d2ece72f0?s=48 pauljervisheath
195
15k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
311
21k
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
55
5.4k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
219
15k

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