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

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

F391c64c645e6c6345cc37fd806d88f2?s=128

Masayuki Maekawa

January 15, 2017
Tweet

Transcript

  1. None
  2. 4VCMJNF5FYUͱ
 F$44USBDUPSͰ
 αΫαΫϚʔΫΞοϓ લ઒ণ޾

  3. ࣗݾ঺հ w 'SPNେ౎ձԬࢁ w גࣜձࣾɹΠʔɾωοτϫʔΫε w $1*ΤόϯδΣϦετ w ৄࡉ͸άάͬͯ΋Β͑͹

  4. None
  5. ͜ͷຊΛॻ͖࢝Ίͨͱ ͖ʢ೥຤ʣɺʮࠓ ϕʔλͷόʔδϣϯ͕ ͙͢ग़ͪΌ͏͔ΒɺͲͬ ͪͰ΋େৎ෉ͳΑ͏ʹ ॻ͔ͳ͍ͱͶʙʯͳΜͯ ݴͬͯ·ͨ͠ɻ

  6. ೥݄

  7. None
  8. ·ͩϕʔλ͔Αͬʂ

  9. ༷ʑͳΤσΟλʔ͕ݩؾ

  10. Ͱ΋ʝʝ IUUQXEqBUDPNCMPHJOUFSOFUFORVFUF

  11. ίʔσ ΟϯάͰϝΠϯͰ࢖༻ ͍ͯ͠ΔϝΠϯΤσ Ολ w 4VCMJNF5FYU͕ͰͿ͖ͬͪΓͷҐ w Ґ͸%SFBNXFBWFSʢʣ

  12. l཭ΕΒΕͳ͍ཧ༝͸͸͖ͬΓͯ͠ΔΑͶz

  13. None
  14. ͜͏͍͏΋ͷͰ͢ w IUUQTXXXZPVUVCFDPNXBUDI W0@I((01E;:

  15. F$44USBDUPS w 4VCMJNF5FYUͷػೳ֦ுύοέʔδ 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 'BDFCPPLNBTBZVLJNBFLBXB