TumblrTumblr is a place to express yourself, discover yourself, and bond over the stuff you love. It's where your interests connect you with your people.
Sublime Text2ã®ãƒ—ラグインã€Zen codingã‚’Emmetã«å¤‰ãˆã‚‹ - inkdesign
27 Nov 2012 Zen Codingã¯HTML/CSSãªã©ã‚’簡易的ãªè¨˜æ³•ã§å±•é–‹ãƒ»è¨˜è¿°ã™ã‚‹ã“ã¨ã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°åŠ¹çŽ‡ã‚’上ã’るツール。Zen Codingã«ã¤ã„ã¦ã¯ã€å…¬å¼ã®Google codeã®ãƒšãƒ¼ã‚¸ã‹ã€ä»¥å‰ã«æ›¸ã„ãŸè¨˜äº‹ã‚’å‚ç…§ã—ã¦ã‚‚らãˆã‚Œã°ã¨æ€ã†ã€‚ ãŒã—ã‹ã—ã€ã“ã®Zen Codingã¯Emmetã¨ã„ã†åå‰ã§ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€å®Ÿéš›ã«Zen Codingã‚’ã“ã‚Œã‹ã‚‰ã¯ã˜ã‚ã‚‹ï¼ã¨ã„ã†äººã¯ã€Zen Codingã§ã¯ãªãã€Emmetã‚’ãŠä½¿ã„ã®ã‚¨ãƒ‡ã‚£ã‚¿ãªã©ã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã€ã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ—ã™ã‚‹å¿…è¦ãŒã‚る。 Zen Codingã‚’ã»ã©ã»ã©ã«ä½¿ã£ã¦ã„る自分もã€ä½¿ã£ã¦ã„ã‚‹Sublime text2ã®ãƒ—ラグインã¨ã—ã¦Emmetã«ç§»è¡Œã™ã‚‹ã“ã¨ã«ã—ãŸã€‚ Zen codingパッケージã®Disable/Remove Sublime text2ã®ãƒ‘ッケージ（プラグイン）管ç†ã«ã¤ã„ã¦ã¯ã€ä»–ã®æ–¹ãŒæ›¸ã‹ã‚ŒãŸè¨˜äº‹ãªã©
Sublime Text 2ã®ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã‚ーã§ä¾¿åˆ©ãªã‚„ã¤ä½•å€‹ã‹ï¼ˆWindows版） - ã‹ã¡ã³ã¨.net
Sublime Text 2ã§å€‹äººçš„ã«ã‚ˆã 使ã†ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã‚ーを㔠紹介ã—ã¾ã™ã€‚別件ã§ãƒ¡ãƒ¼ãƒ«ã—㦠ãŸæ™‚ã«èžã‹ã‚ŒãŸã®ã§æ›¸ã„ã¦ã¿ã‚‹ 事ã«ã—ã¾ã—ãŸã€‚Windows版ã®ã‚·ãƒ§ ートカットã«ãªã‚Šã¾ã™ã€‚ 個人的ã«ä¾¿åˆ©ã ã¨æ„Ÿã˜ãŸSublime Text 2ã®ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã‚ーを紹介ã—ã¦ã¿ã¾ã™ã€‚僕ã¯ã¾ã 使ã„始ã‚ã¦åŠå¹´ãらã„ã—ã‹çµŒã£ã¦ç„¡ã„ã§ã™ã—ã€æ©Ÿèƒ½ã‚’å分ã«ä½¿ã„ã“ãªã›ã‚‹è¨³ã§ã¯ç„¡ã„ã®ã§å‚考程度ã¨ã„ã†äº‹ã§ãƒ»ãƒ» ä¸€æ‹¬ç½®æ› æ–‡å—列ã®ä¸€æ‹¬ç½®æ›ã§ã™ã€‚便利ãªã®ã§ã€ã“ã‚ŒãŒãªã„エディタã¯ã‚‚ã†ä½¿ãˆã¾ã›ã‚“。 Ctrl+D（åŒã˜æ–‡å—を複数é¸æŠžâ†’一括編集） ↑ ä»»æ„ã®ãƒ†ã‚ストã®ä¸Šã«ã‚«ãƒ¼ã‚½ãƒ«ã‚’åˆã‚ã›ã¦ã‹ã‚‰Ctrl+Dã§ã€ãã®æ–‡å—ã¨åŒã˜æ–‡å—ã«æ¨™æº–ã‚’ã‚ã‚ã›ã‚‰ã‚Œã¾ã™ã€‚ Ctrlを押ã—ãŸã¾ã¾ã€è¤‡æ•°é¸æŠžã—ãŸã„ã¨ã“ã‚ã«ã‚«ãƒ¼ã‚½ãƒ«ã‚’å†åº¦æŒã£ã¦ã„ã£ã¦Dを押ã›ã°ãã®å ´æ‰€ã‚‚é¸æŠžå¯èƒ½ã§ã™ã€‚ ↑ é¸æŠžã—ãŸãƒ†ã‚ストã¯ä¸€æ‹¬ç·¨é›†ã§ãã¾ã™ã€‚ ãŸã ã—ã€åŒã˜æ–‡å—列「全ã¦
Sublime Text2用ZenCodingã§é–‰ã˜ã‚¿ã‚°ã®å¾Œã‚ã«ã‚³ãƒ¡ãƒ³ãƒˆã‚’åŠ ãˆã‚‹æ–¹æ³• - フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¨ã‹PCã¨ã‹ã‚¹ãƒžãƒ›ã¨ã‹
Dreamweaver用ã®é–‰ã˜ã‚¿ã‚°ã®å¾Œã‚ã«ã‚³ãƒ¡ãƒ³ãƒˆã‚’åŠ ãˆã‚‹æ–¹æ³•ã¯ã€ http://d.hatena.ne.jp/AyeBee_TY/20111017/1318834963 ã§ã€ã¿ã¤ã‘ã¦ä¾¿åˆ©ã«ä½¿ã‚ã›ã¦ã„ãŸã ã„ã¦ã¾ã—ãŸãŒã€ Sublime Text2を使ã†ã“ã¨ãŒå¤šããªã‚Šã€æŽ¢ã—ãŸã‘ã©è¦‹ã¤ã‹ã‚“ãªã„ï¼ ã£ã¦ã€ã“ã¨ã§è‡ªåˆ†ã§ã„ã˜ã£ã¦ã¿ãŸã‚ˆã€‚ Windowsã®å ´åˆã—ã‹ã‚ã‹ã‚“ãªã„ã‘ã©ã€macãªäººã‚‚ファイルを探ã—出ã›ã°ã„ã„ã¯ãšï¼ Windowsã®å ´åˆã€ C:\Users\<ユーザーå>\AppData\Roaming\Sublime Text 2\Packages\ZenCoding\zencoding\filters ã®ã€Â html.py を編集ã—ã¾ã™ã€‚ ※ã„ã¡ãŠã€ãƒãƒƒã‚¯ã‚¢ãƒƒãƒ—ã¨ã£ã¦ãŠãã“ã¨ï¼ 171行目271行目㫠# define opening and closing tags ã£ã¦ã‚³ãƒ¡ãƒ³ãƒˆãŒã‚ã‚Šã¾ã™
Sublime Text2ã£ã¦ã‚¨ãƒ‡ã‚£ã‚¿ãŒã™ã”ãイイ。
Macを使ã„始ã‚ã¦ã€ã„ã‚ã„ã‚æ–°ã—ã„ソフトやアプリを探ã—ã¦ã„ãŸã¨ã“ã‚ã€åŒåƒšã®æ–¹ã‹ã‚‰ã„ã¾äººæ°—ã®Sublime Text 2ã¨ã„ã†ã‚¨ãƒ‡ã‚£ã‚¿ã‚’æ•™ãˆã¦é ‚ãã¾ã—ãŸã€‚ã©ã†ã‚„ら無料らã—ã(今後シェアウェアã«ãªã‚‹ã‹ã‚‚？)ã€åˆæœŸè¨å®šã‚„自分ã«åˆã£ãŸç’°å¢ƒã«æ•´ãˆã‚‹ã®ã«å°‘ã—手間å–ã‚Šã¾ã—ãŸãŒã€ãªã‚“ã¨ã‹å®Ÿå‹™ã§ä½¿ãˆã‚‹ãƒ¬ãƒ™ãƒ«ã«ãªã£ã¦ããŸã®ã§ã‚·ã‚§ã‚¢ã—ã¾ã™ã€‚ HTML5,CSS3,jsを書ã事ãŒå¤šãã¦ã€Zen-Codingã‚‚Sass+Compassも使ã†ã—ã€ãã‚Œã«ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—æ¥å‹™ãŒå¤šã„ï¼ãªã‚“ã¦ã„ã†åƒ•ã¨åŒã˜ã‚ˆã†ãªäººãŒã„ã‚‹ãªã‚‰ã€ã“ã®ã‚¨ãƒ‡ã‚£ã‚¿ã¯ã‚ªã‚¹ã‚¹ãƒ¡ã§ã™w 以下ã®è¨å®šé€šã‚Šã«ã‚„ã‚Œã°ã€ãƒ•ãƒãƒ³ãƒˆå¯„ã‚Šã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«ãªã‚‰æœ€ä½Žé™ã¯ä½¿ãˆã‚‹ã‚‚ã®ã«ãªã‚‹ã¨æ€ã„ã¾ã™ã€‚ ダウンãƒãƒ¼ãƒ‰ Sublime Text 2 – Dev Builds åˆæœŸè¨å®š アプリを立ã¡ä¸Šã’ã¦ã€Sublime text2 > Preference > Setting
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}