HTML/CSSを爆速コーディング Emmet入門 第1回 Emmetã‚’è–¦ã‚ã‚‹ç†ç”± | Adobe BlogWeb制作ã«æ¬ ã‹ã›ãªã„ツールã§ã‚る「Emmetã€ã¨ã„ã†ã‚‚ã®ã‚’ã€çŸ¥ã£ã¦ã„ã¾ã™ã‹ï¼ŸÂ ã“ã®é€£è¼‰ã§ã¯ã€ãŠä½¿ã„ã®ã‚¨ãƒ‡ã‚£ã‚¿ã®æ©Ÿèƒ½ã‚’æ‹¡å¼µã™ã‚‹Emmetã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã‹ã‚‰ã€HTML・CSSã®å±•é–‹ã€ã‚ã¾ã‚ŠçŸ¥ã‚‰ã‚Œã¦ã„ãªã„便利ãªæ©Ÿèƒ½ãªã©ã‚’解説ã—ã¾ ã™ã€‚åˆå›žã¯ã€Emmetã®æ¦‚è¦ã¨ã€Bracketsã¨Dreamweaverã«Emmetをインストール方法ã«ã¤ã„ã¦ã§ã™ã€‚ Emmetã¨ã¯ä½•ã‹ï¼Ÿ Emmetã¯ã€ä¸»ã«HTMLã‚„CSSã®è¨˜è¿°ãƒ»ç·¨é›†ã‚’強力ã«ã‚µãƒãƒ¼ãƒˆã™ã‚‹ãƒ—ラグインã§ã™ã€‚Dreamweaverã‚’ã¯ã˜ã‚ã€æ§˜ã€…ãªIDEやエディタã«å¯¾å¿œã—ã¦ãŠã‚Šã€CodePenã®ã‚ˆã†ãªã‚³ãƒ¼ãƒ‰ã‚’公開ã™ã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒ¼ãƒ“スãªã©ã§ã‚‚採用ã•ã‚Œã¦ã„ã¾ã™ã€‚ 元々ã¯Zen-Codingã¨ã„ã†åå‰ã§ã—ãŸãŒã€2012å¹´9月ã”ã‚ã‹ã‚‰ã€ŒEmmetã€ã¨ã„ã†åå‰ã§é–‹ç™ºãŒé€²ã‚られã€æ£å¼ãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸç¾åœ¨ã‚‚機能ã®æ‹¡å¼µãŒè¡Œã‚ã‚Œã¦ã„ã¾ã™ã€‚ Emmetã®ä¸»ãªç‰¹å¾´ã¯ã€ç‹¬è‡ªã®çœ
HTMLを効率よã書ãï¼Emmetã®æ›¸ã方・使ã„æ–¹ã¾ã¨ã‚
Cheat Sheet
{{#tags}}- {{label}}
{{/tags}}