éååããZen Codingã¨ããã®ã便å©ãããã¨ãã話ã¯èãã¦ã¾ããããzen-codingãvimã§ãã§ããã¨ããã®ã§è©¦ãã¦ã¿ããã¨ã«ãã¾ããã æ®æ®µã¡ã¤ã³ã¯æªã ã«Jedit使ã£ã¦ããã¾ãã¦ã使ãæ £ãã¦ãè¯ãã¢ããªãªãã§ãããviã®å§åçãªè»½ãã¯ã¨ã¢ããªåãæ¿ããå°ãªãæ¸ããããããªãã®ã¯é åçã§ãã ã¨ãã訳ã§ãzencoding.vimã¨ã¯ã©ãç¨ã®ãã®ããæããã¦zencodingã§vimã¯ãç§ã®ã³ã¼ãã£ã³ã°ã©ã¤ãã®ç¦é³ã¨ãªãå¾ãã®ããå®é¨ã®çºã«vimã§zen-codingã®ç°å¢ãä½ããã¨æãã¾ãã 1. ç§ã®ç°å¢ã¨ããã®é ã§å¿ è¦ã«ãªããã¼ã«ãªã© MacOSX 10.6.7 vim version7.2ãããã¹ãã¨ãã£ã¿ï¼OSXä»å±ã®ãã®ï¼ git version1.7.1ããã¼ã¸ã§ã³ç®¡çãã¼ã«ï¼ã³ãã³ãï¼ macport ã³ãã³ãã©ã¤ã³ã§æä½ããããã±ã¼ã¸ç®¡çã½ããï¼gitãª
April 22, 201123:59 zencoding.vim ãå ¥ãã¾ããï¼(ã»âã») ã«ãã´ãªTemporary Comment(0)Trackback(0) mattn/zencoding-vim - GitHub Big Sky :: zen-codingã®æ®ã©ã®æ©è½ãzencoding.vimã«åãè¾¼ãã ã ä½ãä»ããã£ã¦æãã§ãããzencoding.vim ãå ¥ãã¾ããã Expand Abbreviation 㨠Wrap with Abbreviation ããããã使ã£ã¦ããªãã®ã§ããããã便å©ãã㦠Zen-Coding ãªãã«ã¯æ»ãã¾ãã(;´Ðï½) ã ã£ã¦ã ããå ¥åãã¦ã<c-y>,(Ctrl+yãæ¼ãã¦ã«ã³ã)ãã¿ã¤ãããã¨ã ããå±éãã¦ããã¡ãããã§ããï¼ åãããã«ã ããå ¥åãã¦ãå±éããã¨ã ã©ãã£ï¼ã¨ããæãã§å±éãã¦ããã¾ãã ããã§ãä½åã
Vim ã« zen-coding å ¥ãã ä»å¹´ãä½ãæ°ãããã¨ãâ¦ãã¨ä¸å¿µçºèµ·ãã¦å§ãã¦ã¿ã Vimãããããç¬ç¹ã®å ¥åæ¹æ³ã«ãæ £ãã¦ãã¦ãã¨ãããããHTML ã®ç·¨éã§å©ç¨ãã¦ããã¨ããã ããã°ã®æ´æ°æã¯ãããã°ã® HTML ã®éå½¢ã«å®éã«è¨äºã®ã³ã¼ããæ¸ãå ¥ãã¦ãè¦æ ãã確èªãã¦ã¯ç·¨éã確èªãã¦ã¯ç·¨éâ¦ã¨ãããã¨ããã¦ããã®ã ããã©ããããå ¨é¨ Vim ã§ã§ããããã«ãªã£ãã¨ãããã¨ã ã¾ããããã¯ããã¨ãã¦ãHTML ã®è£å®ç¨ã« autocomplpop.vim 㧠<c-n> ããããsurround.vim 㧠ysst ããããã¨ã«ãããããããã©ã°ã¤ã³ã使ã£ã¦ã¿ãããã©ãæçµçã« zen-coding.vim ã«è½ã¡çããã zen-coding ã® HTML ã®ã¿ã°ã CSS ã©ã¤ã¯ãªã»ã¬ã¯ã¿ã使ã£ã¦å ¥åã§ããæ©è½ããã°ãããããããã ï¼Zen Coding v0.5
ã好ããªé£ã¹ç©ãã¿ã¤ãããªãããèªãã å¤è³ååãããã好ããªé£ã¹ç©ãã¿ã¤ãããªããã¨ããæ¬ãåºãããä¸ã«åã®è¨äºã«è§¦ãã¦ããããã¼ãããã£ã¦ããã®é¢ä¿ã§ããã ãã¦æ©ãã«èªããã¨ãã§ããã ããã¯å¤è³ããã好ããªé£ã¹ç©ãæ¢ãæ¬ãã¨ãã»ã¤ã¨ããã¨ãçã話ãããããå ¥ã£ã¦ãããã®ããèªãã ãã¨â¦
ã¯ããã« AppEngine ã¢ããªãä½ãããã«ãªã£ã¦ãHTML ãè¨è¿°ããé »åº¦ãããªãä¸ããã¾ãããDreamWeaver ã¿ãããªé«ç´ã¢ããªã¯æã£ã¦ããªãã®ã§ãVim ã§ã´ãªã´ãªãã¡ã³ãã¯ã»ãããããããªãã¨ããããããã㧠Zen-Coding ã®åºçªã§ãã Zen-Coding ã¨ã¯ ç°¡åã«èª¬æããã¨ã ul>li*3ã¿ãããªå°ç¨ã®è¨æ³ã§è¨è¿°ããã HTML ã®æ§é ã <ul> <li></li> <li></li> <li></li> </ul>ã¨ãã風ã«ãæ®éã® HTML ã¿ã°ã«å¤æããã·ãã¢ããå¤ãã®ã¨ãã£ã¿ã IDE ã®ãã©ã°ã¤ã³ã¨ãã¦æä¾ããã¦ãã¾ãã Vim 㧠Zen-Coding ã使ãæºå Vim ã«ã¯ zencoding.vim ã¨ãããã©ã°ã¤ã³ãããã®ã§ãZen-Coding ãå°å ¥ãããã¨ãã§ãã¾ãã ZenCoding.vim - vim plugins
MacVim ã« zencoding.vim ãå ¥ãããã¨æã£ãã®ã§ãããWindows ã® KaoriYa Vim ã«ã¯æ®éã«å ¥ããããã®ã§ãããMacVim ã ã¨ä¸æãåããªãã£ãã®ã§ç°¡åã«ã¤ã³ã¹ãã¼ã«æ¹æ³ãã¡ã¢ã30ç§ãããã§ã§ãã¾ãã zencoding.vim ã®ãã¡ã¤ã«ãå ¥æãã github ã§é å¸ããã¦ãã¾ããä¸ã®æ¹ã«ãã¦ã³ãã¼ãã¨ãããã¿ã³ãããã¾ãã®ã§ããããããã¦ã³ãã¼ããã¾ãããã mattn/zencoding-vim â GitHub ãã¡ã¤ã«ã®è¨ç½® ~/.vim ã«ãã¦ã³ãã¼ããã¦ãããã¡ã¤ã«ãå±éãã¾ããå±éãããã¡ã¤ã«ã®ä¸ã§å¿ è¦ãªãã®ã¯ autoload ãã£ã¬ã¯ããªã¨ plugin ãã£ã¬ã¯ããªã§ãããããä¸æ¸ãã¾ããæ¢ã«ä½ãå ¥ã£ã¦ãã人ã¯å ±åããã¦ãã ããã ããã¨ä»¥ä¸ã®ãããªæ§æã«ãªãã¯ãã§ãã
ãã¯ãããããã¾ãã æè¿vimã使ãããã«ãªã£ã¦ããã®ã§ãvimé¢ä¿ã®è¨å®ãªã©ãæ¸ãã¾ãã .vimrcãã¡ã¤ã« ããã¯vimã®è¨å®ãã¡ã¤ã«ã§ãã ããã«ãvimã®è¨å®ãã¤ãã¤ãæ¸ãã¦ããã¾ããemacsã§ããã¨ããã®.emacsã¿ãããªãã®ã§ãã set number "è¡æ°ã表示 set encoding=utf-8 "ã¨ã³ã³ã¼ããUTF8ã«ãã set tabstop=2 "ã¿ãå¹ ã2 set shiftwidth=2 "ã¤ã³ãã³ãå¹ ã2 set bs=2 "BackSpaceã§åé¤ syntax on "ã½ã¼ã¹ã³ã¼ããªã©ãè²ä»ã imap <C-j> <C-[> "ã¤ã³ãµã¼ãã¢ã¼ãã§ãCtrl+jããæ¼ãã¨ã³ãã³ãã¢ã¼ãã«ç§»è¡ set hlsearch "æ¤ç´¢ããæååããã¤ã©ã¤ããã "php-mode autocmd FileType php :set di
vimã§zen-codingã®ãã©ã°ã¤ã³ããã£ãã®ã§ä½¿ã£ã¦ã¿ãããããã«3åã¯ãããªããã zen-coding cssã®ã»ã¬ã¯ã¿ã¼ã®ãããªè¨æ³ã§æ¸ãããã®ãèªåè£å®ãã¦ããããã©ã°ã¤ã³ vimç¨ã®zen-codingãã©ã°ã¤ã³ â http://www.vimâ¦â¦.pt_id=2981 zencoding.vimã§ã¯ <C-z>, ã§è£å®ãã¦ããã ä¾1 html:5 ã¨æã£ã¦è£å®ãã㨠<!DOCTYPE HTML> <html lang="jp"> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> </html> ä¾2 #wrapper>(div#header[title=hogehoge]>ul.sidebar>li.sidebar${hello}*5)+(div#contents>table+
Zen-Codingã£ã¦ãåç¥ã§ããï¼ ãåç¥ãªããã°ä»ããã°ã°ãã¹ãã google:zen-coding ä¸è¨ã§è¨ãã¨ãã·ã§ã¼ãã«ããé§ä½¿ãã¦HTMLãé«éã«å ¥åããæ¹æ³ããã¼ã«ã§ãã ãã®Zen-Codingã®ãã©ã°ã¤ã³ããç§ãæç¨ãã¦ããGVIMã«å°å ¥ããæ¹æ³ã¨ããã®å¾ã«ç´ æ´ãããããããããä¾ããç´¹ä»ãã¾ãã ã¾ãã¯ãã¦ã³ãã¼ã é å¸ãã¼ã¸ãããã©ã°ã¤ã³ã®ãã¡ã¤ã«zencoding.vimããã¦ã³ãã¼ããã¦ãã¦ãã ãããå 容ã¯ãã ã®ããã¹ããã¡ã¤ã«ã§ãã http://www.vim.org/scripts/script.php?script_id=2981 ãã¼ã¸ã®ä¸çªä¸ã§ãã zendocing.vimã®è¨ç½® ãã¦ã³ãã¼ããã¦ãããã¡ã¤ã«ã以ä¸ã®å ´æã«è¨ç½®ãã¦ãã ããã <gvim.exeã®ãããã£ã¬ã¯ããª>/runtime/plugin GVIMãåèµ·å æ¢ã«èµ·åä¸ã§ããã°
åµãmetaboy TOP > ãã¼ã«ç´¹ä» > gvim ã§ãZen-Coding:å··ã§è©±é¡ã®ãZen-Codingãããã£ã¦ã¿ããã£ããããããæ°ã«ãªã£ã¦ãã¨ãã£ã¿ãgvimãã§ãã§ããããã ・・・ ãã³ã¼ãã£ã³ã°ã å··ã§ã話é¡ã§ããããZen-Codingã ã¡ããã¡ããã¨æ¸ãã¦ãã©ï½ããã¨ã½ã¼ã¹ãåãåºã Zen-Codingããã¨ã¦ãæ°æã¡ãåºæ¿ãã å人çã«ã ãä»æ°ã«ãªããã¹ãï¼ãã§ããã âzen-coding Set of plugins for HTML and CSS hi-speed coding ã»ã»ã»ããããã ã»USTREAM ã§ããã®ã³ã¼ãã£ã³ã°ã®æ§åã å ¬éããã¦ãæ¹ãããã£ãããã¾ããã ã»ã»ã»ã»ã» 使ãå§ãã¾ããï¼ è¿½è¨ã«ã â¼ ************************************************ âããgvim ã§ãZen
ãå°å ¥çç±ãzen-codingï¼Vimã«æãåºãã¾ãã zen-codingã試ãããã®æ段ã¨ãã¦ãvimã«æãåºãã¾ããã æ®æ®µä½¿ã£ã¦ããã³ã¼ãã£ã³ã°ãã¼ã«ã¯peggyã¨ããããã¹ãã¨ãã£ã¿ã§ããã æ¤ç´¢ãã¦ãpeggyã§zen-codingã使ãããåãããªãã£ã*1 vimãæµè¡ã£ã¦ããï¼æ°ãããï¼ ã¨ããçç±ã«ãããpeggyã§è¡ãã®ã¯éæ»ã§è«¦ããVimã§zen-codingã«æãåºããã¨ã«ãã¾ããã ãå°å ¥æé ãã¤ã³ã¹ãã¼ã« ããããã以ä¸ã®æé ã§å°å ¥ãè¡ãã¾ããã Vimã®å°å ¥æé ãã¡ãããVim 7.2-20100510 for Windows (32bit VC2008)ããã¦ã³ãã¼ã 解å zen-codingã®å°å ¥æé *2 ãã¡ãããzencoding.vimããã¦ã³ãã¼ã 解å ãã©ã°ã¤ã³ã¨ãã¦Vimã«èªãã§ãããããã«ãVimãã¤ã³ã¹ãã¼ã«ãã¦ãããã£ã¬ã¯ããª/
HTMLãCSSã®ã³ã¼ãã£ã³ã°ãæ°åã«ãé«éãã¦ãããZen-Codingã®Vimçãèªä½ãã¦ããã£ãããæ¹ãããã®ã§ããããã使ããã¦ããã ãã¦ãããzen-coding for vim ã pure vimscript ã ãã§æ¸ãã¦ã¿ãã ãã使ããããªã¹ããããã³ãã³ããã¡ã¢ã å®è¡æ¹æ³ ã³ãã³ããå ¥åå¾ã(æ¿å ¥ã¢ã¼ãã®ã¾ã¾)ãc-y ,ã(Ctrl+Yãæ¼ãã¦ã«ã³ã)ãâ»ãã¼ãã¤ã³ãã¯å¤æ´ã§ãã â»ã¡ãªã¿ã«ãã¼ãã¤ã³ããå¤æ´ãããå ´åã¯.vimrcã«ä»¥ä¸ã®ãããªè¡ã追å ãã let g:user_zen_leader_key = '<C-z>' html:xt <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio
ä¸è¨ã®URLã«è¨è¼ããã¦ããæé ã§ãVim ã« zencoding.vim ãã¤ã³ã¹ãã¼ã«ãã¾ããã http://linuxserver.jp/%E3%82%BD%E3%83%95%E3%83%88%E3%82%A6%E3%82%A7%E3%82%A2/%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BF/Vim/Zen-Coding.php ã¤ã³ã¹ãã¼ã«ç´å¾ã¯æ£å¸¸ã«åä½ãã¦ããã®ã§ãããä¸åº¦ Vim ãåèµ·åããã¨ä»¥ä¸ã®ãããªã¨ã©ã¼ãã§ããããªãã¾ããã ã»ul>*3ã¨å ¥åããå¾ã"Ctrl+y ," ãæ¼ãã¨ãæ£å¸¸ã« ulè¦ç´ ãå±éããã <Plug>ZenCodingExpandAbbr ã¨è¨å ¥ããã¦ãã¾ãã ï¼ ul>li*3(ããã§Ctrl+y,)<Plug>ZenCodingExpan
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}