2010年08月19日

zencoding と cakephp で音速の開発

お願いします♪いいねとかつぶやいたりして下さい
 
zencoding を dreamweaverで使ってみた。
はっきり言って微妙。

なぜならdreamweaverにはコード補完機能があるから、
さほどメリットを感じない。

しかし・・・。

zencoding と cakephpを併用すると恐ろしい程スピーディな開発が可能に



まずは
http://blog.v-colors.com/zen-coding.html

などを参考に zencoding を dreamweaver にzencodingを入れる。

で、

以下、dreamweavercs5 、 win7 の場合

zen_settings.js
(C:\Users\[ユーザー名]\AppData\Roaming\Adobe\Dreamweaver CS5\ja_JP\Configuration\Commands\ZenCoding\zen_settings.js )

を開いて 499ー569行目あたりを以下のように変更

/** 
	 * cakephp用のfindallとかもここに追加していく。じゃないとうまく動かない'fa': '<a href="/|"></a>',
	 */
	'html': {
		'snippets': {
			'fo': 'foreach($res as $v){\n\t|\n}\n',
			'td': '$this->data[\'|\'][\'|\'];',
			'bm': '$this->| = Classregistry::init(\'|\');',
			'pd': 'pr($this->data);',
			'f': 'function |()\n{\n\t\n}\n',
			't': '$this->|();',//pr();
			'p': 'pr($|);',//pr();
			'tf': '$this->|->find(\'all\',array(\'conditions\' => array(\'|\' => \'\') , \'order\' => \'id desc\'));',//$this->find('all');
			'ef': '<\? foreach($res as $v): \?>\n|\n' + //endforeach;
			      '<\? endforeach; \?>',
			'eif': '<\? if($res == \'\'): \?>\n|\n' + //endif;
			      '<\? endif; \?>',
			'cc:ie6': '<!--[if lte IE 6]>\n\t${child}|\n<![endif]-->',
			'cc:ie': '<!--[if IE]>\n\t${child}|\n<![endif]-->',
			'cc:noie': '<!--[if !IE]><!-->\n\t${child}|\n<!--<![endif]-->',
			'html:4t': '<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;\n' +
					'<html lang="${lang}">\n' +
					'<head>\n' +
					'	<title></title>\n' +
					'	<meta http-equiv="Content-Type" content="text/html;charset=${charset}">\n' +
					'</head>\n' +
					'<body>\n\t${child}|\n</body>\n' +
					'</html>',

			'html:4s': '<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt;\n' +
					'<html lang="${lang}">\n' +
					'<head>\n' +
					'	<title></title>\n' +
					'	<meta http-equiv="Content-Type" content="text/html;charset=${charset}">\n' +
					'</head>\n' +
					'<body>\n\t${child}|\n</body>\n' +
					'</html>',

			'html:xt': '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;\n' +
					'<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="${lang}">\n' +
					'<head>\n' +
					'	<title></title>\n' +
					'	<meta http-equiv="Content-Type" content="text/html;charset=${charset}" />\n' +
					'</head>\n' +
					'<body>\n\t${child}|\n</body>\n' +
					'</html>',

			'html:xs': '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;\n' +
					'<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="${lang}">\n' +
					'<head>\n' +
					'	<title></title>\n' +
					'	<meta http-equiv="Content-Type" content="text/html;charset=${charset}" />\n' +
					'</head>\n' +
					'<body>\n\t${child}|\n</body>\n' +
					'</html>',

			'html:xxs': '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"&gt;\n' +
					'<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="${lang}">\n' +
					'<head>\n' +
					'	<title></title>\n' +
					'	<meta http-equiv="Content-Type" content="text/html;charset=${charset}" />\n' +
					'</head>\n' +
					'<body>\n\t${child}|\n</body>\n' +
					'</html>',

			'html:5': '<!DOCTYPE HTML>\n' +
					'<html lang="${locale}">\n' +
					'<head>\n' +
					'	<title></title>\n' +
					'	<meta charset="${charset}">\n' +
					'</head>\n' +
					'<body>\n\t${child}|\n</body>\n' +
					'</html>'
		},


ここを上記のように変更することによって
例えば img タグを挿入したい場合、

//img と入力し、 ctrl + , を同時押し
<img src="/app/webroot/img/"> まで入力してくれる。

//a と入力し、ctrl + , を同時押し
<a href="/"></a> までを入力してくれる。

//tf と入力し、ctrl + , を同時押し
$this->->find('all',array('conditions' => array('' => '') , 'order' => 'id desc')); まで入力してくれる。



と、他にも一杯やってくれるんだけど、それはソースコードを見れば一目瞭然。
しかも自分で改造できるから eclipse のコード補完機能よりも音速の開発ができるんじゃないでしょうか。

ちなみに僕は

・eclipse
・aptana
・dreamweaver


を全て使ったけど、dreamweaverが一番スピーディーで使いやすいので愛用しています。




あなたにとって有用な記事でしたか?是非ブックマークしておくことをおすすめします。
 




ライブラリを配布しちゃったり
webデザイン
Fireworks
HTMLコーディング
CSS
Dreamweaver
携帯サイト
webプログラム
PHP
正規表現
cakephp
MYSQL
javascript
webマーケティング
adwords
analytics
windows7
ショートカットキー
おすすめ情報
サイト
facebook
ライブラリ
配布
アプリ
iphone
ipad
サーバー
さくらサーバー
全ての記事を読む




トップ - 最新の記事一覧 - お問い合わせ