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

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

howdy39
July 18, 2019
Programming
5
7.3k

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

howdy39

July 18, 2019
Tweet

More Decks by howdy39

See All by howdy39
WebPagetestで始めるパフォーマンス計測 / Performance measurement starting with WebPagetest
howdy39
4
420
gas-webpagetestで パフォーマンス計測を始めよう / get-started-measuring-performance-with-gas-webpagetest
howdy39
0
1.7k
Promise
howdy39
1
170
カラーユニバーサルデザイン / color universal design
howdy39
0
380
Geolocation API
howdy39
0
63
Chrome DevTools の Console を使いこなす/Using the Chrome dev tool
howdy39
0
99
Media Queries
howdy39
0
50
First_Paintと_クリティカルレンダリングパス
howdy39
0
230
Puppeteer と GAS を利用した Web 監視
howdy39
1
1.1k

Other Decks in Programming

See All in Programming
iOS ライブラリをセルフサービスで生成する仕組み
junkpiano
2
190
フレームワークの機能を使わずに標準関数使ったら障害起こした話/phpcon-2022
asumikam
0
230
治っていくmbstring ㋿時代の文字化け
youkidearitai
0
210
iOSのウィジェットでも猫走らせたい / iOSDC Japan 2022 Day2 Unconference
kyome22
3
500
php_mecabをFFIで実装してみよう
rsky
0
110
V8 as a container on CDN Edge worker
mizchi
5
910
AltJS を作るなら型変換を入れた方がいい
cannorin
0
140
Arquiteturas Multi-Tenant RubyConf 2022
sobrinho
0
100
SwiftUI Navigation のすべて
kalupas226
8
3k
The Lesser-Known Kotlin Features
antonarhipov
0
250
watchOS におけるバックグラウンドタスクの限界
yamannnu
2
190
PiPを応用した配信コメントバー機能の開発秘話と技術の詳解 / pip_streaming_comment_bar
narujpn
1
190

Featured

See All Featured
Facilitating Awesome Meetings
lara
31
4.2k
Pencils Down: Stop Designing & Start Developing
hursman
113
9.9k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
182
15k
Designing for humans not robots
tammielis
243
24k
Why Our Code Smells
bkeepers
PRO
324
55k
Web development in the modern age
philhawksworth
197
9.4k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
237
19k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
42
13k
Building a Scalable Design System with Sketch
lauravandoore
449
30k
Music & Morning Musume
bryan
35
4.4k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
21
1.5k
VelocityConf: Rendering Performance Case Studies
addyosmani
316
22k

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