*目次 [#fc53cc44] #contents *emmet [#zbbdf4f8] http://docs.emmet.io/ **説明 [#vb1732e8] htmlのコーディングを少ないキー入力で行う方式で、エディタにプラグイン形式で機能を追加することが多い http://kojika17.com/2012/09/zen-coding-next-emmet.html *記法とか [#n0f69747] **知らない人は遅れてる?新Zen-Coding Emmet | DECONCEPTER [#d631ef4a] http://log.deconcepter.jp/2012/10/emmet/ 導入方法が書いてあります。 特徴が書いてあります。 **Zen-Codingの次期バージョン、Emmet について|Web Design KOJIKA17 [#y46f1387] http://kojika17.com/2012/09/zen-coding-next-emmet.html Emmetの新しい機能 の記事があります。 今までのZen-Codingのドキュメントの記事へのリンクもはってあります。 Emmetが使えるIDE/エディタ の記事があります。 **CSSの記述を高速化する、Emmet (Zen-Coding)|Web Design KOJIKA17 [#q45bf30f] http://kojika17.com/2012/10/css-speedstar-for-emmet.html CSSのショートコードが書かれています。 Sass, Less(メタ言語) と Emmet(Zen-Coding) のどちらを使えばいいのか? の記事があります。 **Sublime Text2 Emmet でのスニペット(snippets.json)利用のススメ [#bf6055b3] スニペットを追加してPHPのwordpressのコードを素早く入力できるようにする方法が書かれています。 http://webya.in/archives/3777 スニペットの定義ファイルの位置はMACOSについて記載されていました。 ***windows8のsunipet定義ファイル位置 [#yb3e6349] C:\Users\<<ユーザのフォルダ>>\AppData\Roaming\Sublime Text 2\Packages\Emmet\emmet **emmetチートシート [#k5e1e106] http://docs.emmet.io/cheat-sheet/ *eclipseでemmet [#uddbe69c] エクリプスでもできた。 http://www.yuhei-tsukahara.com/2012/11/eclipsezen-coding.html *その他 [#m1cc8fc5] sublime text 2 のzen codingパッケージはemmetに置き換わっている *Sublime Text 2とEmmetで制作効率アップ! [#p86e236f] http://kirinblog.com/tool/sublimetext2-emmet.html このページにいろいろ、使えるSublime Textのプラグインとか書いてあります。 Emmetの勉強になるサイトとか書いてあります。 そういえば、コメント欄にある sassとかhayakuとかcompassとか気になりました。 **導入方法 [#m4d18816] コンソールを開いておきます。 import urllib2,os; pf='Package Control.sublime-package'; ipp=sublime.installed_packages_path(); os.makedirs(ipp) if not os.path.exists(ipp) else None; urllib2.install_opener(urllib2.build_opener(urllib2.ProxyHandler())); open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read()); print('Please restart Sublime Text to finish installation') 上記のサイトのコードを入れます 再起動 ctrl shift p で、適当に「Package」とか入力すると「Install Package」とか「Remove Package」とか出るのでInstall Packageで好きなプラグインをインストールしましょう。 *ショートカット [#xa516540] [SublimeText]Emmetを使いこなすためのショートカットキー http://wada811.blogspot.com/2013/03/sublime-text-2-emmet-shortcut-key.html