非フロントエンジニアが爆速でVuetifyを使うためにキャッチした6つのこと

bootstrapなどのUIフレームワークに明るくない人（私）がVuetifyを速攻で使っていけるようにキャッチアップしたことをまとめました。

主に以下のことについて言及しています
1. mt-md-2 ← こういうやつ
2. row, col, offset
3. d-flex, justify
4. v-select
5. v-date-picker
6. Vuetifyのバージョン

Transcript

1. ඇϑϩϯτΤϯυΤϯδχΞ ͕ര଎Ͱ7VFUJGZΛ࢖͏ͨΊ ʹΩϟονͨͭ͠ͷ͜ͱ
2. ࣗݾ঺հ w ໊લ
   ໦ଜܚ
   w ৽ଔ೥໨
   w -*'6--
   )0.&`4
   ݟ͑Δෆಈ࢈Ձ஋ IUUQTMJGVMMIPNFT JOEFYKQ
   w 3VCZ
   PO
   3BJMT
   TJOBUSB
   K2VFSZ
   "84
   4FMFOJVN &&
   w /P4DIPPM
   IUUQTOPTDIPPMBTJB
   w -BSBWFM
   /VYUKT
   7VFUJGZ
3. 7VFUJGZΛ࢖͏ͨΊʹ Ωϟονͨͭ͠ͷ͜ͱ
4. 
   NUNE
   ˡ
   ͜͏͍͏΍ͭ
   
   SPX
   DPM
   P⒎TFU
   
   EqFY
   KVTUJGZ
   
   WTFMFDU
   
   WEBUFQJDLFS
   
   7VFUJGZͷόʔδϣϯ
5. 
   .mt-md-2
   ˡ͜Ε
6. N
   NBSHJO
   Q
   QBEEJOH .mt-md-2
7. t: top b: bottom l: left r: right x: *-left and *-right y: *-top and *-bottom a: all .mt-md-2 IUUQTWVFUJGZKTDPNKBTUZMFT TQBDJOH
   
8. CSFBLQPJOU .mt-md-2
9. CSFBLQPJOU UIJTWVFUJGZCSFBLQPJOU
   ͰΞΫηεͰ͖Δ
10. O  QY
    ͸Oͱ΋ॻ͚Δ
    BVUP΋࢖͑Δ .mt-md-2
11. ͳΜͰͷഒ਺
12. ը໘͸ͷഒ਺Ͱग़དྷ͍ͯΔ ࢀߟ
    7FDUPS
    7JEFP
    4UBOEBSET
13. ͷഒ਺Ͱ૊·Εͨͷ ͕ྑ͍σβΠϯ
14. 
    SPX
    DPM
    P⒎TFU
15. HSJE
    TZTUFN
16. WSPX WDPM WDPM WDPM WDPM WDPM WDPM WDPM WDPM WDPM WDPM WDPM WDPM SPXʢߦʣͷதʹDPMʢྻʣ͕͋Δ
17. WSPX DPM
    ݸ WDPM WDPM WDPM WDPM WDPM WDPM WDPM WDPM WDPM WDPM WDPM WDPM ݸͷDPMʢྻʣ͔ΒͳΔ
18. WSPX WDPM
    DPMT
    P⒎TFU WDPM
    DPMT
    P⒎TFU P⒎TFUͰ࢝·ΓҐஔΛ੍ޚ
19. CSFBLQPJOUΛࢦఆͯ͠Ϩεϙϯγϒͳ഑ஔʹ
20. 
    EqFY
    KVTUJGZ
21. HSJE
    TZTUFN
22. EqFY w Eͱ͸
    
    EJTQMBZ
    w EqFY
    
    EJTQMBZqFY
    w E\CSFBLQPJOU^qFY
    ͱ͔΋Ͱ͖Δ
23. KVTUJGZ w KVTUJGZTUBSU
    w KVTUJGZDFOUFS
    w KVTUJGZFOE
    w KVTUJGZTQBDFCFUXFFO
    w KVTUJGZTQBDFBSPVOE
24. ഑ஔͷجຊ
25. 
    WTFMFDU
26. දࣔ ˠ
    
    
    
    
    ˠ
    
    
    ˠ
    
     ѻ͍͍ͨ
27. WNPEFM࢖ͬͯϩδοΫ
    ͪ͝Όͪ͝Όॻ͔ͳ͍
28. ΦϒδΣΫτʹ
    UFYUͱWBMVFΛ༻ҙ͢Ε͹0,
29. ࢀরϓϩύςΟ໊͸
    ઃఆͰ͖Δ
30. WTFMFDU͕៉ྷʹ✨
31. 
    WEBUFQJDLFS
32. ஀ੜ೔ೖྗϑΥʔϜ
    ࡞Ζ͏
33. CJSUIEBZQJDLFSͳ͍Α
34. CJSUIEBZQJDLFSͳ͍Α σϑΥϧτͰ೥ͷબ୒͔Β࢝·Γɺ೔෇ൣғΛ੍ݶ͠ɺ೔෇ Λબ୒ͨ͠ޙʹϐοΧʔϝχϡʔΛด͡Δͱɺ׬ᘳͳ஀ੜ೔ ϐοΧʔʹͳΓ·͢ɻ CZ
    ެࣜ
35. ͳΔ΄Ͳʁ
36. WEBUFQJDLFSΛ
    ΧελϚΠζ͢Δ
37. w ೔ຊޠରԠ
    w ೔෇ͷʮ೔ʯ͸औΔ
    w ೥͔Βબ୒
    w ࠷ॳʹ೥Λબ୒͢Δͱ͖ɺ೥͔ΒʹͳΔΑ͏ʹɹ ʢWNPEFMʹॳظ஋Λ༩͑ͯ΋ղܾͰ͖ͳ͍ʣ
    w ೔෇ൣғ੍ݶ
    w ೔෇Λબ୒ͱಉ࣌ʹQJDLFSΛด͡Δ
38. ݁ߏେม
39. Ͱ΋ͳΜͱ͔
40. ৭ʑ͍͡Γ·͢
41. ௕͍ͷͰޙͰهࣄʹ
    ·ͱΊ·͢
42. 
    7VFUJGZͷόʔδϣϯ
43. 7VFUJGZͷόʔδϣϯ w όʔδϣϯ͸ྑ֬͘ೝ͢΂͠
    w W
    W
    ݁ߏഁյతͳมߋ͕ଟ͍
    w ϚΠφʔόʔδϣϯݻ༗ͷόά͕͋ͬͨΓ͢Δ
    w W
    ʹ্͛ͯͳ͍ͳΒ
    w 7VFUJGZͰ͸ͳ͘2VBTBSʹʢ.JHSBUJOH
    GSPN
    7VFUJGZ
    UP
    2VBTBSʣ
44. ٧·ͬͨΒόʔδϣϯ ͍ٙ·͠ΐ͏
45. ࠷ޙʹ
46. -5ͳͲొஃػձΛืू͍ͯ͠·͢
    ͓༠͍͋Ε͹ߦ͖·͢
    !,.3@·Ͱ
    ˣ࣋ͪωλˣ
    3VCZ
    PO
    3BJMT
    -BSBWFM
    /VYUKT
    7VFUJGZ
    "84
47. ΑΖ͓͘͠ئ͍͠·͢ʂ