Sublime TextとeCSStractorでサクサクマークアップ

WCK Meeting Vol.47「新春ライトニングトーク大会2017」
2017-01-15（日）
https://kochiweb.doorkeeper.jp/events/55239

でのLTの資料です。

紹介したムービー
https://www.youtube.com/watch?v=O_hGGOPd2ZY

eCSStractor - Packages - Package Control
https://packagecontrol.io/packages/eCSStractor

【追記】
Brackets CSS Fier を @assialiholic( https://twitter.com/assialiholic )さんに教えてもらいました。
rcaferati/brackets-cssfier: Convert HTML into SCSS/LESS by pasting HTML blocks into SCSS/LESS file. https://github.com/rcaferati/brackets-cssfier

Transcript

2. 4VCMJNF
   5FYUͱ
 F$44USBDUPSͰ
 αΫαΫϚʔΫΞοϓ લ઒ণ޾
3. ࣗݾ঺հ w 'SPN
   େ౎ձԬࢁ
   w גࣜձࣾɹΠʔɾωοτϫʔΫε
   w $1*ΤόϯδΣϦετ
   w ৄࡉ͸άάͬͯ΋Β͑͹
5. ͜ͷຊΛॻ͖࢝Ίͨͱ ͖ʢ೥຤ʣɺʮࠓ ϕʔλͷόʔδϣϯ͕ ͙͢ग़ͪΌ͏͔ΒɺͲͬ ͪͰ΋େৎ෉ͳΑ͏ʹ ॻ͔ͳ͍ͱͶʙʯͳΜͯ ݴͬͯ·ͨ͠ɻ
6. ೥݄
8. ·ͩϕʔλ͔Αͬʂ
9. ༷ʑͳΤσΟλʔ͕ݩؾ
10. Ͱ΋ʝʝ IUUQXEqBUDPNCMPHJOUFSOFUFORVFUF
11. ίʔσ ΟϯάͰϝΠϯͰ࢖༻ ͍ͯ͠ΔϝΠϯΤσ Ολ w 4VCMJNF
    5FYU
    ͕
    
    ͰͿ͖ͬͪΓͷҐ
    w Ґ͸%SFBNXFBWFSʢʣ
12. l཭ΕΒΕͳ͍ཧ༝͸͸͖ͬΓͯ͠ΔΑͶz
14. ͜͏͍͏΋ͷͰ͢ w IUUQTXXXZPVUVCFDPNXBUDI W0@I((01E;:
15. F$44USBDUPS w 4VCMJNF
    5FYUͷػೳ֦ுύοέʔδ
    w )5.-͔Β$44ͷΫϥεͷηϨΫλΛࣗಈੜ੒͠ ͯ͘ΕΔ
    w ୅ସπʔϧ͕ݟ͚ͭΒΕ·ͤΜʢࠓͷͱ͜Ζʣ
16. αΫαΫͰ͢ w ಛʹ&NNFUͷ#&.ϑΟϧλʔͱͷ૬ੑ͕ൈ܈
    w #&.Ͱͳ͘ͱ΋DMBTTΛൈ͖ग़ͯ͘͠Ε·͢
17. ࢲͷઃఆ "destination": "clipboard"
 // ݁ՌΛΫϦοϓϘʔυʹ "ignore_regex": ["^js-"]
 // js༻ͷΫϥεΛআ֎ "bem.modifier_separator": "_"
 // EMMETͷBEMϑΟϧλʔ޲͖ͷઃఆ
18. ·ͱΊ w ࡢࠓͷʮ$44ઃܭʯͷைྲྀͰ՝୊ͷͻͱͭ͸ʮΊ ΜͲ͍͘͞ʯ
    w ͦͷղܾࡦͷͻͱͭͱ͍͔͕ͯ͠Ͱ͠ΐ͏͔ʁ
19. ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ 5XJUUFS
    !NBFQPO
    'BDFCPPL
    NBTBZVLJNBFLBXB