<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
		xmlns:xhtml="http://www.w3.org/1999/xhtml"
>

<channel>
	<title>乱雑モックアップ &#187; dreamweaver</title>
	<atom:link href="http://blog.sakurachiro.com/category/adobe/dreamweaver-adobe/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.sakurachiro.com</link>
	<description>らんざつ[乱雑] （名・形動）[文]ナリ 入り乱れていること。乱れていて秩序がないこと。また、そのさま。</description>
	<lastBuildDate>Mon, 06 Feb 2012 11:08:54 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.sakurachiro.com/category/adobe/dreamweaver-adobe/feed/" />
		<item>
		<title>dreamweaver / 拡張機能を無効もしくは削除して調子が悪くなったら</title>
		<link>http://blog.sakurachiro.com/2011/06/dreamweaver-extenson-del/</link>
		<comments>http://blog.sakurachiro.com/2011/06/dreamweaver-extenson-del/#comments</comments>
		<pubDate>Fri, 03 Jun 2011 06:21:29 +0000</pubDate>
		<dc:creator>まこと</dc:creator>
				<category><![CDATA[dreamweaver]]></category>
		<category><![CDATA[Configuration]]></category>
		<category><![CDATA[コピペ]]></category>

		<guid isPermaLink="false">http://blog.sakurachiro.com/?p=2508</guid>
		<description><![CDATA[例えばコピペができなくなったりした時 Configurationを削除してみるといいかもしれない。 キーボードショートカットを編集してると色々問題が起こるのかなぁ Configuration再構築すると再設定しなきゃダメ [...]]]></description>
			<content:encoded><![CDATA[<p>例えばコピペができなくなったりした時<br />
Configurationを削除してみるといいかもしれない。</p>
<p>キーボードショートカットを編集してると色々問題が起こるのかなぁ<br />
Configuration再構築すると再設定しなきゃダメだから超面倒臭い( ´･＿･｀) </p>
<p><a href="http://kb2.adobe.com/jp/cps/234/234596.html#anc_d-12">JavaScript エラーのトラブルシューティング（Dreamweaver CS4/CS5）</a></p>
<blockquote cite="http://kb2.adobe.com/jp/cps/234/234596.html#anc_d-12" title="ユーザ設定フォルダの再作成">
<h3>C-12. ユーザ設定フォルダの再作成</h3>
<p>以下の操作を行い、Dreamweaver のユーザー設定フォルダを再作成します。</p>
<p>Windows</p>
<p>   1. Dreamweaver を終了します。<br />
   2. 以下の「Configuration」フォルダのフォルダ名を「Configuration_OLD」などに変更します。</p>
<p>      　注意　：　以下のフォルダは隠しフォルダのため、Windows の初期設定では表示されません。ファイルやフォルダが参照できない場合は、Windows のフォルダオプションで隠しファイルや隠しフォルダを表示する設定に変更必要があります。設定の変更方法について詳しくは、Windows ヘルプを参照してください。</p>
<p>      Windows 7/Vista　：　Users¥＜ユーザ名＞\AppData\Roaming\Adobe\Dreamweaver ＜バージョン＞\ja_JP\Configuration<br />
      Windows XP　：　Documents and Settings\＜ユーザ名＞\Application Data\Adobe\Dreamweaver ＜バージョン＞\ja_JP\Configuration<br />
   3. Dreamweaver を再起動し、問題が改善されるか確認します。</p>
<p>Macintosh</p>
<p>   1. Dreamweaver を終了します。<br />
   2. Finder で以下のフォルダを参照します。<br />
      Macintosh HD/Users/[username]/Library/Application Support/Adobe/Dreamweaver ＜バージョン＞/[language]/Configuration<br />
   3. フォルダ名を「Configuration Old」に変更します。<br />
   4. Dreamweaver を起動し、問題が再現されるか確認します。</p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://blog.sakurachiro.com/2011/06/dreamweaver-extenson-del/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.sakurachiro.com/2011/06/dreamweaver-extenson-del/" />
	</item>
		<item>
		<title>DreamweaverのjQuery拡張機能 / jQuery Utilities Toolset with Code Utilities</title>
		<link>http://blog.sakurachiro.com/2011/05/jquery-api-extension-for-dreamweaver/</link>
		<comments>http://blog.sakurachiro.com/2011/05/jquery-api-extension-for-dreamweaver/#comments</comments>
		<pubDate>Tue, 03 May 2011 05:17:09 +0000</pubDate>
		<dc:creator>まこと</dc:creator>
				<category><![CDATA[dreamweaver]]></category>
		<category><![CDATA[script]]></category>
		<category><![CDATA[extension]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[拡張機能]]></category>

		<guid isPermaLink="false">http://blog.sakurachiro.com/?p=2462</guid>
		<description><![CDATA[Adobe &#8211; Dreamweaver Extension 上の一般、レイアウト、フォームとか書いてあるタブの所にjQueryのタブを追加 ボタンひとつで とか挿入出来る。 jQueryのコードヒント拡張もあ [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&amp;extid=2149525" title="jQuery Utilities Toolset with Code Utilities"><img src="http://blog.sakurachiro.com/wp-content/uploads/2011/05/20110503_1.png" alt="[image]jQuery Utilities Toolset with Code Utilities" title="jQuery Utilities Toolset with Code Utilities" width="480" height="297" class="alignnone size-full wp-image-2463" /></a></p>
<p><a href="http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&amp;extid=2149525">Adobe &#8211; Dreamweaver Extension</a><br />
上の一般、レイアウト、フォームとか書いてあるタブの所にjQueryのタブを追加<br />
ボタンひとつで</p>
<pre class="brush: jscript; title: ; notranslate">$(function(){

});
</pre>
<p>とか挿入出来る。</p>
<p>jQueryのコードヒント拡張もあるみたいなんだけど<br />
<a href="http://xtnd.us/dreamweaver/jquery">jQuery API extension for Dreamweaver | XTND.US &#8211; Xtnd urslf! Extensions for software. Adobe Dreamweaver, Drupal, jQuery, Eclipse, Fireworks</a><br />
Dreamweaaver側のショートカットを変更してるとインストール出来ないのよね</p>
<p>一応
<pre>C:\Users \[ユーザー名]\AppData\Roaming\Adobe\Dreamweaver [各バージョン]\ja_JP\Configuration\Menus\</pre>
<p>のMenus.xmlを削除するとインストール出来る。<br />
変更したショートカットが無くなってしまうので、WinMergeなんかを使って差分をコピったりするのもいいかも。</p>
<p>WinMergeの説明はこちら / <a href="http://blog.sakurachiro.com/2010/10/winmerge/">ファイル比較ツールをWinMergeに変更す</a><br />
WinMerge 日本語版本体はこちら / <a href="http://www.geocities.co.jp/SiliconValley-SanJose/8165/winmerge.html">WinMerge 日本語版</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.sakurachiro.com/2011/05/jquery-api-extension-for-dreamweaver/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.sakurachiro.com/2011/05/jquery-api-extension-for-dreamweaver/" />
	</item>
		<item>
		<title>Dreamweaverでaltの入っていない画象にとりあえず(空)を入れる.dwr</title>
		<link>http://blog.sakurachiro.com/2011/04/dreamweaver-no-alt-no-future-dwr/</link>
		<comments>http://blog.sakurachiro.com/2011/04/dreamweaver-no-alt-no-future-dwr/#comments</comments>
		<pubDate>Sat, 02 Apr 2011 19:12:07 +0000</pubDate>
		<dc:creator>まこと</dc:creator>
				<category><![CDATA[dreamweaver]]></category>

		<guid isPermaLink="false">http://blog.sakurachiro.com/?p=2398</guid>
		<description><![CDATA[なんらかの理由でaltの無い画象がたくさんあるhtmlが出来てしまった時 とりあえず先にalt=&#8221;"だけを置換で簡単に挿入するクエリー 準備 以下のzipをダウンロードして解凍、no-alt-no-futur [...]]]></description>
			<content:encoded><![CDATA[<p>なんらかの理由でaltの無い画象がたくさんあるhtmlが出来てしまった時<br />
とりあえず先に<span class="note2">alt=&#8221;"</span>だけを置換で簡単に挿入するクエリー</p>
<h3>準備</h3>
<p>以下のzipをダウンロードして解凍、no-alt-no-future.dwrが出てくる。<br />
<a href="http://sakurachiro.com/data/dw/no-alt-no-future.zip" target="dl">とりあえず<strong>alt=&#8221;"</strong>を挿入するdreamweaverの検索クエリー</a></p>
<h3>対象html</h3>
<p>いい感じにaltの入ってない画象があるhtml<br />
<a href="http://blog.sakurachiro.com/wp-content/uploads/2011/04/20110403_1.png" rel="shadowbox[sbpost-2398];player=img;" title="altの無い画象"><img src="http://blog.sakurachiro.com/wp-content/uploads/2011/04/20110403_1-480x234.png" alt="[image]altの無い画象" title="altの無い画象" width="480" height="234" class="alignnone size-large wp-image-2401" /></a></p>
<h3>使い方</h3>
<p><a href="http://blog.sakurachiro.com/wp-content/uploads/2011/04/20110403_2.png" rel="shadowbox[sbpost-2398];player=img;" title=".dwrを読み込んで置換"><img src="http://blog.sakurachiro.com/wp-content/uploads/2011/04/20110403_2.png" alt="[image]dwrを読み込んで置換" title=".dwrを読み込んで置換" width="480" height="297" class="alignnone size-full wp-image-2399" /></a><br />
<kbd class="key">ctrl+F</kbd>して<span class="note2">クエリーのロード</span>をクリックして<br />
no-alt-no-future.dwrを選択<br />
いきなり置換するのは怖いと思うので<br />
まずは<strong>すべて検索</strong>で動作確認。<br />
問題が無さそうなら任意の検索対象を選択して<strong>すべて置換</strong>。<br />
検索対象を<span class="note2">現在のローカルサイト全体</span>なんかにすると一気に終わる。</p>
<h3>結果</h3>
<p><a href="http://blog.sakurachiro.com/wp-content/uploads/2011/04/20110403_3.png" rel="shadowbox[sbpost-2398];player=img;" title="とりあえず空のaltが入る"><img src="http://blog.sakurachiro.com/wp-content/uploads/2011/04/20110403_3-480x234.png" alt="[image]altが入る" title="とりあえず空のaltが入る" width="480" height="234" class="alignnone size-large wp-image-2400" /></a></p>
<p>ただ空のaltが入るだけ。</p>
<p>ダウンロード / <a href="http://sakurachiro.com/data/dw/no-alt-no-future.zip" target="dl">とりあえず<strong>alt=&#8221;"</strong>を挿入するdreamweaverの検索クエリー</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.sakurachiro.com/2011/04/dreamweaver-no-alt-no-future-dwr/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.sakurachiro.com/2011/04/dreamweaver-no-alt-no-future-dwr/" />
	</item>
		<item>
		<title>Dreamweaver CS4 / CS5 cssコードヒントのwidowsを消す</title>
		<link>http://blog.sakurachiro.com/2011/03/dreamweaver-cs4-cs5-csscodehints/</link>
		<comments>http://blog.sakurachiro.com/2011/03/dreamweaver-cs4-cs5-csscodehints/#comments</comments>
		<pubDate>Sat, 19 Mar 2011 21:05:03 +0000</pubDate>
		<dc:creator>まこと</dc:creator>
				<category><![CDATA[dreamweaver]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[コードヒント]]></category>

		<guid isPermaLink="false">http://blog.sakurachiro.com/?p=2385</guid>
		<description><![CDATA[やりたい事 cssのコードヒントで widまで入力したら widowsじゃなくwidthを表示させたい 対処法 CodeHints.xmlを変更する事で可能(自己責任で) CodeHints.xmlの場所 cs4以前とc [...]]]></description>
			<content:encoded><![CDATA[<h3>やりたい事</h3>
<p>cssのコードヒントで<br />
<span class="key">wid</span>まで入力したら<br />
<span class="key">widows</span>じゃなく<span class="key">width</span>を表示させたい</p>
<h3>対処法</h3>
<p>CodeHints.xmlを変更する事で可能(自己責任で)</p>
<h3>CodeHints.xmlの場所</h3>
<p>cs4以前とcs5以降で対象のCodeHints.xmlの位置がどうも違う？</p>
<p>Windows7での例</p>
<h4>cs4</h4>
<pre><code>C:\Program Files (x86)\Adobe\Adobe Dreamweaver CS4\configuration\CodeHints\CodeHints.xml</code></pre>
<h4>cs5</h4>
<pre><code>C:\Users\[ユーザー名]\AppData\Roaming\Adobe\Dreamweaver CS5\ja_JP\Configuration\CodeHints\CodeHints.xml</code></pre>
<h3>実際の作業</h3>
<p>CodeHints.xmlを開いて<br />
<kbd class="key">Ctrl+F</kbd>(検索)で<span class="note3">widows</span>を探す</p>
<p>多分3件ヒットするので</p>
<pre><code>&lt;menuitem label="widows" value="widows:" icon="shared/mm/images/hintMisc.gif" /&gt;</code></pre>
<p>の方をコメントアウト<br />
で、コードヒントにwidowsが表示されなくなると思う。</p>
<p>こっちもコメントアウトしといたほうがいいのかな。</p>
<pre><code>
&lt;menu pattern="widows:" additionaldismisschars=";:" allowwhitespaceprefix="true" displayrestriction="css"&gt;
 &lt;menuitem label="inherit" value="inherit" icon="shared/mm/images/hintMisc.gif" /&gt;
&lt;/menu&gt;</code></pre>
]]></content:encoded>
			<wfw:commentRss>http://blog.sakurachiro.com/2011/03/dreamweaver-cs4-cs5-csscodehints/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.sakurachiro.com/2011/03/dreamweaver-cs4-cs5-csscodehints/" />
	</item>
		<item>
		<title>Dreamweaverの[ ウィンドウ &gt; 挿入 ]が文字化けしてた</title>
		<link>http://blog.sakurachiro.com/2010/11/dreamweaver-insertbar-xml/</link>
		<comments>http://blog.sakurachiro.com/2010/11/dreamweaver-insertbar-xml/#comments</comments>
		<pubDate>Mon, 22 Nov 2010 20:33:35 +0000</pubDate>
		<dc:creator>まこと</dc:creator>
				<category><![CDATA[dreamweaver]]></category>
		<category><![CDATA[とりあえずメモ]]></category>

		<guid isPermaLink="false">http://blog.sakurachiro.com/?p=2279</guid>
		<description><![CDATA[画像を挿入しようとCtrl+Iを押しても反応がない。 元々キーボードの調子が悪くctrlとかshiftとかzとかcとかvが反応しなくなるときがあるので、上のツールバーから[挿入 - イメージ]を押してみるがこっちも反応が [...]]]></description>
			<content:encoded><![CDATA[<p>画像を挿入しようと<kbd class="key">Ctrl+I</kbd>を押しても反応がない。</p>
<p>元々キーボードの調子が悪く<kbd class="key">ctrl</kbd>とか<kbd class="key">shift</kbd>とか<kbd class="key">z</kbd>とか<kbd class="key">c</kbd>とか<kbd class="key">v</kbd>が反応しなくなるときがあるので、上のツールバーから[挿入 - イメージ]を押してみるがこっちも反応がない。<br />
あるぇ？</p>
<p>でタブっぽいところのアイコンから画像を挿入しようと思ったら下の画像のようになってた。<br />
<img alt="dreamweaver、挿入タブ(ウィンドウ？)の文字化け" src="http://29.media.tumblr.com/tumblr_lcayxcH1DE1qzdgrmo1_250.png" title="dreamweaver、挿入タブ(ウィンドウ？)の文字化け" class="alignnone" width="250" height="72" /></p>
<p>い、いつから！？</p>
<p>文字化けした部分の名前がわからなくてうまく検索できなかったが<br />
Application Data\Adobe\Dreamweaver CS4\ja_JP\Configuration\Objects\insertbar.xml<br />
がこの挿入アイコンの中身みたい、開いてみたら同じようにテキストが化けてた。</p>
<p>文字コードがSJISだったのでutf-8に変更したら文字化けが治った。<br />
中身も違っていたのでinsertbar.xml自体削除してDreamweaverを再起動したら治った。</p>
<p>その後<kbd class="key">Ctrl+I</kbd>とツールバーからの画像挿入は一発目はできなくて、復活したinsertbarのアイコンから一度画像を挿入したら<kbd class="key">Ctrl+I</kbd>とツールバーからも挿入できるようになった。</p>
<p>いつから化けてたのか記憶がないんだけど、adobeからダウンロードしたYUIの拡張がいけなかった気がする。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.sakurachiro.com/2010/11/dreamweaver-insertbar-xml/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.sakurachiro.com/2010/11/dreamweaver-insertbar-xml/" />
	</item>
		<item>
		<title>Dreamweaverちょっとメモ</title>
		<link>http://blog.sakurachiro.com/2010/11/dreamweaver-memo/</link>
		<comments>http://blog.sakurachiro.com/2010/11/dreamweaver-memo/#comments</comments>
		<pubDate>Fri, 19 Nov 2010 13:36:46 +0000</pubDate>
		<dc:creator>まこと</dc:creator>
				<category><![CDATA[dreamweaver]]></category>
		<category><![CDATA[tips]]></category>

		<guid isPermaLink="false">http://blog.sakurachiro.com/?p=2269</guid>
		<description><![CDATA[普段やってるちょっとした操作と最近覚えた事のメモ サイトのフォルダを一発で開く。 ローカルファイルのところを[右クリック - エクスプローラー] クロークを使って、putやgetしないファイルを設定する Dreamwea [...]]]></description>
			<content:encoded><![CDATA[<h3>普段やってるちょっとした操作と最近覚えた事のメモ</h3>
<h4>サイトのフォルダを一発で開く。</h4>
<p>ローカルファイルのところを<em>[右クリック - エクスプローラー]</em></p>
<p><img src="http://blog.sakurachiro.com/wp-content/uploads/2010/11/20101119_1.png" alt="[image]エクスプローラ" title="エクスプローラ" width="480" height="297" class="alignnone size-full wp-image-2270" /></p>
<h4>クロークを使って、putやgetしないファイルを設定する</h4>
<p>DreamweaverのFTPて便利。<br />
ちょっと触るだけのサイトのファイルを、面倒臭がって適当にゲットしたら余計なファイルまで関連ファイルとしてダウンロード開始しちゃっていつまでもサーバーと通信中ですが終わらない事がある。</p>
<p>ファイルの所を右クリックするか、サイト定義のクロークで<br />
putやgetから除外するファイルを決められる。<br />
<em>クロークを使用可能</em>と<em>次で終わるファイルをクローク</em>にチェックを入れて、拡張子を追加。</p>
<pre class="brush: plain; title: ; notranslate">.fla .psd</pre>
<p>拡張子 半角ブランク 拡張子で追加してくみたい。</p>
<p><img src="http://blog.sakurachiro.com/wp-content/uploads/2010/11/20101119_2.png" alt="[image]クローク - 設定" title="クローク - 設定" width="480" height="297" class="alignnone size-full wp-image-2271" /></p>
<p><img src="http://blog.sakurachiro.com/wp-content/uploads/2010/11/20101119_3.png" alt="[image]クロークの設定" title="クロークの設定" width="480" height="297" class="alignnone size-full wp-image-2272" /></p>
<p>クロークに設定された拡張子は見た目が変わる。<br />
<img src="http://blog.sakurachiro.com/wp-content/uploads/2010/11/20101119_4.png" alt="[image]追加したファイルはアイコンが変わるよ" title="追加したファイルはアイコンが変わるよ" width="480" height="297" class="alignnone size-full wp-image-2273" /></p>
<p>imgフォルダにぶっこまれた大量のpdfを誤ってダウンロードしなくて済むハズ。</p>
<h4>最近更新したファイル</h4>
<p>ローカルファイルの右クリックして [選択 - 最近修正されたファイル]<br />
<img src="http://blog.sakurachiro.com/wp-content/uploads/2010/11/20101119_5.png" alt="[image]選択 - 最近修正されたファイル" title="選択 - 最近修正されたファイル" width="480" height="690" class="alignnone size-full wp-image-2274" /></p>
<p>日付指定でファイルを選択出来る。<br />
<img src="http://blog.sakurachiro.com/wp-content/uploads/2010/11/20101119_6.png" alt="[image]最近修正したファイルを選択" title="最近修正したファイルを選択" width="480" height="250" class="alignnone size-full wp-image-2275" /></p>
<h4>テキストをタグで囲む</h4>
<p>テキストを選択して<kbd class="key">Ctrl+T</kbd>で囲める<br />
zen-codingの<kbd class="key">Ctrl+H</kbd>の劣化版みたいな機能だけど、zen-codingが入ってない場合は便利。</p>
<p><a href="http://blog.sakurachiro.com/wp-content/uploads/2010/11/20101119_11.gif" rel="shadowbox[sbpost-2269];player=img;" title="ctrl+T"><img src="http://blog.sakurachiro.com/wp-content/uploads/2010/11/20101119_11.gif" alt="[image]ctrl+T" title="ctrl+T" width="480" height="297" class="alignnone size-full wp-image-2278" /></a><br />
あれ、gifが動かない。</p>
<p>何か思いついたら随時追加。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.sakurachiro.com/2010/11/dreamweaver-memo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.sakurachiro.com/2010/11/dreamweaver-memo/" />
	</item>
		<item>
		<title>HTML5 Pack for Dreamweaver CS3 and CS4 と css3_setwithprefix</title>
		<link>http://blog.sakurachiro.com/2010/11/html5-pack-for-dreamweaver-cs3-and-cs4/</link>
		<comments>http://blog.sakurachiro.com/2010/11/html5-pack-for-dreamweaver-cs3-and-cs4/#comments</comments>
		<pubDate>Fri, 05 Nov 2010 00:13:29 +0000</pubDate>
		<dc:creator>まこと</dc:creator>
				<category><![CDATA[dreamweaver]]></category>
		<category><![CDATA[とりあえずメモ]]></category>
		<category><![CDATA[拡張機能]]></category>

		<guid isPermaLink="false">http://blog.sakurachiro.com/?p=2259</guid>
		<description><![CDATA[[追記 / 20101112] 気づいたらxhtmlでコーディングしてるhtmlに閉じタグが挿入されなくなってた(metaやimgのあとにつく&#160;/&#62;)。 バリデートするとシンタクッスエラーがあるというのに [...]]]></description>
			<content:encoded><![CDATA[<p><em class="note2">[追記 / 20101112]</em><br />
気づいたらxhtmlでコーディングしてるhtmlに閉じタグが挿入されなくなってた(metaやimgのあとにつく<em>&nbsp;/&gt;</em>)。<br />
バリデートするとシンタクッスエラーがあるというのに修正されない。</p>
<p>原因は判らないのだけれど、直近の操作で思いつくのがこの投稿のhtml5関係の拡張を重ねて入れたりした事。</p>
<p>その際ja_JP\Configuration\TagLibraries内のファイルを上書きしますか？みたいな事を聞かれたので、何回か入れたり外したりしてる間に壊れてしまったのかしら。<br />
<img src="http://blog.sakurachiro.com/wp-content/uploads/2010/11/20101112-1.png" alt="[image]上書きイメージ" title="上書きイメージ" width="480" height="297" class="alignnone size-full wp-image-2261" /></p>
<p><span class="note3">とりあえず解決させた方法</span><br />
ja_JP\Configuration\TagLibrariesをリネームしてDwを再起動し新しくTagLibrariesを作成させたらxhtmlシンタックスをするようになってくれました。</p>
<p>その後また拡張を入れたり外したり入れたりしてもこの現象は再現できんかった。<br />
何が起きたんだろう。<br />
<em class="note2">[追記ここまで / 20101112]</em></p>
<p><a href="http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&#038;extid=2188522">HTML5 Pack for Dreamweaver CS3 and CS4</a>を入れてみたけど、すでに丸山さん作の<a href="http://dwlog.net/2010/04/html5mxpupdate.html">html5_tag_suites_v050.zip</a>が入っているのでようわからんかった。</p>
<h3>それよりも！</h3>
<p><a href="http://dwlog.net/2010/09/css3-setwithprefix-update.html">昨日作った接頭辞付きCSS3プロパティー同時挿入コードヒント拡張機能をバージョンアップしました。</a>の<em>css3_setwithprefix_v110.zip</em>がなんだか素敵そう。</p>
<p>Dreamweaver8以降に対応で、ヒントリストの語尾に「＋」のあるプロパティを選択すると、Firefox、Safari、Operaのプレフィックス付きプロパティが同時に挿入されるそうな。</p>
<p>早速試してみたところ、border-radiusがborder-raまで入力しないと表示されず。<br />
+付きはスクロールバーを摘まんで下のほうにあった。<br />
あるぇ？</p>
<p>blogを読む限りborと入力したあたりで出てきそうなので、こちらの環境に問題があるんだろうなぁ。<br />
他のmxpとぶつかってるんだろうか。</p>
<p>とりあえずcodehint.xmlを編集して順番を変えればいいのかな？と思い<br />
Program Filesの <span class="note2">onfiguration\CodeHints\CodeHints.xml </span>を開いたけど見当たらない。<br />
よく探してみたらDocuments and Settingsの <span class="note2">configuration\CodeHints\CSS3_hints.xml</span> で発見。</p>
<p>うちには手に負えない領域ですた。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.sakurachiro.com/2010/11/html5-pack-for-dreamweaver-cs3-and-cs4/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.sakurachiro.com/2010/11/html5-pack-for-dreamweaver-cs3-and-cs4/" />
	</item>
		<item>
		<title>ファイル比較ツールをWinMergeに変更す</title>
		<link>http://blog.sakurachiro.com/2010/10/winmerge/</link>
		<comments>http://blog.sakurachiro.com/2010/10/winmerge/#comments</comments>
		<pubDate>Mon, 11 Oct 2010 18:48:01 +0000</pubDate>
		<dc:creator>まこと</dc:creator>
				<category><![CDATA[dreamweaver]]></category>
		<category><![CDATA[windows]]></category>
		<category><![CDATA[ファイル比較]]></category>

		<guid isPermaLink="false">http://blog.sakurachiro.com/?p=2170</guid>
		<description><![CDATA[DFからWinMerge 日本語版に乗り換えまんた。 (以前のpost:DFを使ってDreamweaverでファイルの比較を有効にする) ファイル比較ツールなにそれ？って人に説明すると 次のような異なるhtmlファイルの [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://blog.sakurachiro.com/wp-content/uploads/2010/10/20101012-1.png" rel="shadowbox[sbpost-2170];player=img;" title="WinMerge見やすい"><img src="http://blog.sakurachiro.com/wp-content/uploads/2010/10/20101012-1-480x163.png" alt="[image]WinMerge見やすい" title="WinMerge見やすい" width="480" height="163" class="alignnone size-large wp-image-2171" /></a></p>
<p><a href="http://www.vector.co.jp/vpack/browse/pickup/pw5/pw005096.html">DF</a>から<a href="http://www.geocities.co.jp/SiliconValley-SanJose/8165/winmerge.html">WinMerge 日本語版</a>に乗り換えまんた。<br />
(以前のpost:<a href="http://blog.sakurachiro.com/2009/12/df-dreamweaver/">DFを使ってDreamweaverでファイルの比較を有効にする</a>)</p>
<p>ファイル比較ツールなにそれ？って人に説明すると<br />
次のような異なるhtmlファイルのどうしようもないない文字列の中から異なる部分をサクッと見つけてくれます。</p>
<p><em>example1.html</em></p>
<pre class="brush: xml; title: ; notranslate">&lt;body&gt;
&lt;p&gt;猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫&lt;/p&gt;
&lt;/body&gt;</pre>
<p><em>example2.html</em></p>
<pre class="brush: xml; title: ; notranslate">&lt;body&gt;
&lt;p&gt;猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫描猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫猫&lt;/p&gt;
&lt;/body&gt;</pre>
<p><span class="note2">* 猫(ねこ)の中に描(えが)が混ざってます。</span></p>
<p><span id="more-2170"></span></p>
<h3>比べてみよう</h3>
<h4>以前使っていたDF</h4>
<p>異なる部分がある<em>行</em>をお知らせしてくれる差分ツール。<br />
右端で折り返せない(うちが使い方を熟知していないだけかもしれないけど)。<br />
<a href="http://blog.sakurachiro.com/wp-content/uploads/2010/10/20101012-3.png" rel="shadowbox[sbpost-2170];player=img;" title="DF"><img src="http://blog.sakurachiro.com/wp-content/uploads/2010/10/20101012-3-480x192.png" alt="[image]DF" title="DF" width="480" height="192" class="alignnone size-large wp-image-2172" /></a></p>
<h4>乗り換えたWinMerge</h4>
<p>違う部分を<em>ピンポイント</em>で着色してくれっから、すげーわかりやすい。<br />
右端で折り返しも出来る。<br />
<a href="http://blog.sakurachiro.com/wp-content/uploads/2010/10/20101012-2.png" rel="shadowbox[sbpost-2170];player=img;" title="WinMerge"><img src="http://blog.sakurachiro.com/wp-content/uploads/2010/10/20101012-2-480x360.png" alt="[image]WinMerge" title="WinMerge" width="480" height="360" class="alignnone size-large wp-image-2173" /></a></p>
<p>色変更も出来る、けどなかなか見やすいカラーリングって無いものですな。<br />
<a href="http://blog.sakurachiro.com/wp-content/uploads/2010/10/20101012-5.png" rel="shadowbox[sbpost-2170];player=img;" title="色変更"><img src="http://blog.sakurachiro.com/wp-content/uploads/2010/10/20101012-5-480x360.png" alt="[image]色変更" title="色変更" width="480" height="360" class="alignnone size-large wp-image-2176" /></a></p>
<p>ダウンロード:<a href="http://www.geocities.co.jp/SiliconValley-SanJose/8165/winmerge.html">WinMerge 日本語版</a><br />
Dreamweaverから使う場合は以前のpostが参考になるかも。 / :<a href="http://blog.sakurachiro.com/2009/12/df-dreamweaver/">DFを使ってDreamweaverでファイルの比較を有効にする</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.sakurachiro.com/2010/10/winmerge/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.sakurachiro.com/2010/10/winmerge/" />
	</item>
		<item>
		<title>ルートパスとDreamweaverとバーチャルホスト(バーチャルドメイン？)</title>
		<link>http://blog.sakurachiro.com/2010/10/site-root-relative-paths-dreamweavr-virtual-domain/</link>
		<comments>http://blog.sakurachiro.com/2010/10/site-root-relative-paths-dreamweavr-virtual-domain/#comments</comments>
		<pubDate>Fri, 01 Oct 2010 05:31:56 +0000</pubDate>
		<dc:creator>まこと</dc:creator>
				<category><![CDATA[dreamweaver]]></category>
		<category><![CDATA[xampp]]></category>
		<category><![CDATA[サイトルート相対パス]]></category>
		<category><![CDATA[バーチャルホスト]]></category>
		<category><![CDATA[ルートパス]]></category>
		<category><![CDATA[相対パス]]></category>
		<category><![CDATA[絶対パス]]></category>

		<guid isPermaLink="false">http://blog.sakurachiro.com/?p=2143</guid>
		<description><![CDATA[突然、ルートパス(サイトルート相対パスと呼ぶの？)で書かれたサイトを触る事になって困ったので調べたメモ。 そもそもルートパス(サイトルート相対パス？)ってなんぞ？ ルートパス サイトルートのルートディレクトリからみた相対 [...]]]></description>
			<content:encoded><![CDATA[<h3>突然、ルートパス(サイトルート相対パスと呼ぶの？)で書かれたサイトを触る事になって困ったので調べたメモ。</h3>
<p>そもそもルートパス(サイトルート相対パス？)ってなんぞ？</p>
<dl>
<dt>ルートパス</dt>
<dd>サイトルートのルートディレクトリからみた相対パス<br />
	/から始まる。</dd>
<dt>絶対パス</dt>
<dd>外部サイトへリンク貼るときなんかのパス<br />
httpから始まる</dd>
<dt>相対パス</dt>
<dd>ファイルから見た対象ファイルへのパス<br />
	よく使う</dd>
</dl>
<h3>ルートパスで書かれたサイトをローカルでプレビューするには</h3>
<h4>Dreamweaverだと</h4>
<pre class="brush: plain; gutter: false; title: ; notranslate">[編集] - [環境設定] - [ブラウザでプレビュー] - [オプション]一時ファイルを使ってプレビューにチェック</pre>
<p>しておけば相対リンクがドキュメントでもプレビュー出来る(プレビューは)。</p>
<p>編集する設定はadobeのサイト<a href="http://help.adobe.com/ja_JP/Dreamweaver/10.0_Using/WScbb6b82af5544594822510a94ae8d65-7c35a.html">Adobe Dreamweaver CS4 * 新規リンクの相対パスの設定</a><br />
を参照 / <a href="#siterootrelative">ヘルプの引用</a></p>
<p><a href="http://blog.sakurachiro.com/wp-content/uploads/2010/09/20100930-1.png" rel="shadowbox[sbpost-2143];player=img;" title="一時ファイルを使用してプレビュー"><img src="http://blog.sakurachiro.com/wp-content/uploads/2010/09/20100930-1-480x274.png" alt="[image]一時ファイルを使用してプレビュー" title="一時ファイルを使用してプレビュー" width="480" height="274" class="alignnone size-large wp-image-2144" /></a></p>
<p><a href="http://blog.sakurachiro.com/wp-content/uploads/2010/09/20100930-2.png" rel="shadowbox[sbpost-2143];player=img;" title="サイト管理のとこ"><img src="http://blog.sakurachiro.com/wp-content/uploads/2010/09/20100930-2-480x396.png" alt="[image]サイト管理のとこ" title="サイト管理のとこ" width="480" height="396" class="alignnone size-large wp-image-2145" /></a></p>
<p><span class="note5">メリット(だと思うところ)</span><br />
これだとローカルにサーバーを立てる必要もない。</p>
<p><span class="note4">デメリット(だと思うところ)</span><br />
IETesterでIE6の表示を確認する時たいへんなのと<br />
編集修正するたびブラウザの更新で確認できない。</p>
<h4 id="virtualhost">XAMPPだと</h4>
<p>バーチャルホストを使うのが現実的みたい。</p>
<p><span class="note4">編集するファイルは2つ</span><br />
<strong>1つめ<br />
<span class="note2">C:\xampp\apache\conf\extra\httpd-vhosts.conf</span></strong><br />
(うちのPCでの設定ファイルの場所)</p>
<p>1-1）</p>
<pre class="brush: plain; title: ; notranslate">NameVirtualHost *:801のコメントアウト（##）を削除して有効化する。

1-2）
例 / dドライブのsiterootフォルダをドキュメントルートにして

http://sitenameでアクセス出来るようにするには。

1&lt;VirtualHost *:80&gt;
  DocumentRoot &quot;D:/siteroot&quot;
  ServerName sitename
  &lt;Directory &quot;D:/siteroot&quot;&gt;
    order deny,allow
    allow from all
  &lt;/Directory&gt;
&lt;/VirtualHost&gt;
</pre>
<p>(ちょっと修正した)<br />
Access forbidden!Error 403になっちゃうならDirectoryの指定は必要<br />
&lt;Directory&gt;は&lt;VirtualHost&gt;の中でも外でも問題なにのだろうか？<br />
DocumentRootのパスに2バイト文字が混ざってると上手くいかない感じ。</p>
<p>Directoryの中に記述できるモノもようわからん。<br />
ここらへん？<br />
<a href="http://httpd.apache.org/docs/2.2/ja/mod/core.html#directory">http://httpd.apache.org/docs/2.2/ja/mod/core.html#directory</a><br />
<a href="http://httpd.apache.org/docs/2.2/ja/mod/core.html#options">http://httpd.apache.org/docs/2.2/ja/mod/core.html#options</a><br />
<a href="http://httpd.apache.org/docs/2.2/ja/mod/core.html#allowoverride">http://httpd.apache.org/docs/2.2/ja/mod/core.html#allowoverride</a></p>
<p><strong>2つめ<br />
<span class="note2">C:\WINDOWS\system32\drivers\etc\hosts</span></strong><br />
例 / さっきのServerNameに記述した名前(sitename)を追加</p>
<pre class="brush: plain; title: ; notranslate">127.0.0.1       localhost sitename</pre>
<p>とか</p>
<pre class="brush: plain; title: ; notranslate">127.0.0.1       localhost
127.0.0.1       sitename</pre>
<p>みたいな感じで</p>
<p>Apacheを再起動してhttp://sitenameにアクセスしてみる。<br />
いままでこれ知らなかったから<br />
phpのテストをしたい場合<br />
xamppのhtdocs以下にフォルダ作ってて<br />
不便だと思ってたけど、他のサイトと同じように管理出来るのかしら。<br />
ん～2バイト文字のフォルダ名が付いてるとエラーがでるのぅ。<br />
もうちょい試してみよう。</p>
<h3>参考にしたサイト</h3>
<p><span id="more-2143"></span></p>
<p><a href="http://granshe.blog.shinobi.jp/Entry/135/">相対ルートパスのサイトをローカルで見る方法（バーチャルホスト設定） World of granshe.</a><br />
<a href="http://1970m.com/ktf/archives/000815.php">Windows版 XAMPPでバーチャルホストを設定すると、403エラーになる。：Keep The Faith ～ウェブディレクターの日常。まぁ、何でもほどほどに。ほどほどに。～</a><br />
<a href="http://httpd.apache.org/docs/2.2/ja/mod/core.html">core &#8211; Apache HTTP サーバ</a><br />
<a href="http://www.abk.nu/~nabe/document/apache.htm">Apache conf 設定メモ</a></p>
<blockquote title="Apache設定 Tips" cite="http://www.abk.nu/~nabe/document/apache.htm"><p>ファイルが読めない！ .htaccess<br />
&lt;Directory&gt; ディテクティブ内の設定で、該当のディレクトリが<br />
Order allow,deny<br />
Allow from all<br />
となっているか。また、AllowOverride の設定がどうなっているか確認しましょう。</p></blockquote>
<p><em id="siterootrelative">Dreamweaverでのサイトルート相対パス設定</em><br />
<a href="http://help.adobe.com/ja_JP/Dreamweaver/10.0_Using/WScbb6b82af5544594822510a94ae8d65-7c35a.html">Adobe Dreamweaver CS4 * 新規リンクの相対パスの設定</a></p>
<blockquote title="新規リンクの相対パスの設定" cite="http://help.adobe.com/ja_JP/Dreamweaver/10.0_Using/WScbb6b82af5544594822510a94ae8d65-7c35a.html"><p>初期設定では、Dreamweaver はドキュメント相対パスを使用して、サイトの他のページへのリンクを作成します。 サイトルート相対パスを使用するには、サーバー上のドキュメントルートと同じ機能を持つローカルルートフォルダを選択して、Dreamweaver でローカルフォルダを定義します。 Dreamweaver はこのフォルダを使って、ファイルへのサイトルート相対パスを決定します。<br />
[サイト]-[サイトの管理] を選択します。<br />
[サイトの管理] ダイアログボックスで、リストにあるサイトをダブルクリックします。<br />
[サイト定義] ダイアログボックスで詳細設定が表示されていない場合は、[詳細設定] タブをクリックします。 </p>
<p>[サイト定義] ダイアログボックスの [詳細設定] タブに [ローカル情報] カテゴリのオプションが表示されます。<br />
[ドキュメント] または [サイトルート] オプションを選択して、新しいリンクの相対パスを設定します。 </p>
<p>この設定を変更しても、[OK] をクリックした後に既存のリンクのパスは変換されません。 この設定は、Dreamweaver で作成した新規リンクにだけ適用されます。<br />
注意： テストサーバーを指定するか、[編集]-[環境設定]-[ブラウザでプレビュー] で [一時ファイルを使用してプレビュー] オプションを選択していない限り、ローカルブラウザでドキュメントをプレビューしても、サイトのルート相対パスを使ってリンクされたコンテンツは表示されません。 これは、サーバーと違って、ブラウザではサイトのルートを認識できないためです。 サイトルート相対パスでリンクされているコンテンツをすぐにプレビューする場合は、リモートサーバーにファイルを置き、[ファイル]-[ブラウザでプレビュー] を選択します。<br />
サイトルート相対パスの場合、[HTTP アドレス] ボックスに Web サイトの URL を入力します。 </p>
<p>Dreamweaver はこのアドレスを使用して、サイトルート相対リンクが、サイトルートが異なることがあるリモートサーバー上で動作するかどうかを確認します。 たとえば、ハードディスクの C:¥Sales¥images¥ フォルダ (Sales はローカルルートフォルダ) にあるイメージファイルにリンクし、完了したサイトの URL が http://www.mysite.com/SalesApp/ (SalesApp はリモートルートフォルダ) である場合は、[HTTP] ボックスに URL を入力すると、リモートサーバー上でリンクされたファイルへのパスが /SalesApp/images/ となります。<br />
注意： 以前のリリースの Dreamweaver では、正しいリモートルートフォルダを追加できず、これにより実行時にページで障害が発生していました。<br />
「OK」をクリックします。 </p>
<p>新しいパス設定は現在のサイトのみに適用されます。</p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://blog.sakurachiro.com/2010/10/site-root-relative-paths-dreamweavr-virtual-domain/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.sakurachiro.com/2010/10/site-root-relative-paths-dreamweavr-virtual-domain/" />
	</item>
		<item>
		<title>Dreamweaverを再インストールした時の設定や別PCから設定を移したりする時用のメモ</title>
		<link>http://blog.sakurachiro.com/2010/09/dreamweaver-re-setting/</link>
		<comments>http://blog.sakurachiro.com/2010/09/dreamweaver-re-setting/#comments</comments>
		<pubDate>Sat, 18 Sep 2010 05:36:54 +0000</pubDate>
		<dc:creator>まこと</dc:creator>
				<category><![CDATA[dreamweaver]]></category>
		<category><![CDATA[設定]]></category>

		<guid isPermaLink="false">http://blog.sakurachiro.com/?p=2118</guid>
		<description><![CDATA[バックアップどこにあるんだろう？とか復元どうやってさせんだっけ？と忘れちゃうのでメモ。 ゴリゴリとカスタマイズして使ってるわけでもないけど、手に馴染むようにしたいじゃない？ スニペットを移す 保存してある場所(例はxp) [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://blog.sakurachiro.com/wp-content/uploads/2010/09/20100918_2.png" rel="shadowbox[sbpost-2118];player=img;" title="ちろ / 本文と関係はない"><img src="http://blog.sakurachiro.com/wp-content/uploads/2010/09/20100918_2.png" alt="[image]ちろ / 本文と関係はない猫の画像" title="ちろ / 本文と関係はない" width="480" height="297" class="alignnone size-full wp-image-2120" /></a></p>
<p>バックアップどこにあるんだろう？とか復元どうやってさせんだっけ？と忘れちゃうのでメモ。<br />
ゴリゴリとカスタマイズして使ってるわけでもないけど、手に馴染むようにしたいじゃない？</p>
<h3>スニペットを移す</h3>
<p>保存してある場所(例はxp)</p>
<pre><code>C:\Documents and Settings\ユーザー名\Application Data\Adobe\Dreamweaver 9\Configuration\Snippets
C:\Documents and Settings\ユーザー名\Application Data\Adobe\Dreamweaver CS4\ja_JP\Configuration\Snippets</pre>
<p></code></p>
<p>xpのapplication dataは</p>
<pre><code>C:\Documents and Settings\ユーザー名\Application Data\</code></pre>
<p>windows7だとappdataのroamingフォルダ</p>
<pre><code>C:\Users\ユーザー名\AppData\Roaming</code></pre>
<h3>新規ドキュメントのテンプレファイルをいじる</h3>
<pre><code>C:\Program Files\Adobe\Adobe Dreamweaver CS4\ja_JP\Configuration\DocumentTypes\NewDocuments</code></pre>
<p>新規作成時のhtmlを自分好みにしたいならDefault.htmlをいじる。<br />
最初にあるファイルは適当にバックアップ、うちはDefault.html_bakって感じにリネームしてる。</p>
<p>Windows7に移す時は</p>
<pre><code>C:\Program Files (x86)\Adobe\Adobe Dreamweaver CS4\ja_JP\Configuration\DocumentTypes\NewDocuments</code></pre>
<p>cs5なら</p>
<pre><code>C:\Program Files (x86)\Adobe\Adobe Dreamweaver CS5\ja_JP\Configuration\DocumentTypes\NewDocuments</code></pre>
<h3>zen-codingを入れる</h3>
<p><a href="http://code.google.com/p/zen-coding/downloads/list">Downloads - zen-coding - Project Hosting on Google Code</a><br />
<a href="http://code.google.com/p/zen-coding/downloads/list?can=1&#038;q=dreamweaver&#038;colspec=Summary+Uploaded+Size+DownloadCount+Filename">Dreamweaver用の各バージョン一覧</a></p>
<h4>ついでにショートカット追加</h4>
<p>[編集] - [キーボードショートカット(Y)] - [コマンド(C)] - [Zen Coding]<br />
[<em>Expand Abbreviation</em>](zen-codingする)に<kbd class="key">Ctrl+E</kbd>追加<br />
[<em>Toggle Comment</em>](選択範囲をコメントにする)に<kbd class="key">Ctrl+Shift+C</kbd>か<kbd class="key">Ctrl+Alt+C</kbd>(編集 - コードをたたむ - 選択範囲以外をたたむ とかぶるけど)を追加<br />
あと<br />
[<em>Wrap with Abbreviation</em>](選択範囲をタグで包む) - <kbd class="key">Ctrl+Shift+A</kbd>を追加してもいい。<br />
すでに設定してあるならわざわざやり直さなくても次の方法で復元できる。</p>
<h3>カスタムショートカットを移す</h3>
<pre><code>C:\Documents and Settings\ユーザー名\Application Data\Adobe\Dreamweaver CS4\ja_JP\Configuration\Menus\Custom Sets</code></pre>
<p>の中にオリジナルのキーボードショートカットが.xmlで保存されてるの移す。</p>
<h3>コードヒント系</h3>
<pre><code>C:\Program Files\Adobe\Adobe Dreamweaver CS4\configuration\CodeHints</code></pre>
<p>CodeHints.xmlを念のためバックアップ。</p>
<p><strong>cs5のcssコードヒントはこっちかも</strong><br />
<span class="note2">windows7</span></p>
<pre><code>C:\Users\[ユーザー名]\AppData\Roaming\Adobe\Dreamweaver CS5\ja_JP\Configuration\CodeHints\CodeHints.xml</code></pre>
<h4>以下のサイト様から素敵なコードヒント達をダウンロード出来る</h4>
<p><a href="http://dwlog.net/dreamweaver/dw-myextention/">dwlog.net: 自作機能拡張アーカイブ</a><br />
<a href="http://bunlog.d-s-b.jp/2010/05/p-id160.php">[ BUN:Log ]　Dreamweaver CS4版/CS5版 スペシャルコードヒント</a><br />
<a href="http://bunlog.d-s-b.jp/2008/07/p-id129.php">[ BUN:Log ]　[ 改訂版 ] Dreamweaver CS3版 スペシャルコードヒント</a><br />
<a href="http://www.extype.com/karakuri/archives/2006/03/dreamweaver.html">widowsプロパティの誤入力を防ぐCodeHints.xml｜カラクリエイト</a></p>
<h3>拡張機能を入れる</h3>
<p>え～っとあのmxpどこに保存したっけ？となったら以下のサイト様が綺麗にまとめてくれているので参考にする。<br />
<a href="http://www.ar-ch.org/mt/archives/2010/06/dreamweaver-1.html">Dreamweaverの拡張機能まとめ | Arch</a></p>
<h3>ワークスペースを復元する</h3>
<pre><code>C:\Documents and Settings\ユーザー名\Application Data\Adobe\Dreamweaver CS4\ja_JP\Configuration\Workspace</code></pre>
<p><em>自分で作成したワークスペース名の.xml</em>があるから多分移し替えるだけで表示されるようになるはず。<br />
これまだ試してない。</p>
<p>あと移しておきたいの何かあるかな。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.sakurachiro.com/2010/09/dreamweaver-re-setting/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.sakurachiro.com/2010/09/dreamweaver-re-setting/" />
	</item>
		<item>
		<title>Dreamweaverdeの正規表現を使って「aを含まないb」を検索</title>
		<link>http://blog.sakurachiro.com/2010/09/dreamweaver-retrieval/</link>
		<comments>http://blog.sakurachiro.com/2010/09/dreamweaver-retrieval/#comments</comments>
		<pubDate>Thu, 09 Sep 2010 10:34:16 +0000</pubDate>
		<dc:creator>まこと</dc:creator>
				<category><![CDATA[dreamweaver]]></category>
		<category><![CDATA[正規表現]]></category>

		<guid isPermaLink="false">http://blog.sakurachiro.com/?p=2098</guid>
		<description><![CDATA[htmlの中の大量にある画像でjpg以外のimgタグを検索したり htmlで終わらないaタグやtarget属性のないaタグだけを検索したりしたくなりませんか？ なるんですよ。なったんですよ。 でDreamweaverの正 [...]]]></description>
			<content:encoded><![CDATA[<p>htmlの中の大量にある画像でjpg以外のimgタグを検索したり<br />
htmlで終わらないaタグやtarget属性のないaタグだけを検索したりしたくなりませんか？<br />
なるんですよ。なったんですよ。<br />
でDreamweaverの正規表現でサクっと出来んもんかな？と頭をひねってみました。</p>
<p>否定先読みってのを使うと出来るっぽいです。</p>
<h3>jpg以外のimgタグを検索</h3>
<p><em>検索対象</em></p>
<pre class="brush: xml; title: ; notranslate">
&lt;img src=&quot;example.jpg&quot; alt=&quot;&quot; /&gt;
&lt;img src=&quot;example.jpg&quot; alt=&quot;&quot; /&gt;
&lt;img src=&quot;example.png&quot; alt=&quot;&quot; /&gt;
&lt;img src=&quot;example.jpg&quot; alt=&quot;&quot; /&gt;
&lt;img src=&quot;example.png&quot; alt=&quot;&quot; /&gt;
&lt;img src=&quot;example.gif&quot; alt=&quot;&quot; /&gt;
</pre>
<p><em>検索文字</em></p>
<pre class="brush: plain; title: ; notranslate">(?!src=&quot;.*jpg&quot;)src=&quot;.*&quot;</pre>
<p>結果<br />
<a href="http://blog.sakurachiro.com/wp-content/uploads/2010/09/20100909-1.png" rel="shadowbox[sbpost-2098];player=img;" title="jpg以外検索の結果"><img src="http://blog.sakurachiro.com/wp-content/uploads/2010/09/20100909-1.png" alt="jpg以外検索の結果" title="jpg以外検索の結果" width="480" height="120" class="alignnone size-full wp-image-2099" /></a></p>
<h3>target属性のないaタグだけを検索</h3>
<p><em>検索対象</em></p>
<pre class="brush: xml; title: ; notranslate">
&lt;a href=&quot;example.html&quot; target=&quot;_blank&quot;&gt;_blankで開け&lt;/a&gt;
&lt;a href=&quot;example.html&quot; target=&quot;_blank&quot;&gt;_blankで開け&lt;/a&gt;
&lt;a href=&quot;example.html&quot;&gt;target指定なし&lt;/a&gt;
&lt;a href=&quot;example.html&quot; target=&quot;_blank&quot;&gt;_blankで開け&lt;/a&gt;
&lt;a href=&quot;example.html&quot;&gt;target指定なし&lt;/a&gt;
&lt;a href=&quot;example.html&quot; target=&quot;_top&quot;&gt;_topで開け&lt;/a&gt;
&lt;a href=&quot;example.html&quot;&gt;target指定なし&lt;/a&gt;</pre>
<p><em>検索文字</em></p>
<pre class="brush: plain; title: ; notranslate">(?!&lt;a.*target=&quot;)&lt;a</pre>
<p>結果<br />
<a href="http://blog.sakurachiro.com/wp-content/uploads/2010/09/20100909-2.png" rel="shadowbox[sbpost-2098];player=img;" title="target属性がないaタグを検索した結果"><img src="http://blog.sakurachiro.com/wp-content/uploads/2010/09/20100909-2.png" alt="target属性がないaタグを検索した結果" title="target属性がないaタグを検索した結果" width="480" height="120" class="alignnone size-full wp-image-2100" /></a></p>
<h3>.html以外のリンクを検索</h3>
<p><em>検索対象</em></p>
<pre class="brush: xml; title: ; notranslate">
&lt;a href=&quot;example.pdf&quot; target=&quot;_blank&quot;&gt;_blankで開け&lt;/a&gt;
&lt;a href=&quot;example.html&quot; target=&quot;_blank&quot;&gt;_blankで開け&lt;/a&gt;
&lt;a href=&quot;example.html&quot;&gt;target指定なし&lt;/a&gt;
&lt;a href=&quot;example.htm&quot; target=&quot;_blank&quot;&gt;_blankで開け&lt;/a&gt;
&lt;a href=&quot;example/example&quot;&gt;target指定なし&lt;/a&gt;
&lt;a href=&quot;/&quot; target=&quot;_top&quot;&gt;_topで開け&lt;/a&gt;
&lt;a href=&quot;example.html&quot;&gt;target指定なし&lt;/a&gt;
</pre>
<p><em>検索文字</em></p>
<pre class="brush: plain; title: ; notranslate">(?!href=&quot;.*html&quot;)href=&quot;.*&quot;</pre>
<p>結果<br />
<a href="http://blog.sakurachiro.com/wp-content/uploads/2010/09/20100909-3.png" rel="shadowbox[sbpost-2098];player=img;" title=".html以外へのリンクを検索した結果"><img src="http://blog.sakurachiro.com/wp-content/uploads/2010/09/20100909-3.png" alt=".html以外へのリンクを検索した結果" title=".html以外へのリンクを検索した結果" width="480" height="120" class="alignnone size-full wp-image-2101" /></a></p>
<p>ありゃ、head内のcssもマッチしちゃった。</p>
<h3>検索 &#8211; 特定のタグ でやる</h3>
<p><em>target属性を含めないaタグ</em>みたいのなら特定のタグで検索できた。<br />
.jpgじゃないimgの検索の仕方は分からなかった、出来るのかな？<br />
<a href="http://blog.sakurachiro.com/wp-content/uploads/2010/09/20100909-4.png" rel="shadowbox[sbpost-2098];player=img;" title="特定のタグ"><img src="http://blog.sakurachiro.com/wp-content/uploads/2010/09/20100909-4-480x200.png" alt="特定のタグ" title="特定のタグ" width="480" height="200" class="alignnone size-large wp-image-2102" /></a></p>
<h4>参考にさせていただきました</h4>
<ul>
<li><a href="http://d.hatena.ne.jp/rubikitch/20080622/1214080482">正規表現の先読みについて解説してみる &#8211; (rubikitch loves (Emacs Ruby CUI))</a></li>
<li><a href="http://ukiya.sakura.ne.jp/index.php?%E6%AD%A3%E8%A6%8F%E8%A1%A8%E7%8F%BE%E8%AC%9B%E5%BA%A7%2F11">間違いだらけの正規表現講座 level 11 &#8211; Ukiwiki</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://blog.sakurachiro.com/2010/09/dreamweaver-retrieval/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.sakurachiro.com/2010/09/dreamweaver-retrieval/" />
	</item>
		<item>
		<title>DreamweaverのCtrl+Y</title>
		<link>http://blog.sakurachiro.com/2010/05/dreamweaver-ctrl-y/</link>
		<comments>http://blog.sakurachiro.com/2010/05/dreamweaver-ctrl-y/#comments</comments>
		<pubDate>Fri, 07 May 2010 13:33:06 +0000</pubDate>
		<dc:creator>まこと</dc:creator>
				<category><![CDATA[dreamweaver]]></category>
		<category><![CDATA[ショートカット]]></category>

		<guid isPermaLink="false">http://blog.sakurachiro.com/?p=1718</guid>
		<description><![CDATA[DwのショートカットにCtrl+Y(やり直し)というのがあって、 うちのショートカット勢の準レギュラーです。 Ctrl+Zとペアで行動する事が多い子です。 彼(Ctrl+Y)に期待する具体的な能力は、「取り消しを取り消す [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://blog.sakurachiro.com/wp-content/uploads/2010/05/20100507-31.png" rel="shadowbox[sbpost-1718];player=img;" title="キーボードショートカット編集画面"><img src="http://blog.sakurachiro.com/wp-content/uploads/2010/05/20100507-31-e1273234379653.png" alt="キーボードショートカット編集画面" title="キーボードショートカット編集画面" width="479" height="179" class="alignnone size-large wp-image-1721" /></a></p>
<p>Dwのショートカットに<kbd class="key">Ctrl+Y</kbd>(やり直し)というのがあって、<br />
うちのショートカット勢の準レギュラーです。<br />
<kbd class="key">Ctrl+Z</kbd>とペアで行動する事が多い子です。</p>
<h3>彼(Ctrl+Y)に期待する具体的な能力は、「取り消しを取り消す」事。</h3>
<p>photoshopの<kbd class="key">Shift+Ctrl+Z</kbd>でヒストリーを1つ進めるのと同じ感じ。<br />
良い例が思いつかないけど、こんな風に。</p>
<p>まずあるテキスト。</p>
<pre class="brush: xml; title: ; notranslate">&lt;p&gt;The quick brown fox jumps over the lazy dog.&lt;/p&gt;</pre>
<p>1)quick brownを選択してdel</p>
<pre class="brush: xml; title: ; notranslate">&lt;p&gt;The fox jumps over the lazy dog.&lt;/p&gt;</pre>
<p>2)やっぱり削除しないでおこう。Ctrl+Z発動。</p>
<pre class="brush: xml; title: ; notranslate">&lt;p&gt;The quick brown fox jumps over the lazy dog.&lt;/p&gt;</pre>
<p>3)ちょっと待てよ、やっぱりquick brownは必要ないや。Ctrl+Y発動。</p>
<pre class="brush: xml; title: ; notranslate">&lt;p&gt;The fox jumps over the lazy dog.&lt;/p&gt;</pre>
<p>このとき<kbd class="key">Ctrl+Y</kbd>すれば、quick brownを選択して削除する手間が省ける。</p>
<h3>どうも彼はそれだけじゃないようだ。</h3>
<p>「やり直し=ヒストリを進める」ショートカットだと思っていたんだけど、なんか違う。<br />
セルの分割 / <kbd class="key">Ctrl+Alt+S</kbd>をした後や、<br />
段落フォーマットを<kbd class="key">Ctrl+Shift+P</kbd>や<kbd class="key">Ctrl+3</kbd>で変更した後に<kbd class="key">Ctrl+Y</kbd>すると繰り返してくれる。</p>
<p>ということは、ヒストリを1つ進めるように見えるのは直前の処理を繰り返しているだけで、実際は<span class="note2">取り消しを取り消し</span>になってるだけ?</p>
<p>でも、デザインビューで[右クリック] &#8211; [タグを削除(V)]なんかは<kbd class="key">Ctrl+Y</kbd>しても繰り返してくれないんだよなぁ。</p>
<p>よくわからない子だ。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.sakurachiro.com/2010/05/dreamweaver-ctrl-y/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.sakurachiro.com/2010/05/dreamweaver-ctrl-y/" />
	</item>
		<item>
		<title>[Dw]コードフォーマットのインデントにスペースを選択してるというのに</title>
		<link>http://blog.sakurachiro.com/2010/05/dw-code-format/</link>
		<comments>http://blog.sakurachiro.com/2010/05/dw-code-format/#comments</comments>
		<pubDate>Fri, 30 Apr 2010 19:53:05 +0000</pubDate>
		<dc:creator>まこと</dc:creator>
				<category><![CDATA[dreamweaver]]></category>

		<guid isPermaLink="false">http://blog.sakurachiro.com/?p=1653</guid>
		<description><![CDATA[ちまたではインデントはタブか?スペースか?といった難しい話(インデント　スペース　タブ &#8211; Google 検索)があるみたいですけど、うちはそういったこだわりは全くなくTABを使っていました、現在はスペースを [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://blog.sakurachiro.com/wp-content/uploads/2010/05/20100501-1.png" rel="shadowbox[sbpost-1653];player=img;" title="編集 - 環境設定 - コードフォーマットの画面"><img src="http://blog.sakurachiro.com/wp-content/uploads/2010/05/20100501-1-e1272650343416.png" alt="編集 - 環境設定 - コードフォーマットの画面" title="編集 - 環境設定 - コードフォーマットの画面" width="479" height="295" class="alignnone size-large wp-image-1654" /></a></p>
<p>ちまたではインデントはタブか?スペースか?といった難しい話(<a href="http://www.google.co.jp/search?hl=&#038;q=%E3%82%A4%E3%83%B3%E3%83%87%E3%83%B3%E3%83%88%E3%80%80%E3%82%B9%E3%83%9A%E3%83%BC%E3%82%B9%E3%80%80%E3%82%BF%E3%83%96&#038;sourceid=navclient-ff&#038;rlz=1B3GGGL_jaJP268JP268&#038;ie=UTF-8">インデント　スペース　タブ &#8211; Google 検索</a>)があるみたいですけど、うちはそういったこだわりは全くなくTABを使っていました、現在はスペースを使うようにしてます(大したことない理由なので後述)。</p>
<p>で、Dreamweaverで使うインデントをスペースに変更したのに何か違和感があった。<br />
いくらソースフォーマットしてもTABでインデントされる事があるのた。あるぇ?<br />
全部TABなのかな?と非表示文字を表示してみたところ下の画像の様になった。</p>
<h3>HTMLとCSSそれぞれのインデント記号が違う。</h3>
<p><img src="http://blog.sakurachiro.com/wp-content/uploads/2010/05/20100501-4.png" alt="違和感がある時の非表示文字を表示した結果(再現)" title="違和感がある時の非表示文字を表示した結果(再現)" width="365" height="326" class="alignnone size-full wp-image-1657" /><br />
HTML側の記号がスペースで、CSS側の記号がTABだった、なにこれ。</p>
<p><span id="more-1653"></span></p>
<h3>原因と解決法</h3>
<p>環境設定をよくみてみると[高度なフォーマット:CSS]というボタンがあった。<br />
<a href="http://blog.sakurachiro.com/wp-content/uploads/2010/05/20100501-2.png" rel="shadowbox[sbpost-1653];player=img;" title="コードフォーマットの画面に高度なフォーマット発見"><img src="http://blog.sakurachiro.com/wp-content/uploads/2010/05/20100501-2-e1272655821376.png" alt="コードフォーマットの画面に高度なフォーマット発見" title="コードフォーマットの画面に高度なフォーマット発見" width="209" height="128" class="alignleft size-large wp-image-1655" /></a><a href="http://blog.sakurachiro.com/wp-content/uploads/2010/05/20100501-3.png" rel="shadowbox[sbpost-1653];player=img;" title="CSSのインデント設定はこっちだった"><img src="http://blog.sakurachiro.com/wp-content/uploads/2010/05/20100501-3-e1272655955464.png" alt="CSSのインデント設定はこっちだった" title="CSSのインデント設定はこっちだった" width="379" height="133" class="alignleft size-large wp-image-1656" /></a></p>
<p class="cl">CSS側のインデント設定もスペースに変更したらおkだったああああ、よかったあああ</p>
<p><img src="http://blog.sakurachiro.com/wp-content/uploads/2010/05/20100501-5.png" alt="全部スペースに変換された" title="全部スペースに変換された" width="365" height="326" class="alignnone size-full wp-image-1658" /></p>
<h3>まとめ</h3>
<p>[コマンド] &#8211; [ソースフォーマットの適用] で html(やcss)をインデントしたり出来る。<br />
<span class="note2">htmlとcssのフォーマット設定は分かれている。</span><br />
htmlのインデント設定は[編集] &#8211; [環境設定] &#8211; [コードフォーマット]から<br />
cssのインデント設定は[編集] &#8211; [環境設定] &#8211; [コードフォーマット]窓 &#8211; [高度なフォーマット:CSS]ボタンから変更する。</p>
<p>たかだかこれだけの事を説明するのに無駄に画像を使ってなにしてるんだろう。</p>
<h4>TABを使っていた理由</h4>
<ul>
<li>Dreamweaverのインデント初期設定がTABだった</li>
<li>他人のhtmlを修正する時はほぼすべてTABだった</li>
<li>スペースだったとしてもソースフォーマットするとTABになってしまう</li>
<li>インデント幅を後から簡単に変更出来る</li>
</ul>
<p>で特に疑問を持たずTABでインデントしていた。</p>
<h4>スペースに変えた理由</h4>
<p>ある日の事、Dreamweaverで書いたソースをWordPressにコピペしてSyntaxHighlighterで吐き出させたページを<a href="http://htmllint.itc.keio.ac.jp/htmllint/htmllint.html">Another HTML-lint gateway</a>でチェックしたらTABを特殊文字で吐き出していてエラーになっていたから、スペースに変換するのなら最初からスペースでインデントした方が楽だという理由。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.sakurachiro.com/2010/05/dw-code-format/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.sakurachiro.com/2010/05/dw-code-format/" />
	</item>
		<item>
		<title>新規ドキュメント作成時のドキュメントタイプにHTML5を追加する</title>
		<link>http://blog.sakurachiro.com/2010/04/add-doctype-html5/</link>
		<comments>http://blog.sakurachiro.com/2010/04/add-doctype-html5/#comments</comments>
		<pubDate>Wed, 07 Apr 2010 19:03:51 +0000</pubDate>
		<dc:creator>まこと</dc:creator>
				<category><![CDATA[dreamweaver]]></category>
		<category><![CDATA[とりあえずメモ]]></category>

		<guid isPermaLink="false">http://blog.sakurachiro.com/2010/04/%e6%96%b0%e8%a6%8f%e3%83%89%e3%82%ad%e3%83%a5%e3%83%a1%e3%83%b3%e3%83%88%e4%bd%9c%e6%88%90%e6%99%82%e3%81%ae%e3%83%89%e3%82%ad%e3%83%a5%e3%83%a1%e3%83%b3%e3%83%88%e3%82%bf%e3%82%a4%e3%83%97%e3%81%abht/</guid>
		<description><![CDATA[ずいぶん前に試して放置してたこれ 新規ドキュメントのドキュメントタイプを増やすには 新規ドキュメントのドキュメントタイプを増やすには、其の二 書いた本人なのに読み直してみても意味がわからないし、なんだか書いてある通りにも [...]]]></description>
			<content:encoded><![CDATA[<p>ずいぶん前に試して放置してたこれ</p>
<ul>
<li><a href="http://blog.sakurachiro.com/2009/09/add-doctype/">新規ドキュメントのドキュメントタイプを増やすには </a></li>
<li><a href="http://blog.sakurachiro.com/2009/09/add-doctype-2/">新規ドキュメントのドキュメントタイプを増やすには、其の二 </a></li>
</ul>
<p>書いた本人なのに読み直してみても意味がわからないし、なんだか書いてある通りにもならない。<br />
なので再度挑戦してみたい。</p>
<p>ちなみに<a href="http://dwlog.net/2009/08/html5-in-dreamweaver.html">HTML5で新規追加されたタグをDreamweaverのタグライブラリーに登録してみた &#8211; dwlog.net</a>様のhtml5_tag_suites_v004.lzhを使うとやりたい事</p>
<blockquote site="http://dwlog.net/2009/08/html5-in-dreamweaer.html"><p>< 機能について></p>
<p>    * 登録したタグとその属性についてCodeHintで表示させます。<br />
    * 新規ドキュメントダイアログでHTML5を選択可能になります。ファイルメニュー→変換にもHTML5が追加されます。選択するとドキュメントタイプが< !DOCTYPE html>に変換されます。</p></blockquote>
<p>が出来るようになるんですけど自分でやってみたいじゃないですか。</p>
<p><span id="more-1590"></span></p>
<h2>編集したファイル</h2>
<p>以前アタリをつけたというProgram Files内の</p>
<pre class="brush: plain; title: ; notranslate">C:\Program Files\Adobe\Adobe Dreamweaver CS4\configuration\DocumentTypes\MMDocumentTypeDeclarations.xml</pre>
<p>ではなく、<br />
Application Data以下のMMDocumentTypeDeclarations.xmlを編集した。</p>
<pre class="brush: plain; title: ; notranslate">C:\Documents and Settings\ユーザー名\Application Data\Adobe\Dreamweaver CS4\ja_JP\Configuration\DocumentTypes\MMDocumentTypeDeclarations.xml</pre>
<p>具体的には上記xmlに次の部分を追加してDreamweaverを再起動。</p>
<pre class="brush: xml; title: ; notranslate">
&lt;documenttypedeclaration id=&quot;mm_html_55&quot;&gt;
　&lt;title&gt;
　　HTML5
　&lt;/title&gt;
　&lt;doctypedecl&gt;
　　&lt;![CDATA[&lt;!DOCTYPE html&gt;]]&gt;
　&lt;/doctypedecl&gt;
　&lt;rootelement&gt;
　　&lt;![CDATA[&lt;html&gt;&lt;/html&gt;]]&gt;
　&lt;/rootelement&gt;
　&lt;dtdcontext&gt;html&lt;/dtdcontext&gt;
　&lt;dtdcontext&gt;xhtml&lt;/dtdcontext&gt;
　&lt;dtdcontext&gt;xslt&lt;/dtdcontext&gt;
&lt;/documenttypedeclaration&gt;
</pre>
<p>もしくは</p>
<pre class="brush: plain; title: ; notranslate">C:\Program Files\Adobe\Adobe Dreamweaver CS4\configuration\Strings\documenttypedeclarations.xml</pre>
<p>を</p>
<pre class="brush: plain; title: ; notranslate">C:\Documents and Settings\ユーザー名\Application Data\Adobe\Dreamweaver CS4\ja_JP\Configuration\Strings</pre>
<p>フォルダにコピーして
<pre class="brush: xml; title: ; notranslate">&lt;string id=&quot;mm_html_55&quot; value=&quot;HTML5&quot; /&gt;</pre>
<p>を追加するとか。</p>
<h3>ドキュメントタイプにHTML5が増えた。</h3>
<p><a href="http://blog.sakurachiro.com/wp-content/uploads/2010/04/20100408-1.gif" rel="shadowbox[sbpost-1590];player=img;" title="ドキュメントタイプにHTML5が増えた"><img src="http://blog.sakurachiro.com/wp-content/uploads/2010/04/20100408-1-480x235.gif" alt="" title="ドキュメントタイプにHTML5が増えた" width="480" height="235" class="alignnone size-large wp-image-1592" /></a></p>
<h2>けど問題がないわけじゃない。</h2>
<pre class="brush: plain; title: ; notranslate">C:\Program Files\Adobe\Adobe Dreamweaver CS4\ja_JP\Configuration\DocumentTypes\NewDocuments\Default.html</pre>
<p>を編集しているので、新規ドキュメントをHTML5で作成してもこんな風になってしまいました。</p>
<pre class="brush: xml; title: ; notranslate">
&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;ja&quot;&gt;
&lt;head&gt;
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot;&gt;
&lt;title&gt;さくらちろ｜&lt;/title&gt;
&lt;meta name=&quot;Keywords&quot; content=&quot;&quot;&gt;
&lt;meta name=&quot;Description&quot; content=&quot;&quot;&gt;
&lt;meta name=&quot;robots&quot; content=&quot;all&quot;&gt;
&lt;meta name=&quot;author&quot; content=&quot;さくらちろ&quot;&gt;
&lt;meta name=&quot;copyright&quot; content=&quot;さくらちろ&quot;&gt;
&lt;meta name=&quot;slurp&quot; content=&quot;noydir&quot;&gt;
&lt;meta http-equiv=&quot;imagetoolbar&quot; content=&quot;no&quot;&gt;
&lt;meta http-equiv=&quot;Content-Style-Type&quot; content=&quot;text/css&quot;&gt;
&lt;meta http-equiv=&quot;Content-Script-Type&quot; content=&quot;text/javascript&quot;&gt;
&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;css/import.css&quot; media=&quot;screen,tv,projection&quot;&gt;

&lt;/head&gt;

&lt;body&gt;

&lt;/body&gt;
&lt;/html&gt;
</pre>
<p><span class="note2">type=&#8221;text/css&#8221;</span>とか<span class="note2">&lt;meta http-equiv=&#8221;Content-Type&#8221; content=&#8221;text/html; charset=utf-8&#8243;&gt;</span>とかどうにかしないと使えないような…</p>
<p>&lt;dtdcontext&gt;の元はどこにあるんだろう？</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.sakurachiro.com/2010/04/add-doctype-html5/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.sakurachiro.com/2010/04/add-doctype-html5/" />
	</item>
		<item>
		<title>onLoad を TeamAdminTempDelete.html で実行中に、次の JavaScript エラーが起りました。</title>
		<link>http://blog.sakurachiro.com/2010/03/teamadmintempdelete-html-javascript-error/</link>
		<comments>http://blog.sakurachiro.com/2010/03/teamadmintempdelete-html-javascript-error/#comments</comments>
		<pubDate>Sat, 13 Mar 2010 22:20:52 +0000</pubDate>
		<dc:creator>まこと</dc:creator>
				<category><![CDATA[dreamweaver]]></category>

		<guid isPermaLink="false">http://blog.sakurachiro.com/2010/03/onload-%e3%82%92-teamadmintempdelete-html-%e3%81%a7%e5%ae%9f%e8%a1%8c%e4%b8%ad%e3%81%ab%e3%80%81%e6%ac%a1%e3%81%ae-javascript-%e3%82%a8%e3%83%a9%e3%83%bc%e3%81%8c%e8%b5%b7%e3%82%8a%e3%81%be%e3%81%97/</guid>
		<description><![CDATA[Dreamweaverを閉じると上記エラーが毎回出る。 結論からいうと。 WinFileCache.datを削除してワークスペースレイアウトを変更したらエラーはでなくなった。 以下、事の起こりやら参考にしたページやら蛇足 [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://blog.sakurachiro.com/wp-content/uploads/2010/03/20100314-1.png" rel="shadowbox[sbpost-1575];player=img;" title="エラーメッセージ"><img src="http://blog.sakurachiro.com/wp-content/uploads/2010/03/20100314-1-480x149.png" title="エラーメッセージ" width="480" height="149" class="alignnone size-large wp-image-1574" /></a><br />
Dreamweaverを閉じると上記エラーが毎回出る。</p>
<h3>結論からいうと。</h3>
<p>WinFileCache.datを削除してワークスペースレイアウトを変更したらエラーはでなくなった。</p>
<p>以下、事の起こりやら参考にしたページやら蛇足。</p>
<p><span id="more-1575"></span></p>
<h3>事の起こり。</h3>
<p>某mixiのDreamweaverコミュで<strong>「dwで作業をしつつ他のアプリで作業をしてdwに戻ってくるとパネルタブが閉じてしまう」</strong>という質問をみかけた。</p>
<p>どうやったらその状態を再現できるんだろうか？と<br />
パネルタブ周り(ワークスペースも絡んでくる？)を弄っていたらエラーが発生するようになってしまった。＞＜</p>
<p>エラーメッセージで検索すると<a href="http://lofi.seesaa.net/article/135156689.html">「色々やっても治らなかったから結局再インストールした」という方の記事</a>が…</p>
<h3>解決までの道のり。</h3>
<h4>エラーが出てるjavascriptの中身を辿ってみた。</h4>
<ol>
<li>TeamAdminTempDelete.htmlを検索</li>
<li>中を見ると../Shared/Common/Scripts/dwscripts.jsを読み込んでonloadでdelTempFile()してる</li>
<li>dwscripts.jsのdelTempFileを検索 -&gt; <span class="note2">hitしない。</span>あるぇ？</li>
</ol>
<h4>もう一度検索</h4>
<p>以下のページを見つける。<br />
<a href="http://geo.creativecow.net/ja/th/191/860247/1">Dreamweaver CS4 エラー / Creative COW 日本語</a></p>
<p>そこから以下のページにたどり着く。<br />
<a href="http://kb2.adobe.com/cps/405/kb405604.html">Troubleshoot JavaScript errors in Dreamweaver CS4 / adobe</a></p>
<blockquote title="Troubleshoot JavaScript errors in Dreamweaver CS4" cite="http://kb2.adobe.com/cps/405/kb405604.html"><p>トラブルシューティングステップ</p>
<p>質問に答えた後に、上に、下でのステップに従って、誤りを障害調査してください:</p>
<p>1. 知られているJavaScript誤りのリストをチェックします。<br />
2. あなたのドリームウィバーのバージョンのために最新のアップデートをインストールします。<br />
3. JavaScript によって言及された名前オブジェクト<br />
4. FileCache.dat ファイルを削除します。<br />
5. 新しいページを試みます。<br />
6. サイトキャッシュを作り直します。<br />
7. サイトの特定の誤りのために、.dwsサイトキャッシュファイルを削除してみます。<br />
8. Mac ユーザ: 経路の特殊文字がないかどうかチェックします。<br />
9. 検証、拡大はあなたのドリームウィバーのバージョンと互換性があります。<br />
10. 拡大を無効にします。<br />
11. 拡大をアンインストールします。<br />
12. ドリームウィバーユーザ構成フォルダーを再作成します。<br />
13. 選択している始動モードか診断始動モードによるドリームウィバーを実行します。<br />
14. 追加TechNotesを見ます。</p></blockquote>
<p>ふむふむなるほど</p>
<ol>
<li>Configuration内(<a href="#teamadmintempdelete-html-javascript-error-1">*1</a>)のFileCache-[乱数].datを削除してみる。-&gt;<span class="note2">まだエラーが出る。</span></li>
<li>普段使っているワークスペースのレイアウトを適当なやつに変更（<a href="#teamadmintempdelete-html-javascript-error-2">*2</a>）してみる。-&gt; <span class="note3">エラーが出なくなった！！</span></li>
<li>カスタマイズしたワークスペースレイアウトに戻す -&gt; <span class="note3">エラーが出ない！！</span></li>
</ol>
<p>といった感じで解決しました。<br />
結局キャッシュが悪さしてたって事になるの？</p>
<p><span class="note4" id="teamadmintempdelete-html-javascript-error-1">*1</span><br />
Program Files内のConfigurationフォルダじゃなくて、Documents and Settings内のConfigurationフォルダ<br />
例えばこんな感じ</p>
<ul>
<li>ドライブ名:\Documents and Settings\ユーザー名\Application Data\Adobe\Dreamweaver 9\Configuration</li>
<li>ドライブ名:\Documents and Settings\ユーザー名\Application Data\Adobe\Dreamweaver CS4\ja_JP\Configuration</li>
</ul>
<p>vistaやwindows7だと AppData\Roaming の中?</p>
<p>その中にある「WinFileCache-[乱数].dat」。</p>
<p><span class="note4" id="teamadmintempdelete-html-javascript-error-2">*2</span><br />
［ウィンドウ &#8211; ワークスペースのレイアウト］<br />
<a href="http://blog.sakurachiro.com/wp-content/uploads/2010/03/0206-1.png" rel="shadowbox[sbpost-1575];player=img;" title="ワークスペースのレイアウト"><img src="http://blog.sakurachiro.com/wp-content/uploads/2010/03/0206-1-374x480.png" alt="[image]ワークスペースのレイアウト" title="ワークスペースのレイアウト" width="374" height="480" class="alignnone size-large wp-image-2604" /></a></p>
<p>メモ：ユーザ構成フォルダーを作り直す方法<br />
<a href="http://kb2.adobe.com/cps/401/kb401118.html">How to re-create the Dreamweaver user configuration folder (CS3 on Windows XP, Vista)</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.sakurachiro.com/2010/03/teamadmintempdelete-html-javascript-error/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.sakurachiro.com/2010/03/teamadmintempdelete-html-javascript-error/" />
	</item>
		<item>
		<title>Dreamweaverのカスタムショートカット</title>
		<link>http://blog.sakurachiro.com/2010/03/dw-custom-short-cut/</link>
		<comments>http://blog.sakurachiro.com/2010/03/dw-custom-short-cut/#comments</comments>
		<pubDate>Sat, 06 Mar 2010 18:15:06 +0000</pubDate>
		<dc:creator>まこと</dc:creator>
				<category><![CDATA[dreamweaver]]></category>

		<guid isPermaLink="false">http://blog.sakurachiro.com/2010/03/dreamweaver%e3%81%ae%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%a0%e3%82%b7%e3%83%a7%e3%83%bc%e3%83%88%e3%82%ab%e3%83%83%e3%83%88/</guid>
		<description><![CDATA[シングルクォーテーションやダブルクォーテーションで値を囲むのがちょっと手間なのでカスタムショートカットを設定してみた。 Adobe Dreamweaver CS4 * キーボードショートカットをカスタマイズする ctrl [...]]]></description>
			<content:encoded><![CDATA[<p>シングルクォーテーションやダブルクォーテーションで値を囲むのがちょっと手間なのでカスタムショートカットを設定してみた。</p>
<p><a href="http://help.adobe.com/ja_JP/Dreamweaver/10.0_Using/WScbb6b82af5544594822510a94ae8d65-7763a.html">Adobe Dreamweaver CS4 * キーボードショートカットをカスタマイズする</a></p>
<p><span class="key">ctrl+shift+2</span>の<strong>「&#8221; (ダブルクォーテーション)」で選択範囲を囲む</strong>ようにしたのは問題なかったけど</p>
<p><span class="key">ctrl+shift+7</span>に<strong>「 &#8216; (シングルクォーテーション)」で選択範囲を囲む</strong>ように割り当てたのは機能しないなぁ。<br />
何かとぶつかってるんだろうか。</p>
<p>とりあえず<span class="key">ctrl+shift+alt+7</span>にしたら大丈夫だったのでダブルクォーテーションもそっちに合わせた。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.sakurachiro.com/2010/03/dw-custom-short-cut/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.sakurachiro.com/2010/03/dw-custom-short-cut/" />
	</item>
		<item>
		<title>zen-codingとDreamweaverメモ</title>
		<link>http://blog.sakurachiro.com/2010/02/zen-coding-dreamweaver/</link>
		<comments>http://blog.sakurachiro.com/2010/02/zen-coding-dreamweaver/#comments</comments>
		<pubDate>Fri, 26 Feb 2010 06:22:42 +0000</pubDate>
		<dc:creator>まこと</dc:creator>
				<category><![CDATA[dreamweaver]]></category>
		<category><![CDATA[とりあえずメモ]]></category>
		<category><![CDATA[zen-coding]]></category>

		<guid isPermaLink="false">http://blog.sakurachiro.com/2010/02/zen-coding%e3%81%a8dreamweaver%e3%83%a1%e3%83%a2/</guid>
		<description><![CDATA[[追記あり / 201006] Zen Codingに慣れてきたのでちょこちょこ更新した。 各zen-codingダウンロード先 Downloads &#8211; zen-coding &#8211; Project  [...]]]></description>
			<content:encoded><![CDATA[<p><em class="note2">[追記あり / 201006]</em> Zen Codingに慣れてきたのでちょこちょこ更新した。</p>
<h3>各zen-codingダウンロード先</h3>
<p><a href="http://code.google.com/p/zen-coding/downloads/list">Downloads &#8211; zen-coding &#8211; Project Hosting on Google Code</a></p>
<h4>Dreamweaver用</h4>
<p><a href="http://code.google.com/p/zen-coding/downloads/list?can=1&#038;q=dreamweaver&#038;colspec=Summary+Uploaded+Size+DownloadCount+Filename">Dreamweaver用の各バージョンはこっち。</a></p>
<h4>WordPress用プラグイン</h4>
<p><a href="http://rewish.org/wp/zen_coding">WordPressの管理画面にZen Codingを導入するプラグイン「WP Zen-Coding」 &#8211; Rewish</a></p>
<h3>使い方(DW)</h3>
<p><span class="note2">キーワード</span>を入力して<kbd class="key">ctrl + , (カンマ)</kbd><br />
<a href="http://blog.sakurachiro.com/wp-content/uploads/2010/02/20100226-11.png" rel="shadowbox[sbpost-1565];player=img;" title="DWのzen-codingで変換 / ctrl + , (カンマ)"><img src="http://blog.sakurachiro.com/wp-content/uploads/2010/02/20100226-11-e1275221538522.png" alt="DWのzen-codingで変換 / ctrl + , (カンマ)" title="DWのzen-codingで変換 / ctrl + , (カンマ)" width="480" height="297" class="alignnone size-large wp-image-1567" /></a></p>
<p>[ctrl + , (カンマ)]が使いづらいなら、キーボードショートカットから変更や追加も可能。<br />
<a href="http://blog.sakurachiro.com/wp-content/uploads/2010/02/20100530-21.png" rel="shadowbox[sbpost-1565];player=img;" title="[ctrl + , (カンマ)]が使いづらいなら、キーボードショートカットから変更も可能"><img src="http://blog.sakurachiro.com/wp-content/uploads/2010/02/20100530-21-e1275224260726.png" alt="[ctrl + , (カンマ)]が使いづらいなら、キーボードショートカットから変更も可能" title="[ctrl + , (カンマ)]が使いづらいなら、キーボードショートカットから変更も可能" width="479" height="297" class="alignnone size-large wp-image-1787" /></a><br />
<em>[キーボードショートカット(Y)] &#8211; [コマンド(C)] &#8211; [Zen Coding] &#8211; [Expand Abbreviation]</em></p>
<h4>変換例</h4>
<pre class="brush: xml; gutter: false; title: ; notranslate">
div#wrap
↓
/* ctrl+, */
↓
&lt;div id=&quot;wrap&quot;&gt;&lt;/div&gt;
</pre>
<p>idやclassの前に何も指定しないと勝手にdivで補完してくれる。素敵。</p>
<pre class="brush: xml; gutter: false; title: ; notranslate">#wrap
↓
/* ctrl+, */
↓
&lt;div id=&quot;wrap&quot;&gt;&lt;/div&gt;</pre>
<pre class="brush: xml; gutter: false; title: ; notranslate">
div#wrap&gt;div#primary+div#secondary+div#footer
↓
/* ctrl+, */
↓
&lt;div id=&quot;wrap&quot;&gt;
 &lt;div id=&quot;primary&quot;&gt;&lt;/div&gt;
 &lt;div id=&quot;secondary&quot;&gt;&lt;/div&gt;
 &lt;div id=&quot;footer&quot;&gt;&lt;/div&gt;
&lt;/div&gt;
</pre>
<p><span class="note2">$</span>で連番をつけられる。</p>
<pre class="brush: xml; gutter: false; title: ; notranslate">
ul&gt;li#navi$*3
↓
/* ctrl+, */
↓
&lt;ul&gt;
 &lt;li id=&quot;navi1&quot;&gt;&lt;/li&gt;
 &lt;li id=&quot;navi2&quot;&gt;&lt;/li&gt;
 &lt;li id=&quot;navi3&quot;&gt;&lt;/li&gt;
&lt;/ul&gt;
</pre>
<p><span class="note2">詳しい説明</span><br />
<a href="http://code.google.com/p/zen-coding/wiki/ZenHTMLSelectorsEn">Selectors and aliases for Zen HTML plugins</a></p>
<p>こうゆうのは一括で指定できないのかな？</p>
<pre class="brush: xml; title: ; notranslate">
&lt;div id=&quot;wrap&quot;&gt;
 &lt;div id=&quot;primary&quot;&gt;&lt;/div&gt;
 &lt;div id=&quot;secondary&quot;&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div id=&quot;footer&quot;&gt;&lt;/div&gt;
</pre>
<p><strong>出来た。()カッコでグルーピングできるらしい。</strong></p>
<pre class="brush: plain; gutter: false; title: ; notranslate">(div#wrap&gt;div#primary+div#secondary)div#footer</pre>
<p><a href="http://techblog.yahoo.co.jp/cat207/web_1/_zencoding/">マークアップ効率化 &#8211; zen-codingでコーディングを倍速に (Yahoo! JAPAN Tech Blog)</a></p>
<p><span id="more-1565"></span></p>
<h3>設定ファイル(WindowsXP)の場所</h3>
<pre class="brush: plain; gutter: false; title: ; notranslate">
Documents and Settings\ユーザー名\Application Data\Adobe\Dreamweaver CS4\ja_JP\Configuration\Commands\ZenCoding\zen_settings.js</pre>
<p>上記zen_settings.jsの中身を書き換えれば、変換する文字列をカスタマイズできる。</p>
<p><span class="note2">html:5</span>などを変換するとDreamweaverCS4用の0.5だと<span class="note3">lang=en</span>になるみたいですが(使ったことない)<br />
v0.6だと特になにも変更せずとも<span class="note3">lang=ja_JP</span>で変換されてました。</p>
<h3>Ctrl + , (カンマ) 以外の使い方</h3>
<p>[コマンド(C)] &#8211; [Zen Coding] を覗くと他にも機能が追加されてるのがわかる。<br />
<img src="http://blog.sakurachiro.com/wp-content/uploads/2010/02/20100603-1.png" alt="[画像]コマンド - Zen Coding" title="[画像]コマンド - Zen Coding 他の機能" width="303" height="321" class="alignnone size-full wp-image-1797" /></p>
<table>
<tr>
<th>Expand Abbreviation</th>
<td>ctrl+,</td>
<td>zen-codingする</td>
</tr>
<tr>
<th>Expand Abbreviation With Tab</th>
<td>&nbsp;</td>
<td>zen-codingする<br />
      Expand Abbreviationとの違いがわからない&gt;&lt;</td>
</tr>
<tr>
<th>Match Pair</th>
<td>&nbsp;</td>
<td>最初は、タグの内側を選択(Match Pair Inwardと同じ)<br />
      次からMatch Pair Outwardと同じ</td>
</tr>
<tr>
<th>Match Pair Inward</th>
<td>&nbsp;</td>
<td>タグの内側を選択</td>
</tr>
<tr>
<th>Match Pair Outward</th>
<td>&nbsp;</td>
<td>タグを含めて選択</td>
</tr>
<tr>
<th>Wrap with Abbreviation</th>
<td>ctrl+H</td>
<td>選択範囲を内包してzen-codingする</td>
</tr>
<tr>
<th>Previous Edit Point</th>
<td>alt+左矢印</td>
<td>カーソル位置より前の未入力部分があればジャンプ</td>
</tr>
<tr>
<th>Next Edit Point</th>
<td>alt+右矢印</td>
<td>カーソル位置より後の未入力場所があればジャンプ</td>
</tr>
<tr>
<th>Insert Formatted Line Break</th>
<td>&nbsp;</td>
<td>効果がわからない&gt;&lt;</td>
</tr>
<tr>
<th>Select Line</th>
<td>&nbsp;</td>
<td>カーソルのある行を選択</td>
</tr>
<tr>
<th>Matching Pair</th>
<td>alt+上矢印</td>
<td>タグの内側と外側 ( 例<span class="note2">★</span>の部分 ) を行ったり来たり</p>
<pre><code><span class="note2">★</span>&lt;p&gt;パラグラフ<span class="note2">★</span>&lt;/p&gt;</code></pre>
<p>      役に立つ?</td>
</tr>
<tr>
<th>Merge Lines</th>
<td>ctrl+/</td>
<td>
<p>選択範囲内にあるソース上の改行を削除して1行にする</p>
<p><em>Dreamweaverのショートカット ( [メニューコマンド] &#8211; [表示] &#8211; [ズームイン] ) と競合しているので動かない</em></p>
</td>
</tr>
<tr>
<th>Toggle Comment</th>
<td>ctrl+alt+;</td>
<td>
<p>選択範囲をコメント/コメント解除<br />
    選択範囲がなければ親のタグからコメント/コメント解除</p>
<p>    htmlに使えばhtml用のコメントになるし、cssで使えばcss用のコメントになる、便利。</p>
<p><em>Dreamweaverのショートカット ( [メニューコマンド] &#8211; [表示] &#8211; [ガイド] &#8211; [ガイドをロック] ) と競合しているので動かない</em></p>
<p> [ガイドをロック] は使わないから削除した。<br />
<kbd class="key">Ctrl + Shift + C</kbd> に割り当てて使ってる。</p>
</td>
</tr>
<tr>
<th>Split/Join Tag</th>
<td>ctrl+alt+\</td>
<td>タグを削る、使い道がわからない&gt;&lt;</td>
</tr>
<tr>
<th>Remove Tag</th>
<td>ctrl+\</td>
<td>
<p>&quot;選択した部分を包むタグ&quot;を削除</p>
<pre><code>
&lt;ul&gt;
    &lt;li&gt;<span class="note3">リスト1</span>&lt;/li&gt;
    <span class="note2">&lt;li&gt;リスト2&lt;/li&gt;</span>
    &lt;li&gt;リスト3&lt;/li&gt;<span class="note2">★</span>
&lt;/ul&gt;</code></pre>
<p><span class="note3">この部分だとliを削除</span><br />
        <span class="note2">この部分でやるとulを削除</span></p>
</td>
</tr>
</table>
<p>テキストを包んで変換できる <span class="note2">Ctrl+H</span> と<br />
コメントで包む <span class="note2">Ctrl+Alt+;(セミコロン)</span>、<br />
タグの中身に移動していける <span class="note2">alt+矢印</span>がレギュラー。</p>
<p><kbd class="key">ctrl+H</kbd>はDreamweaverの<kbd class="key">ctrl+T</kbd>(クイックタグ編集)と似てるけど、li*とかp*とか*を付けると行毎でラップしてくれるし、idやclass名を含める時もzen-codingで書けるからちょっと楽。</p>
<h3>Expand Abbreviationできるタグというかキーワード</h3>
<h4>コンディショナルコメント(Internet Explorerの条件分岐コメント)</h4>
<pre class="brush: plain; gutter: false; title: ; notranslate">
'cc:ie6': '&lt;!--[if lte IE 6]&gt;\n\t${child}|\n&lt;![endif]--&gt;',
'cc:ie': '&lt;!--[if IE]&gt;\n\t${child}|\n&lt;![endif]--&gt;',
'cc:noie': '&lt;!--[if !IE]&gt;&lt;!--&gt;\n\t${child}|\n&lt;!--&lt;![endif]--&gt;'</pre>
<h4>doctype</h4>
<pre class="brush: plain; gutter: false; title: ; notranslate">
'html:4t': '&lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot; &quot;http://www.w3.org/TR/html4/loose.dtd&quot;&gt;\n' +
'&lt;html lang=&quot;${lang}&quot;&gt;\n' +
'&lt;head&gt;\n' +
'	&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html;charset=${charset}&quot;&gt;\n' +
'	&lt;title&gt;&lt;/title&gt;\n' +
'&lt;/head&gt;\n' +
'&lt;body&gt;\n\t${child}|\n&lt;/body&gt;\n' +
'&lt;/html&gt;',

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

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

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

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

'html:5': '&lt;!DOCTYPE HTML&gt;\n' +
'&lt;html lang=&quot;${locale}&quot;&gt;\n' +
'&lt;head&gt;\n' +
'	&lt;meta charset=&quot;${charset}&quot;&gt;\n' +
'	&lt;title&gt;&lt;/title&gt;\n' +
'&lt;/head&gt;\n' +
'&lt;body&gt;\n\t${child}|\n&lt;/body&gt;\n' +
'&lt;/html&gt;'
</pre>
<h4>htmlタグ</h4>
<pre class="brush: xml; gutter: false; title: ; notranslate">
a = &lt;a href=&quot;&quot;&gt;&lt;/a&gt;
a:link = &lt;a href=&quot;http://|&quot;&gt;&lt;/a&gt;
a:mail = &lt;a href=&quot;mailto:|&quot;&gt;&lt;/a&gt;
abbr = &lt;abbr title=&quot;&quot;&gt;&lt;/abbr&gt;
acronym = &lt;acronym title=&quot;&quot;&gt;&lt;/acronym&gt;
base = &lt;base href=&quot;&quot; /&gt;
bdo = &lt;bdo dir=&quot;&quot;&gt;&lt;/bdo&gt;
bdo:r = &lt;bdo dir=&quot;rtl&quot;&gt;&lt;/bdo&gt;
bdo:l = &lt;bdo dir=&quot;ltr&quot;&gt;&lt;/bdo&gt;
link:css = &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;|style.css&quot; media=&quot;all&quot; /&gt;
link:print = &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;|print.css&quot; media=&quot;print&quot; /&gt;
link:favicon = &lt;link rel=&quot;shortcut icon&quot; type=&quot;image/x-icon&quot; href=&quot;|favicon.ico&quot; /&gt;
link:touch = &lt;link rel=&quot;apple-touch-icon&quot; href=&quot;|favicon.png&quot; /&gt;
link:rss = &lt;link rel=&quot;alternate&quot; type=&quot;application/rss+xml&quot; title=&quot;RSS&quot; href=&quot;|rss.xml&quot; /&gt;
link:atom = &lt;link rel=&quot;alternate&quot; type=&quot;application/atom+xml&quot; title=&quot;Atom&quot; href=&quot;atom.xml&quot; /&gt;
meta:utf = &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html;charset=UTF-8&quot; /&gt;
meta:win = &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html;charset=windows-1251&quot; /&gt;
meta:compat = &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=7&quot; /&gt;
style = &lt;style type=&quot;text/css&quot;&gt;&lt;/style&gt;
script = &lt;script type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
script:src = &lt;script type=&quot;text/javascript&quot; src=&quot;&quot;&gt;&lt;/script&gt;
img = &lt;img src=&quot;&quot; alt=&quot;&quot; /&gt;
iframe = &lt;iframe src=&quot;&quot; frameborder=&quot;0&quot;&gt;&lt;/iframe&gt;
embed = &lt;embed src=&quot;&quot; type=&quot;&quot; /&gt;
object = &lt;object data=&quot;&quot; type=&quot;&quot;&gt;&lt;/object&gt;
param = &lt;param name=&quot;&quot; value=&quot;&quot; /&gt;
map = &lt;map name=&quot;&quot;&gt;&lt;/map&gt;
area = &lt;area shape=&quot;&quot; coords=&quot;&quot; href=&quot;&quot; alt=&quot;&quot; /&gt;
area:d = &lt;area shape=&quot;default&quot; href=&quot;&quot; alt=&quot;&quot; /&gt;
area:c = &lt;area shape=&quot;circle&quot; coords=&quot;&quot; href=&quot;&quot; alt=&quot;&quot; /&gt;
area:r = &lt;area shape=&quot;rect&quot; coords=&quot;&quot; href=&quot;&quot; alt=&quot;&quot; /&gt;
area:p = &lt;area shape=&quot;poly&quot; coords=&quot;&quot; href=&quot;&quot; alt=&quot;&quot; /&gt;
link = &lt;link rel=&quot;stylesheet&quot; href=&quot;&quot; /&gt;
form = &lt;form action=&quot;&quot;&gt;&lt;/form&gt;
form:get = &lt;form action=&quot;&quot; method=&quot;get&quot;&gt;&lt;/form&gt;
form:post = &lt;form action=&quot;&quot; method=&quot;post&quot;&gt;&lt;/form&gt;
label = &lt;label for=&quot;&quot;&gt;&lt;/label&gt;
input = &lt;input type=&quot;&quot; /&gt;
input:hidden = &lt;input type=&quot;hidden&quot; name=&quot;&quot; /&gt;
input:h = &lt;input type=&quot;hidden&quot; name=&quot;&quot; /&gt;
input:text = &lt;input type=&quot;text&quot; name=&quot;&quot; id=&quot;&quot; /&gt;
input:t = &lt;input type=&quot;text&quot; name=&quot;&quot; id=&quot;&quot; /&gt;
input:search = &lt;input type=&quot;search&quot; name=&quot;&quot; id=&quot;&quot; /&gt;
input:email = &lt;input type=&quot;email&quot; name=&quot;&quot; id=&quot;&quot; /&gt;
input:url = &lt;input type=&quot;url&quot; name=&quot;&quot; id=&quot;&quot; /&gt;
input:password = &lt;input type=&quot;password&quot; name=&quot;&quot; id=&quot;&quot; /&gt;
input:p = &lt;input type=&quot;password&quot; name=&quot;&quot; id=&quot;&quot; /&gt;
input:datetime = &lt;input type=&quot;datetime&quot; name=&quot;&quot; id=&quot;&quot; /&gt;
input:date = &lt;input type=&quot;date&quot; name=&quot;&quot; id=&quot;&quot; /&gt;
input:datetime-local = &lt;input type=&quot;datetime-local&quot; name=&quot;&quot; id=&quot;&quot; /&gt;
input:month = &lt;input type=&quot;month&quot; name=&quot;&quot; id=&quot;&quot; /&gt;
input:week = &lt;input type=&quot;week&quot; name=&quot;&quot; id=&quot;&quot; /&gt;
input:time = &lt;input type=&quot;time&quot; name=&quot;&quot; id=&quot;&quot; /&gt;
input:number = &lt;input type=&quot;number&quot; name=&quot;&quot; id=&quot;&quot; /&gt;
input:color = &lt;input type=&quot;color&quot; name=&quot;&quot; id=&quot;&quot; /&gt;
input:checkbox = &lt;input type=&quot;checkbox&quot; name=&quot;&quot; id=&quot;&quot; /&gt;
input:c = &lt;input type=&quot;checkbox&quot; name=&quot;&quot; id=&quot;&quot; /&gt;
input:radio = &lt;input type=&quot;radio&quot; name=&quot;&quot; id=&quot;&quot; /&gt;
input:r = &lt;input type=&quot;radio&quot; name=&quot;&quot; id=&quot;&quot; /&gt;
input:range = &lt;input type=&quot;range&quot; name=&quot;&quot; id=&quot;&quot; /&gt;
input:file = &lt;input type=&quot;file&quot; name=&quot;&quot; id=&quot;&quot; /&gt;
input:f = &lt;input type=&quot;file&quot; name=&quot;&quot; id=&quot;&quot; /&gt;
input:submit = &lt;input type=&quot;submit&quot; value=&quot;&quot; /&gt;
input:s = &lt;input type=&quot;submit&quot; value=&quot;&quot; /&gt;
input:image = &lt;input type=&quot;image&quot; src=&quot;&quot; alt=&quot;&quot; /&gt;
input:i = &lt;input type=&quot;image&quot; src=&quot;&quot; alt=&quot;&quot; /&gt;
input:reset = &lt;input type=&quot;reset&quot; value=&quot;&quot; /&gt;
input:button = &lt;input type=&quot;button&quot; value=&quot;&quot; /&gt;
input:b = &lt;input type=&quot;button&quot; value=&quot;&quot; /&gt;
select = &lt;select name=&quot;&quot; id=&quot;&quot;&gt;&lt;/select&gt;
option = &lt;option value=&quot;&quot;&gt;&lt;/option&gt;
textarea = &lt;textarea name=&quot;&quot; id=&quot;&quot; cols=&quot;30&quot; rows=&quot;10&quot;&gt;&lt;/textarea&gt;
menu:context = &lt;menu type=&quot;context&quot;&gt;&lt;/menu&gt;
menu:c = &lt;menu type=&quot;context&quot;&gt;&lt;/menu&gt;
menu:toolbar = &lt;menu type=&quot;toolbar&quot;&gt;&lt;/menu&gt;
menu:t = &lt;menu type=&quot;toolbar&quot;&gt;&lt;/menu&gt;
video = &lt;video src=&quot;&quot;&gt;&lt;/video&gt;
audio = &lt;audio src=&quot;&quot;&gt;&lt;/audio&gt;
html:xml = &lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;&lt;/html&gt;
bq = &lt;blockquote&gt;&lt;/blockquote&gt;
acr = &lt;acronym&gt;&lt;/acronym&gt;
fig = &lt;figure&gt;&lt;/figure&gt;
ifr = &lt;iframe&gt;&lt;/iframe&gt;
emb = &lt;embed&gt;&lt;/embed&gt;
obj = &lt;object&gt;&lt;/object&gt;
src = &lt;source&gt;&lt;/source&gt;
cap = &lt;caption&gt;&lt;/caption&gt;
colg = &lt;colgroup&gt;&lt;/colgroup&gt;
fst = &lt;fieldset&gt;&lt;/fieldset&gt;
btn = &lt;button&gt;&lt;/button&gt;
optg = &lt;optgroup&gt;&lt;/optgroup&gt;
opt = &lt;option&gt;&lt;/option&gt;
tarea = &lt;textarea&gt;&lt;/textarea&gt;
leg = &lt;legend&gt;&lt;/legend&gt;
sect = &lt;section&gt;&lt;/section&gt;
art = &lt;article&gt;&lt;/article&gt;
hdr = &lt;header&gt;&lt;/header&gt;
ftr = &lt;footer&gt;&lt;/footer&gt;
adr = &lt;address&gt;&lt;/address&gt;
dlg = &lt;dialog&gt;&lt;/dialog&gt;
str = &lt;strong&gt;&lt;/strong&gt;
prog = &lt;progress&gt;&lt;/progress&gt;
fset = &lt;fieldset&gt;&lt;/fieldset&gt;
datag = &lt;datagrid&gt;&lt;/datagrid&gt;
datal = &lt;datalist&gt;&lt;/datalist&gt;
kg = &lt;keygen&gt;&lt;/keygen&gt;
out = &lt;output&gt;&lt;/output&gt;
det = &lt;details&gt;&lt;/details&gt;
cmd = &lt;command&gt;&lt;/command&gt;

// expandos
ol+ = ol&gt;li
ul+ = ul&gt;li
dl+ = dl&gt;dt+dd
map+ = map&gt;area
table+ = table&gt;tr&gt;td
colgroup+ = colgroup&gt;col
colg+ = colgroup&gt;col
tr+ = tr&gt;td
select+ = select&gt;option
optgroup+ = optgroup&gt;option
optg+ = optgroup&gt;option
</pre>
<p><!--</p>
<pre class="brush: plain; gutter: false; title: ; notranslate">
&#8216;a&#8217;: &#8216;&lt;a href=&quot;&quot;&gt;&lt;/a&gt;&#8217;,
&#8216;a:link&#8217;: &#8216;&lt;a href=&quot;http://|&quot;&gt;&lt;/a&gt;&#8217;,
&#8216;a:mail&#8217;: &#8216;&lt;a href=&quot;mailto:|&quot;&gt;&lt;/a&gt;&#8217;,
&#8216;abbr&#8217;: &#8216;&lt;abbr title=&quot;&quot;&gt;&lt;/abbr&gt;&#8217;,
&#8216;acronym&#8217;: &#8216;&lt;acronym title=&quot;&quot;&gt;&lt;/acronym&gt;&#8217;,
&#8216;base&#8217;: &#8216;&lt;base href=&quot;&quot; /&gt;&#8217;,
&#8216;bdo&#8217;: &#8216;&lt;bdo dir=&quot;&quot;&gt;&lt;/bdo&gt;&#8217;,
&#8216;bdo:r&#8217;: &#8216;&lt;bdo dir=&quot;rtl&quot;&gt;&lt;/bdo&gt;&#8217;,
&#8216;bdo:l&#8217;: &#8216;&lt;bdo dir=&quot;ltr&quot;&gt;&lt;/bdo&gt;&#8217;,
&#8216;link:css&#8217;: &#8216;&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;|style.css&quot; media=&quot;all&quot; /&gt;&#8217;,
&#8216;link:print&#8217;: &#8216;&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;|print.css&quot; media=&quot;print&quot; /&gt;&#8217;,
&#8216;link:favicon&#8217;: &#8216;&lt;link rel=&quot;shortcut icon&quot; type=&quot;image/x-icon&quot; href=&quot;|favicon.ico&quot; /&gt;&#8217;,
&#8216;link:touch&#8217;: &#8216;&lt;link rel=&quot;apple-touch-icon&quot; href=&quot;|favicon.png&quot; /&gt;&#8217;,
&#8216;link:rss&#8217;: &#8216;&lt;link rel=&quot;alternate&quot; type=&quot;application/rss+xml&quot; title=&quot;RSS&quot; href=&quot;|rss.xml&quot; /&gt;&#8217;,
&#8216;link:atom&#8217;: &#8216;&lt;link rel=&quot;alternate&quot; type=&quot;application/atom+xml&quot; title=&quot;Atom&quot; href=&quot;atom.xml&quot; /&gt;&#8217;,
&#8216;meta:utf&#8217;: &#8216;&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html;charset=UTF-8&quot; /&gt;&#8217;,
&#8216;meta:win&#8217;: &#8216;&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html;charset=windows-1251&quot; /&gt;&#8217;,
&#8216;meta:compat&#8217;: &#8216;&lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=7&quot; /&gt;&#8217;,
&#8216;style&#8217;: &#8216;&lt;style type=&quot;text/css&quot;&gt;&lt;/style&gt;&#8217;,
&#8216;script&#8217;: &#8216;&lt;script type=&quot;text/javascript&quot;&gt;&lt;/script&gt;&#8217;,
&#8216;script:src&#8217;: &#8216;&lt;script type=&quot;text/javascript&quot; src=&quot;&quot;&gt;&lt;/script&gt;&#8217;,
&#8216;img&#8217;: &#8216;&lt;img src=&quot;&quot; alt=&quot;&quot; /&gt;&#8217;,
&#8216;iframe&#8217;: &#8216;&lt;iframe src=&quot;&quot; frameborder=&quot;0&quot;&gt;&lt;/iframe&gt;&#8217;,
&#8216;embed&#8217;: &#8216;&lt;embed src=&quot;&quot; type=&quot;&quot; /&gt;&#8217;,
&#8216;object&#8217;: &#8216;&lt;object data=&quot;&quot; type=&quot;&quot;&gt;&lt;/object&gt;&#8217;,
&#8216;param&#8217;: &#8216;&lt;param name=&quot;&quot; value=&quot;&quot; /&gt;&#8217;,
&#8216;map&#8217;: &#8216;&lt;map name=&quot;&quot;&gt;&lt;/map&gt;&#8217;,
&#8216;area&#8217;: &#8216;&lt;area shape=&quot;&quot; coords=&quot;&quot; href=&quot;&quot; alt=&quot;&quot; /&gt;&#8217;,
&#8216;area:d&#8217;: &#8216;&lt;area shape=&quot;default&quot; href=&quot;&quot; alt=&quot;&quot; /&gt;&#8217;,
&#8216;area:c&#8217;: &#8216;&lt;area shape=&quot;circle&quot; coords=&quot;&quot; href=&quot;&quot; alt=&quot;&quot; /&gt;&#8217;,
&#8216;area:r&#8217;: &#8216;&lt;area shape=&quot;rect&quot; coords=&quot;&quot; href=&quot;&quot; alt=&quot;&quot; /&gt;&#8217;,
&#8216;area:p&#8217;: &#8216;&lt;area shape=&quot;poly&quot; coords=&quot;&quot; href=&quot;&quot; alt=&quot;&quot; /&gt;&#8217;,
&#8216;link&#8217;: &#8216;&lt;link rel=&quot;stylesheet&quot; href=&quot;&quot; /&gt;&#8217;,
&#8216;form&#8217;: &#8216;&lt;form action=&quot;&quot;&gt;&lt;/form&gt;&#8217;,
&#8216;form:get&#8217;: &#8216;&lt;form action=&quot;&quot; method=&quot;get&quot;&gt;&lt;/form&gt;&#8217;,
&#8216;form:post&#8217;: &#8216;&lt;form action=&quot;&quot; method=&quot;post&quot;&gt;&lt;/form&gt;&#8217;,
&#8216;label&#8217;: &#8216;&lt;label for=&quot;&quot;&gt;&lt;/label&gt;&#8217;,
&#8216;input&#8217;: &#8216;&lt;input type=&quot;&quot; /&gt;&#8217;,
&#8216;input:hidden&#8217;: &#8216;&lt;input type=&quot;hidden&quot; name=&quot;&quot; /&gt;&#8217;,
&#8216;input:h&#8217;: &#8216;&lt;input type=&quot;hidden&quot; name=&quot;&quot; /&gt;&#8217;,
&#8216;input:text&#8217;: &#8216;&lt;input type=&quot;text&quot; name=&quot;&quot; id=&quot;&quot; /&gt;&#8217;,
&#8216;input:t&#8217;: &#8216;&lt;input type=&quot;text&quot; name=&quot;&quot; id=&quot;&quot; /&gt;&#8217;,
&#8216;input:search&#8217;: &#8216;&lt;input type=&quot;search&quot; name=&quot;&quot; id=&quot;&quot; /&gt;&#8217;,
&#8216;input:email&#8217;: &#8216;&lt;input type=&quot;email&quot; name=&quot;&quot; id=&quot;&quot; /&gt;&#8217;,
&#8216;input:url&#8217;: &#8216;&lt;input type=&quot;url&quot; name=&quot;&quot; id=&quot;&quot; /&gt;&#8217;,
&#8216;input:password&#8217;: &#8216;&lt;input type=&quot;password&quot; name=&quot;&quot; id=&quot;&quot; /&gt;&#8217;,
&#8216;input:p&#8217;: &#8216;&lt;input type=&quot;password&quot; name=&quot;&quot; id=&quot;&quot; /&gt;&#8217;,
&#8216;input:datetime&#8217;: &#8216;&lt;input type=&quot;datetime&quot; name=&quot;&quot; id=&quot;&quot; /&gt;&#8217;,
&#8216;input:date&#8217;: &#8216;&lt;input type=&quot;date&quot; name=&quot;&quot; id=&quot;&quot; /&gt;&#8217;,
&#8216;input:datetime-local&#8217;: &#8216;&lt;input type=&quot;datetime-local&quot; name=&quot;&quot; id=&quot;&quot; /&gt;&#8217;,
&#8216;input:month&#8217;: &#8216;&lt;input type=&quot;month&quot; name=&quot;&quot; id=&quot;&quot; /&gt;&#8217;,
&#8216;input:week&#8217;: &#8216;&lt;input type=&quot;week&quot; name=&quot;&quot; id=&quot;&quot; /&gt;&#8217;,
&#8216;input:time&#8217;: &#8216;&lt;input type=&quot;time&quot; name=&quot;&quot; id=&quot;&quot; /&gt;&#8217;,
&#8216;input:number&#8217;: &#8216;&lt;input type=&quot;number&quot; name=&quot;&quot; id=&quot;&quot; /&gt;&#8217;,
&#8216;input:color&#8217;: &#8216;&lt;input type=&quot;color&quot; name=&quot;&quot; id=&quot;&quot; /&gt;&#8217;,
&#8216;input:checkbox&#8217;: &#8216;&lt;input type=&quot;checkbox&quot; name=&quot;&quot; id=&quot;&quot; /&gt;&#8217;,
&#8216;input:c&#8217;: &#8216;&lt;input type=&quot;checkbox&quot; name=&quot;&quot; id=&quot;&quot; /&gt;&#8217;,
&#8216;input:radio&#8217;: &#8216;&lt;input type=&quot;radio&quot; name=&quot;&quot; id=&quot;&quot; /&gt;&#8217;,
&#8216;input:r&#8217;: &#8216;&lt;input type=&quot;radio&quot; name=&quot;&quot; id=&quot;&quot; /&gt;&#8217;,
&#8216;input:range&#8217;: &#8216;&lt;input type=&quot;range&quot; name=&quot;&quot; id=&quot;&quot; /&gt;&#8217;,
&#8216;input:file&#8217;: &#8216;&lt;input type=&quot;file&quot; name=&quot;&quot; id=&quot;&quot; /&gt;&#8217;,
&#8216;input:f&#8217;: &#8216;&lt;input type=&quot;file&quot; name=&quot;&quot; id=&quot;&quot; /&gt;&#8217;,
&#8216;input:submit&#8217;: &#8216;&lt;input type=&quot;submit&quot; value=&quot;&quot; /&gt;&#8217;,
&#8216;input:s&#8217;: &#8216;&lt;input type=&quot;submit&quot; value=&quot;&quot; /&gt;&#8217;,
&#8216;input:image&#8217;: &#8216;&lt;input type=&quot;image&quot; src=&quot;&quot; alt=&quot;&quot; /&gt;&#8217;,
&#8216;input:i&#8217;: &#8216;&lt;input type=&quot;image&quot; src=&quot;&quot; alt=&quot;&quot; /&gt;&#8217;,
&#8216;input:reset&#8217;: &#8216;&lt;input type=&quot;reset&quot; value=&quot;&quot; /&gt;&#8217;,
&#8216;input:button&#8217;: &#8216;&lt;input type=&quot;button&quot; value=&quot;&quot; /&gt;&#8217;,
&#8216;input:b&#8217;: &#8216;&lt;input type=&quot;button&quot; value=&quot;&quot; /&gt;&#8217;,
&#8216;select&#8217;: &#8216;&lt;select name=&quot;&quot; id=&quot;&quot;&gt;&lt;/select&gt;&#8217;,
&#8216;option&#8217;: &#8216;&lt;option value=&quot;&quot;&gt;&lt;/option&gt;&#8217;,
&#8216;textarea&#8217;: &#8216;&lt;textarea name=&quot;&quot; id=&quot;&quot; cols=&quot;30&quot; rows=&quot;10&quot;&gt;&lt;/textarea&gt;&#8217;,
&#8216;menu:context&#8217;: &#8216;&lt;menu type=&quot;context&quot;&gt;&lt;/menu&gt;&#8217;,
&#8216;menu:c&#8217;: &#8216;&lt;menu type=&quot;context&quot;&gt;&lt;/menu&gt;&#8217;,
&#8216;menu:toolbar&#8217;: &#8216;&lt;menu type=&quot;toolbar&quot;&gt;&lt;/menu&gt;&#8217;,
&#8216;menu:t&#8217;: &#8216;&lt;menu type=&quot;toolbar&quot;&gt;&lt;/menu&gt;&#8217;,
&#8216;video&#8217;: &#8216;&lt;video src=&quot;&quot;&gt;&lt;/video&gt;&#8217;,
&#8216;audio&#8217;: &#8216;&lt;audio src=&quot;&quot;&gt;&lt;/audio&gt;&#8217;,
&#8216;html:xml&#8217;: &#8216;&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;&lt;/html&gt;&#8217;,
&#8216;bq&#8217;: &#8216;&lt;blockquote&gt;&lt;/blockquote&gt;&#8217;,
&#8216;acr&#8217;: &#8216;&lt;acronym&gt;&lt;/acronym&gt;&#8217;,
&#8216;fig&#8217;: &#8216;&lt;figure&gt;&lt;/figure&gt;&#8217;,
&#8216;ifr&#8217;: &#8216;&lt;iframe&gt;&lt;/iframe&gt;&#8217;,
&#8216;emb&#8217;: &#8216;&lt;embed&gt;&lt;/embed&gt;&#8217;,
&#8216;obj&#8217;: &#8216;&lt;object&gt;&lt;/object&gt;&#8217;,
&#8216;src&#8217;: &#8216;&lt;source&gt;&lt;/source&gt;&#8217;,
&#8216;cap&#8217;: &#8216;&lt;caption&gt;&lt;/caption&gt;&#8217;,
&#8216;colg&#8217;: &#8216;&lt;colgroup&gt;&lt;/colgroup&gt;&#8217;,
&#8216;fst&#8217;: &#8216;&lt;fieldset&gt;&lt;/fieldset&gt;&#8217;,
&#8216;btn&#8217;: &#8216;&lt;button&gt;&lt;/button&gt;&#8217;,
&#8216;optg&#8217;: &#8216;&lt;optgroup&gt;&lt;/optgroup&gt;&#8217;,
&#8216;opt&#8217;: &#8216;&lt;option&gt;&lt;/option&gt;&#8217;,
&#8216;tarea&#8217;: &#8216;&lt;textarea&gt;&lt;/textarea&gt;&#8217;,
&#8216;leg&#8217;: &#8216;&lt;legend&gt;&lt;/legend&gt;&#8217;,
&#8216;sect&#8217;: &#8216;&lt;section&gt;&lt;/section&gt;&#8217;,
&#8216;art&#8217;: &#8216;&lt;article&gt;&lt;/article&gt;&#8217;,
&#8216;hdr&#8217;: &#8216;&lt;header&gt;&lt;/header&gt;&#8217;,
&#8216;ftr&#8217;: &#8216;&lt;footer&gt;&lt;/footer&gt;&#8217;,
&#8216;adr&#8217;: &#8216;&lt;address&gt;&lt;/address&gt;&#8217;,
&#8216;dlg&#8217;: &#8216;&lt;dialog&gt;&lt;/dialog&gt;&#8217;,
&#8216;str&#8217;: &#8216;&lt;strong&gt;&lt;/strong&gt;&#8217;,
&#8216;prog&#8217;: &#8216;&lt;progress&gt;&lt;/progress&gt;&#8217;,
&#8216;fset&#8217;: &#8216;&lt;fieldset&gt;&lt;/fieldset&gt;&#8217;,
&#8216;datag&#8217;: &#8216;&lt;datagrid&gt;&lt;/datagrid&gt;&#8217;,
&#8216;datal&#8217;: &#8216;&lt;datalist&gt;&lt;/datalist&gt;&#8217;,
&#8216;kg&#8217;: &#8216;&lt;keygen&gt;&lt;/keygen&gt;&#8217;,
&#8216;out&#8217;: &#8216;&lt;output&gt;&lt;/output&gt;&#8217;,
&#8216;det&#8217;: &#8216;&lt;details&gt;&lt;/details&gt;&#8217;,
&#8216;cmd&#8217;: &#8216;&lt;command&gt;&lt;/command&gt;&#8217;,

// expandos
&#8216;ol+&#8217;: &#8216;ol&gt;li&#8217;,
&#8216;ul+&#8217;: &#8216;ul&gt;li&#8217;,
&#8216;dl+&#8217;: &#8216;dl&gt;dt+dd&#8217;,
&#8216;map+&#8217;: &#8216;map&gt;area&#8217;,
&#8216;table+&#8217;: &#8216;table&gt;tr&gt;td&#8217;,
&#8216;colgroup+&#8217;: &#8216;colgroup&gt;col&#8217;,
&#8216;colg+&#8217;: &#8216;colgroup&gt;col&#8217;,
&#8216;tr+&#8217;: &#8216;tr&gt;td&#8217;,
&#8216;select+&#8217;: &#8216;select&gt;option&#8217;,
&#8216;optgroup+&#8217;: &#8216;optgroup&gt;option&#8217;,
&#8216;optg+&#8217;: &#8216;optgroup&gt;option&#8217;
</pre>
<p>--></p>
<h4>css</h4>
<pre class="brush: plain; gutter: false; title: ; notranslate">
&quot;@i&quot;: &quot;@import url(|);&quot;,
&quot;@m&quot;: &quot;@media print {\n\t|\n}&quot;,
&quot;@f&quot;: &quot;@font-face {\n\tfont-family:|;\n\tsrc:url(|);\n}&quot;,
&quot;!&quot;: &quot;!important&quot;,
&quot;pos&quot;: &quot;position:|;&quot;,
&quot;pos:s&quot;: &quot;position:static;&quot;,
&quot;pos:a&quot;: &quot;position:absolute;&quot;,
&quot;pos:r&quot;: &quot;position:relative;&quot;,
&quot;pos:f&quot;: &quot;position:fixed;&quot;,
&quot;t&quot;: &quot;top:|;&quot;,
&quot;t:a&quot;: &quot;top:auto;&quot;,
&quot;r&quot;: &quot;right:|;&quot;,
&quot;r:a&quot;: &quot;right:auto;&quot;,
&quot;b&quot;: &quot;bottom:|;&quot;,
&quot;b:a&quot;: &quot;bottom:auto;&quot;,
&quot;l&quot;: &quot;left:|;&quot;,
&quot;l:a&quot;: &quot;left:auto;&quot;,
&quot;z&quot;: &quot;z-index:|;&quot;,
&quot;z:a&quot;: &quot;z-index:auto;&quot;,
&quot;fl&quot;: &quot;float:|;&quot;,
&quot;fl:n&quot;: &quot;float:none;&quot;,
&quot;fl:l&quot;: &quot;float:left;&quot;,
&quot;fl:r&quot;: &quot;float:right;&quot;,
&quot;cl&quot;: &quot;clear:|;&quot;,
&quot;cl:n&quot;: &quot;clear:none;&quot;,
&quot;cl:l&quot;: &quot;clear:left;&quot;,
&quot;cl:r&quot;: &quot;clear:right;&quot;,
&quot;cl:b&quot;: &quot;clear:both;&quot;,
&quot;d&quot;: &quot;display:|;&quot;,
&quot;d:n&quot;: &quot;display:none;&quot;,
&quot;d:b&quot;: &quot;display:block;&quot;,
&quot;d:i&quot;: &quot;display:inline;&quot;,
&quot;d:ib&quot;: &quot;display:inline-block;&quot;,
&quot;d:li&quot;: &quot;display:list-item;&quot;,
&quot;d:ri&quot;: &quot;display:run-in;&quot;,
&quot;d:cp&quot;: &quot;display:compact;&quot;,
&quot;d:tb&quot;: &quot;display:table;&quot;,
&quot;d:itb&quot;: &quot;display:inline-table;&quot;,
&quot;d:tbcp&quot;: &quot;display:table-caption;&quot;,
&quot;d:tbcl&quot;: &quot;display:table-column;&quot;,
&quot;d:tbclg&quot;: &quot;display:table-column-group;&quot;,
&quot;d:tbhg&quot;: &quot;display:table-header-group;&quot;,
&quot;d:tbfg&quot;: &quot;display:table-footer-group;&quot;,
&quot;d:tbr&quot;: &quot;display:table-row;&quot;,
&quot;d:tbrg&quot;: &quot;display:table-row-group;&quot;,
&quot;d:tbc&quot;: &quot;display:table-cell;&quot;,
&quot;d:rb&quot;: &quot;display:ruby;&quot;,
&quot;d:rbb&quot;: &quot;display:ruby-base;&quot;,
&quot;d:rbbg&quot;: &quot;display:ruby-base-group;&quot;,
&quot;d:rbt&quot;: &quot;display:ruby-text;&quot;,
&quot;d:rbtg&quot;: &quot;display:ruby-text-group;&quot;,
&quot;v&quot;: &quot;visibility:|;&quot;,
&quot;v:v&quot;: &quot;visibility:visible;&quot;,
&quot;v:h&quot;: &quot;visibility:hidden;&quot;,
&quot;v:c&quot;: &quot;visibility:collapse;&quot;,
&quot;ov&quot;: &quot;overflow:|;&quot;,
&quot;ov:v&quot;: &quot;overflow:visible;&quot;,
&quot;ov:h&quot;: &quot;overflow:hidden;&quot;,
&quot;ov:s&quot;: &quot;overflow:scroll;&quot;,
&quot;ov:a&quot;: &quot;overflow:auto;&quot;,
&quot;ovx&quot;: &quot;overflow-x:|;&quot;,
&quot;ovx:v&quot;: &quot;overflow-x:visible;&quot;,
&quot;ovx:h&quot;: &quot;overflow-x:hidden;&quot;,
&quot;ovx:s&quot;: &quot;overflow-x:scroll;&quot;,
&quot;ovx:a&quot;: &quot;overflow-x:auto;&quot;,
&quot;ovy&quot;: &quot;overflow-y:|;&quot;,
&quot;ovy:v&quot;: &quot;overflow-y:visible;&quot;,
&quot;ovy:h&quot;: &quot;overflow-y:hidden;&quot;,
&quot;ovy:s&quot;: &quot;overflow-y:scroll;&quot;,
&quot;ovy:a&quot;: &quot;overflow-y:auto;&quot;,
&quot;ovs&quot;: &quot;overflow-style:|;&quot;,
&quot;ovs:a&quot;: &quot;overflow-style:auto;&quot;,
&quot;ovs:s&quot;: &quot;overflow-style:scrollbar;&quot;,
&quot;ovs:p&quot;: &quot;overflow-style:panner;&quot;,
&quot;ovs:m&quot;: &quot;overflow-style:move;&quot;,
&quot;ovs:mq&quot;: &quot;overflow-style:marquee;&quot;,
&quot;zoo&quot;: &quot;zoom:1;&quot;,
&quot;cp&quot;: &quot;clip:|;&quot;,
&quot;cp:a&quot;: &quot;clip:auto;&quot;,
&quot;cp:r&quot;: &quot;clip:rect(|);&quot;,
&quot;bxz&quot;: &quot;box-sizing:|;&quot;,
&quot;bxz:cb&quot;: &quot;box-sizing:content-box;&quot;,
&quot;bxz:bb&quot;: &quot;box-sizing:border-box;&quot;,
&quot;bxsh&quot;: &quot;box-shadow:|;&quot;,
&quot;bxsh:n&quot;: &quot;box-shadow:none;&quot;,
&quot;bxsh:w&quot;: &quot;-webkit-box-shadow:0 0 0 #000;&quot;,
&quot;bxsh:m&quot;: &quot;-moz-box-shadow:0 0 0 0 #000;&quot;,
&quot;m&quot;: &quot;margin:|;&quot;,
&quot;m:a&quot;: &quot;margin:auto;&quot;,
&quot;m:0&quot;: &quot;margin:0;&quot;,
&quot;m:2&quot;: &quot;margin:0 0;&quot;,
&quot;m:3&quot;: &quot;margin:0 0 0;&quot;,
&quot;m:4&quot;: &quot;margin:0 0 0 0;&quot;,
&quot;mt&quot;: &quot;margin-top:|;&quot;,
&quot;mt:a&quot;: &quot;margin-top:auto;&quot;,
&quot;mr&quot;: &quot;margin-right:|;&quot;,
&quot;mr:a&quot;: &quot;margin-right:auto;&quot;,
&quot;mb&quot;: &quot;margin-bottom:|;&quot;,
&quot;mb:a&quot;: &quot;margin-bottom:auto;&quot;,
&quot;ml&quot;: &quot;margin-left:|;&quot;,
&quot;ml:a&quot;: &quot;margin-left:auto;&quot;,
&quot;p&quot;: &quot;padding:|;&quot;,
&quot;p:0&quot;: &quot;padding:0;&quot;,
&quot;p:2&quot;: &quot;padding:0 0;&quot;,
&quot;p:3&quot;: &quot;padding:0 0 0;&quot;,
&quot;p:4&quot;: &quot;padding:0 0 0 0;&quot;,
&quot;pt&quot;: &quot;padding-top:|;&quot;,
&quot;pr&quot;: &quot;padding-right:|;&quot;,
&quot;pb&quot;: &quot;padding-bottom:|;&quot;,
&quot;pl&quot;: &quot;padding-left:|;&quot;,
&quot;w&quot;: &quot;width:|;&quot;,
&quot;w:a&quot;: &quot;width:auto;&quot;,
&quot;h&quot;: &quot;height:|;&quot;,
&quot;h:a&quot;: &quot;height:auto;&quot;,
&quot;maw&quot;: &quot;max-width:|;&quot;,
&quot;maw:n&quot;: &quot;max-width:none;&quot;,
&quot;mah&quot;: &quot;max-height:|;&quot;,
&quot;mah:n&quot;: &quot;max-height:none;&quot;,
&quot;miw&quot;: &quot;min-width:|;&quot;,
&quot;mih&quot;: &quot;min-height:|;&quot;,
&quot;o&quot;: &quot;outline:|;&quot;,
&quot;o:n&quot;: &quot;outline:none;&quot;,
&quot;oo&quot;: &quot;outline-offset:|;&quot;,
&quot;ow&quot;: &quot;outline-width:|;&quot;,
&quot;os&quot;: &quot;outline-style:|;&quot;,
&quot;oc&quot;: &quot;outline-color:#000;&quot;,
&quot;oc:i&quot;: &quot;outline-color:invert;&quot;,
&quot;bd&quot;: &quot;border:|;&quot;,
&quot;bd+&quot;: &quot;border:1px solid #000;&quot;,
&quot;bd:n&quot;: &quot;border:none;&quot;,
&quot;bdbk&quot;: &quot;border-break:|;&quot;,
&quot;bdbk:c&quot;: &quot;border-break:close;&quot;,
&quot;bdcl&quot;: &quot;border-collapse:|;&quot;,
&quot;bdcl:c&quot;: &quot;border-collapse:collapse;&quot;,
&quot;bdcl:s&quot;: &quot;border-collapse:separate;&quot;,
&quot;bdc&quot;: &quot;border-color:#000;&quot;,
&quot;bdi&quot;: &quot;border-image:url(|);&quot;,
&quot;bdi:n&quot;: &quot;border-image:none;&quot;,
&quot;bdi:w&quot;: &quot;-webkit-border-image:url(|) 0 0 0 0 stretch stretch;&quot;,
&quot;bdi:m&quot;: &quot;-moz-border-image:url(|) 0 0 0 0 stretch stretch;&quot;,
&quot;bdti&quot;: &quot;border-top-image:url(|);&quot;,
&quot;bdti:n&quot;: &quot;border-top-image:none;&quot;,
&quot;bdri&quot;: &quot;border-right-image:url(|);&quot;,
&quot;bdri:n&quot;: &quot;border-right-image:none;&quot;,
&quot;bdbi&quot;: &quot;border-bottom-image:url(|);&quot;,
&quot;bdbi:n&quot;: &quot;border-bottom-image:none;&quot;,
&quot;bdli&quot;: &quot;border-left-image:url(|);&quot;,
&quot;bdli:n&quot;: &quot;border-left-image:none;&quot;,
&quot;bdci&quot;: &quot;border-corner-image:url(|);&quot;,
&quot;bdci:n&quot;: &quot;border-corner-image:none;&quot;,
&quot;bdci:c&quot;: &quot;border-corner-image:continue;&quot;,
&quot;bdtli&quot;: &quot;border-top-left-image:url(|);&quot;,
&quot;bdtli:n&quot;: &quot;border-top-left-image:none;&quot;,
&quot;bdtli:c&quot;: &quot;border-top-left-image:continue;&quot;,
&quot;bdtri&quot;: &quot;border-top-right-image:url(|);&quot;,
&quot;bdtri:n&quot;: &quot;border-top-right-image:none;&quot;,
&quot;bdtri:c&quot;: &quot;border-top-right-image:continue;&quot;,
&quot;bdbri&quot;: &quot;border-bottom-right-image:url(|);&quot;,
&quot;bdbri:n&quot;: &quot;border-bottom-right-image:none;&quot;,
&quot;bdbri:c&quot;: &quot;border-bottom-right-image:continue;&quot;,
&quot;bdbli&quot;: &quot;border-bottom-left-image:url(|);&quot;,
&quot;bdbli:n&quot;: &quot;border-bottom-left-image:none;&quot;,
&quot;bdbli:c&quot;: &quot;border-bottom-left-image:continue;&quot;,
&quot;bdf&quot;: &quot;border-fit:|;&quot;,
&quot;bdf:c&quot;: &quot;border-fit:clip;&quot;,
&quot;bdf:r&quot;: &quot;border-fit:repeat;&quot;,
&quot;bdf:sc&quot;: &quot;border-fit:scale;&quot;,
&quot;bdf:st&quot;: &quot;border-fit:stretch;&quot;,
&quot;bdf:ow&quot;: &quot;border-fit:overwrite;&quot;,
&quot;bdf:of&quot;: &quot;border-fit:overflow;&quot;,
&quot;bdf:sp&quot;: &quot;border-fit:space;&quot;,
&quot;bdl&quot;: &quot;border-length:|;&quot;,
&quot;bdl:a&quot;: &quot;border-length:auto;&quot;,
&quot;bdsp&quot;: &quot;border-spacing:|;&quot;,
&quot;bds&quot;: &quot;border-style:|;&quot;,
&quot;bds:n&quot;: &quot;border-style:none;&quot;,
&quot;bds:h&quot;: &quot;border-style:hidden;&quot;,
&quot;bds:dt&quot;: &quot;border-style:dotted;&quot;,
&quot;bds:ds&quot;: &quot;border-style:dashed;&quot;,
&quot;bds:s&quot;: &quot;border-style:solid;&quot;,
&quot;bds:db&quot;: &quot;border-style:double;&quot;,
&quot;bds:dtds&quot;: &quot;border-style:dot-dash;&quot;,
&quot;bds:dtdtds&quot;: &quot;border-style:dot-dot-dash;&quot;,
&quot;bds:w&quot;: &quot;border-style:wave;&quot;,
&quot;bds:g&quot;: &quot;border-style:groove;&quot;,
&quot;bds:r&quot;: &quot;border-style:ridge;&quot;,
&quot;bds:i&quot;: &quot;border-style:inset;&quot;,
&quot;bds:o&quot;: &quot;border-style:outset;&quot;,
&quot;bdw&quot;: &quot;border-width:|;&quot;,
&quot;bdt&quot;: &quot;border-top:|;&quot;,
&quot;bdt+&quot;: &quot;border-top:1px solid #000;&quot;,
&quot;bdt:n&quot;: &quot;border-top:none;&quot;,
&quot;bdtw&quot;: &quot;border-top-width:|;&quot;,
&quot;bdts&quot;: &quot;border-top-style:|;&quot;,
&quot;bdts:n&quot;: &quot;border-top-style:none;&quot;,
&quot;bdtc&quot;: &quot;border-top-color:#000;&quot;,
&quot;bdr&quot;: &quot;border-right:|;&quot;,
&quot;bdr+&quot;: &quot;border-right:1px solid #000;&quot;,
&quot;bdr:n&quot;: &quot;border-right:none;&quot;,
&quot;bdrw&quot;: &quot;border-right-width:|;&quot;,
&quot;bdrs&quot;: &quot;border-right-style:|;&quot;,
&quot;bdrs:n&quot;: &quot;border-right-style:none;&quot;,
&quot;bdrc&quot;: &quot;border-right-color:#000;&quot;,
&quot;bdb&quot;: &quot;border-bottom:|;&quot;,
&quot;bdb+&quot;: &quot;border-bottom:1px solid #000;&quot;,
&quot;bdb:n&quot;: &quot;border-bottom:none;&quot;,
&quot;bdbw&quot;: &quot;border-bottom-width:|;&quot;,
&quot;bdbs&quot;: &quot;border-bottom-style:|;&quot;,
&quot;bdbs:n&quot;: &quot;border-bottom-style:none;&quot;,
&quot;bdbc&quot;: &quot;border-bottom-color:#000;&quot;,
&quot;bdl&quot;: &quot;border-left:|;&quot;,
&quot;bdl+&quot;: &quot;border-left:1px solid #000;&quot;,
&quot;bdl:n&quot;: &quot;border-left:none;&quot;,
&quot;bdlw&quot;: &quot;border-left-width:|;&quot;,
&quot;bdls&quot;: &quot;border-left-style:|;&quot;,
&quot;bdls:n&quot;: &quot;border-left-style:none;&quot;,
&quot;bdlc&quot;: &quot;border-left-color:#000;&quot;,
&quot;bdrs&quot;: &quot;border-radius:|;&quot;,
&quot;bdtrrs&quot;: &quot;border-top-right-radius:|;&quot;,
&quot;bdtlrs&quot;: &quot;border-top-left-radius:|;&quot;,
&quot;bdbrrs&quot;: &quot;border-bottom-right-radius:|;&quot;,
&quot;bdblrs&quot;: &quot;border-bottom-left-radius:|;&quot;,
&quot;bg&quot;: &quot;background:|;&quot;,
&quot;bg+&quot;: &quot;background:#FFF url(|) 0 0 no-repeat;&quot;,
&quot;bg:n&quot;: &quot;background:none;&quot;,
&quot;bg:ie&quot;: &quot;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='|x.png');&quot;,
&quot;bgc&quot;: &quot;background-color:#FFF;&quot;,
&quot;bgi&quot;: &quot;background-image:url(|);&quot;,
&quot;bgi:n&quot;: &quot;background-image:none;&quot;,
&quot;bgr&quot;: &quot;background-repeat:|;&quot;,
&quot;bgr:n&quot;: &quot;background-repeat:no-repeat;&quot;,
&quot;bgr:x&quot;: &quot;background-repeat:repeat-x;&quot;,
&quot;bgr:y&quot;: &quot;background-repeat:repeat-y;&quot;,
&quot;bga&quot;: &quot;background-attachment:|;&quot;,
&quot;bga:f&quot;: &quot;background-attachment:fixed;&quot;,
&quot;bga:s&quot;: &quot;background-attachment:scroll;&quot;,
&quot;bgp&quot;: &quot;background-position:0 0;&quot;,
&quot;bgpx&quot;: &quot;background-position-x:|;&quot;,
&quot;bgpy&quot;: &quot;background-position-y:|;&quot;,
&quot;bgbk&quot;: &quot;background-break:|;&quot;,
&quot;bgbk:bb&quot;: &quot;background-break:bounding-box;&quot;,
&quot;bgbk:eb&quot;: &quot;background-break:each-box;&quot;,
&quot;bgbk:c&quot;: &quot;background-break:continuous;&quot;,
&quot;bgcp&quot;: &quot;background-clip:|;&quot;,
&quot;bgcp:bb&quot;: &quot;background-clip:border-box;&quot;,
&quot;bgcp:pb&quot;: &quot;background-clip:padding-box;&quot;,
&quot;bgcp:cb&quot;: &quot;background-clip:content-box;&quot;,
&quot;bgcp:nc&quot;: &quot;background-clip:no-clip;&quot;,
&quot;bgo&quot;: &quot;background-origin:|;&quot;,
&quot;bgo:pb&quot;: &quot;background-origin:padding-box;&quot;,
&quot;bgo:bb&quot;: &quot;background-origin:border-box;&quot;,
&quot;bgo:cb&quot;: &quot;background-origin:content-box;&quot;,
&quot;bgz&quot;: &quot;background-size:|;&quot;,
&quot;bgz:a&quot;: &quot;background-size:auto;&quot;,
&quot;bgz:ct&quot;: &quot;background-size:contain;&quot;,
&quot;bgz:cv&quot;: &quot;background-size:cover;&quot;,
&quot;c&quot;: &quot;color:#000;&quot;,
&quot;tbl&quot;: &quot;table-layout:|;&quot;,
&quot;tbl:a&quot;: &quot;table-layout:auto;&quot;,
&quot;tbl:f&quot;: &quot;table-layout:fixed;&quot;,
&quot;cps&quot;: &quot;caption-side:|;&quot;,
&quot;cps:t&quot;: &quot;caption-side:top;&quot;,
&quot;cps:b&quot;: &quot;caption-side:bottom;&quot;,
&quot;ec&quot;: &quot;empty-cells:|;&quot;,
&quot;ec:s&quot;: &quot;empty-cells:show;&quot;,
&quot;ec:h&quot;: &quot;empty-cells:hide;&quot;,
&quot;lis&quot;: &quot;list-style:|;&quot;,
&quot;lis:n&quot;: &quot;list-style:none;&quot;,
&quot;lisp&quot;: &quot;list-style-position:|;&quot;,
&quot;lisp:i&quot;: &quot;list-style-position:inside;&quot;,
&quot;lisp:o&quot;: &quot;list-style-position:outside;&quot;,
&quot;list&quot;: &quot;list-style-type:|;&quot;,
&quot;list:n&quot;: &quot;list-style-type:none;&quot;,
&quot;list:d&quot;: &quot;list-style-type:disc;&quot;,
&quot;list:c&quot;: &quot;list-style-type:circle;&quot;,
&quot;list:s&quot;: &quot;list-style-type:square;&quot;,
&quot;list:dc&quot;: &quot;list-style-type:decimal;&quot;,
&quot;list:dclz&quot;: &quot;list-style-type:decimal-leading-zero;&quot;,
&quot;list:lr&quot;: &quot;list-style-type:lower-roman;&quot;,
&quot;list:ur&quot;: &quot;list-style-type:upper-roman;&quot;,
&quot;lisi&quot;: &quot;list-style-image:|;&quot;,
&quot;lisi:n&quot;: &quot;list-style-image:none;&quot;,
&quot;q&quot;: &quot;quotes:|;&quot;,
&quot;q:n&quot;: &quot;quotes:none;&quot;,
&quot;q:ru&quot;: &quot;quotes:'&#92;&#48;0AB' '&#92;&#48;0BB' '\201E' '\201C';&quot;,
&quot;q:en&quot;: &quot;quotes:'\201C' '\201D' '\2018' '\2019';&quot;,
&quot;ct&quot;: &quot;content:|;&quot;,
&quot;ct:n&quot;: &quot;content:normal;&quot;,
&quot;ct:oq&quot;: &quot;content:open-quote;&quot;,
&quot;ct:noq&quot;: &quot;content:no-open-quote;&quot;,
&quot;ct:cq&quot;: &quot;content:close-quote;&quot;,
&quot;ct:ncq&quot;: &quot;content:no-close-quote;&quot;,
&quot;ct:a&quot;: &quot;content:attr(|);&quot;,
&quot;ct:c&quot;: &quot;content:counter(|);&quot;,
&quot;ct:cs&quot;: &quot;content:counters(|);&quot;,
&quot;coi&quot;: &quot;counter-increment:|;&quot;,
&quot;cor&quot;: &quot;counter-reset:|;&quot;,
&quot;va&quot;: &quot;vertical-align:|;&quot;,
&quot;va:sup&quot;: &quot;vertical-align:super;&quot;,
&quot;va:t&quot;: &quot;vertical-align:top;&quot;,
&quot;va:tt&quot;: &quot;vertical-align:text-top;&quot;,
&quot;va:m&quot;: &quot;vertical-align:middle;&quot;,
&quot;va:bl&quot;: &quot;vertical-align:baseline;&quot;,
&quot;va:b&quot;: &quot;vertical-align:bottom;&quot;,
&quot;va:tb&quot;: &quot;vertical-align:text-bottom;&quot;,
&quot;va:sub&quot;: &quot;vertical-align:sub;&quot;,
&quot;ta&quot;: &quot;text-align:|;&quot;,
&quot;ta:l&quot;: &quot;text-align:left;&quot;,
&quot;ta:c&quot;: &quot;text-align:center;&quot;,
&quot;ta:r&quot;: &quot;text-align:right;&quot;,
&quot;tal&quot;: &quot;text-align-last:|;&quot;,
&quot;tal:a&quot;: &quot;text-align-last:auto;&quot;,
&quot;tal:l&quot;: &quot;text-align-last:left;&quot;,
&quot;tal:c&quot;: &quot;text-align-last:center;&quot;,
&quot;tal:r&quot;: &quot;text-align-last:right;&quot;,
&quot;td&quot;: &quot;text-decoration:|;&quot;,
&quot;td:n&quot;: &quot;text-decoration:none;&quot;,
&quot;td:u&quot;: &quot;text-decoration:underline;&quot;,
&quot;td:o&quot;: &quot;text-decoration:overline;&quot;,
&quot;td:l&quot;: &quot;text-decoration:line-through;&quot;,
&quot;te&quot;: &quot;text-emphasis:|;&quot;,
&quot;te:n&quot;: &quot;text-emphasis:none;&quot;,
&quot;te:ac&quot;: &quot;text-emphasis:accent;&quot;,
&quot;te:dt&quot;: &quot;text-emphasis:dot;&quot;,
&quot;te:c&quot;: &quot;text-emphasis:circle;&quot;,
&quot;te:ds&quot;: &quot;text-emphasis:disc;&quot;,
&quot;te:b&quot;: &quot;text-emphasis:before;&quot;,
&quot;te:a&quot;: &quot;text-emphasis:after;&quot;,
&quot;th&quot;: &quot;text-height:|;&quot;,
&quot;th:a&quot;: &quot;text-height:auto;&quot;,
&quot;th:f&quot;: &quot;text-height:font-size;&quot;,
&quot;th:t&quot;: &quot;text-height:text-size;&quot;,
&quot;th:m&quot;: &quot;text-height:max-size;&quot;,
&quot;ti&quot;: &quot;text-indent:|;&quot;,
&quot;ti:-&quot;: &quot;text-indent:-9999px;&quot;,
&quot;tj&quot;: &quot;text-justify:|;&quot;,
&quot;tj:a&quot;: &quot;text-justify:auto;&quot;,
&quot;tj:iw&quot;: &quot;text-justify:inter-word;&quot;,
&quot;tj:ii&quot;: &quot;text-justify:inter-ideograph;&quot;,
&quot;tj:ic&quot;: &quot;text-justify:inter-cluster;&quot;,
&quot;tj:d&quot;: &quot;text-justify:distribute;&quot;,
&quot;tj:k&quot;: &quot;text-justify:kashida;&quot;,
&quot;tj:t&quot;: &quot;text-justify:tibetan;&quot;,
&quot;to&quot;: &quot;text-outline:|;&quot;,
&quot;to+&quot;: &quot;text-outline:0 0 #000;&quot;,
&quot;to:n&quot;: &quot;text-outline:none;&quot;,
&quot;tr&quot;: &quot;text-replace:|;&quot;,
&quot;tr:n&quot;: &quot;text-replace:none;&quot;,
&quot;tt&quot;: &quot;text-transform:|;&quot;,
&quot;tt:n&quot;: &quot;text-transform:none;&quot;,
&quot;tt:c&quot;: &quot;text-transform:capitalize;&quot;,
&quot;tt:u&quot;: &quot;text-transform:uppercase;&quot;,
&quot;tt:l&quot;: &quot;text-transform:lowercase;&quot;,
&quot;tw&quot;: &quot;text-wrap:|;&quot;,
&quot;tw:n&quot;: &quot;text-wrap:normal;&quot;,
&quot;tw:no&quot;: &quot;text-wrap:none;&quot;,
&quot;tw:u&quot;: &quot;text-wrap:unrestricted;&quot;,
&quot;tw:s&quot;: &quot;text-wrap:suppress;&quot;,
&quot;tsh&quot;: &quot;text-shadow:|;&quot;,
&quot;tsh+&quot;: &quot;text-shadow:0 0 0 #000;&quot;,
&quot;tsh:n&quot;: &quot;text-shadow:none;&quot;,
&quot;lh&quot;: &quot;line-height:|;&quot;,
&quot;whs&quot;: &quot;white-space:|;&quot;,
&quot;whs:n&quot;: &quot;white-space:normal;&quot;,
&quot;whs:p&quot;: &quot;white-space:pre;&quot;,
&quot;whs:nw&quot;: &quot;white-space:nowrap;&quot;,
&quot;whs:pw&quot;: &quot;white-space:pre-wrap;&quot;,
&quot;whs:pl&quot;: &quot;white-space:pre-line;&quot;,
&quot;whsc&quot;: &quot;white-space-collapse:|;&quot;,
&quot;whsc:n&quot;: &quot;white-space-collapse:normal;&quot;,
&quot;whsc:k&quot;: &quot;white-space-collapse:keep-all;&quot;,
&quot;whsc:l&quot;: &quot;white-space-collapse:loose;&quot;,
&quot;whsc:bs&quot;: &quot;white-space-collapse:break-strict;&quot;,
&quot;whsc:ba&quot;: &quot;white-space-collapse:break-all;&quot;,
&quot;wob&quot;: &quot;word-break:|;&quot;,
&quot;wob:n&quot;: &quot;word-break:normal;&quot;,
&quot;wob:k&quot;: &quot;word-break:keep-all;&quot;,
&quot;wob:l&quot;: &quot;word-break:loose;&quot;,
&quot;wob:bs&quot;: &quot;word-break:break-strict;&quot;,
&quot;wob:ba&quot;: &quot;word-break:break-all;&quot;,
&quot;wos&quot;: &quot;word-spacing:|;&quot;,
&quot;wow&quot;: &quot;word-wrap:|;&quot;,
&quot;wow:nm&quot;: &quot;word-wrap:normal;&quot;,
&quot;wow:n&quot;: &quot;word-wrap:none;&quot;,
&quot;wow:u&quot;: &quot;word-wrap:unrestricted;&quot;,
&quot;wow:s&quot;: &quot;word-wrap:suppress;&quot;,
&quot;lts&quot;: &quot;letter-spacing:|;&quot;,
&quot;f&quot;: &quot;font:|;&quot;,
&quot;f+&quot;: &quot;font:1em Arial,sans-serif;&quot;,
&quot;fw&quot;: &quot;font-weight:|;&quot;,
&quot;fw:n&quot;: &quot;font-weight:normal;&quot;,
&quot;fw:b&quot;: &quot;font-weight:bold;&quot;,
&quot;fw:br&quot;: &quot;font-weight:bolder;&quot;,
&quot;fw:lr&quot;: &quot;font-weight:lighter;&quot;,
&quot;fs&quot;: &quot;font-style:|;&quot;,
&quot;fs:n&quot;: &quot;font-style:normal;&quot;,
&quot;fs:i&quot;: &quot;font-style:italic;&quot;,
&quot;fs:o&quot;: &quot;font-style:oblique;&quot;,
&quot;fv&quot;: &quot;font-variant:|;&quot;,
&quot;fv:n&quot;: &quot;font-variant:normal;&quot;,
&quot;fv:sc&quot;: &quot;font-variant:small-caps;&quot;,
&quot;fz&quot;: &quot;font-size:|;&quot;,
&quot;fza&quot;: &quot;font-size-adjust:|;&quot;,
&quot;fza:n&quot;: &quot;font-size-adjust:none;&quot;,
&quot;ff&quot;: &quot;font-family:|;&quot;,
&quot;ff:s&quot;: &quot;font-family:serif;&quot;,
&quot;ff:ss&quot;: &quot;font-family:sans-serif;&quot;,
&quot;ff:c&quot;: &quot;font-family:cursive;&quot;,
&quot;ff:f&quot;: &quot;font-family:fantasy;&quot;,
&quot;ff:m&quot;: &quot;font-family:monospace;&quot;,
&quot;fef&quot;: &quot;font-effect:|;&quot;,
&quot;fef:n&quot;: &quot;font-effect:none;&quot;,
&quot;fef:eg&quot;: &quot;font-effect:engrave;&quot;,
&quot;fef:eb&quot;: &quot;font-effect:emboss;&quot;,
&quot;fef:o&quot;: &quot;font-effect:outline;&quot;,
&quot;fem&quot;: &quot;font-emphasize:|;&quot;,
&quot;femp&quot;: &quot;font-emphasize-position:|;&quot;,
&quot;femp:b&quot;: &quot;font-emphasize-position:before;&quot;,
&quot;femp:a&quot;: &quot;font-emphasize-position:after;&quot;,
&quot;fems&quot;: &quot;font-emphasize-style:|;&quot;,
&quot;fems:n&quot;: &quot;font-emphasize-style:none;&quot;,
&quot;fems:ac&quot;: &quot;font-emphasize-style:accent;&quot;,
&quot;fems:dt&quot;: &quot;font-emphasize-style:dot;&quot;,
&quot;fems:c&quot;: &quot;font-emphasize-style:circle;&quot;,
&quot;fems:ds&quot;: &quot;font-emphasize-style:disc;&quot;,
&quot;fsm&quot;: &quot;font-smooth:|;&quot;,
&quot;fsm:a&quot;: &quot;font-smooth:auto;&quot;,
&quot;fsm:n&quot;: &quot;font-smooth:never;&quot;,
&quot;fsm:aw&quot;: &quot;font-smooth:always;&quot;,
&quot;fst&quot;: &quot;font-stretch:|;&quot;,
&quot;fst:n&quot;: &quot;font-stretch:normal;&quot;,
&quot;fst:uc&quot;: &quot;font-stretch:ultra-condensed;&quot;,
&quot;fst:ec&quot;: &quot;font-stretch:extra-condensed;&quot;,
&quot;fst:c&quot;: &quot;font-stretch:condensed;&quot;,
&quot;fst:sc&quot;: &quot;font-stretch:semi-condensed;&quot;,
&quot;fst:se&quot;: &quot;font-stretch:semi-expanded;&quot;,
&quot;fst:e&quot;: &quot;font-stretch:expanded;&quot;,
&quot;fst:ee&quot;: &quot;font-stretch:extra-expanded;&quot;,
&quot;fst:ue&quot;: &quot;font-stretch:ultra-expanded;&quot;,
&quot;op&quot;: &quot;opacity:|;&quot;,
&quot;op:ie&quot;: &quot;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);&quot;,
&quot;op:ms&quot;: &quot;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';&quot;,
&quot;rz&quot;: &quot;resize:|;&quot;,
&quot;rz:n&quot;: &quot;resize:none;&quot;,
&quot;rz:b&quot;: &quot;resize:both;&quot;,
&quot;rz:h&quot;: &quot;resize:horizontal;&quot;,
&quot;rz:v&quot;: &quot;resize:vertical;&quot;,
&quot;cur&quot;: &quot;cursor:|;&quot;,
&quot;cur:a&quot;: &quot;cursor:auto;&quot;,
&quot;cur:d&quot;: &quot;cursor:default;&quot;,
&quot;cur:c&quot;: &quot;cursor:crosshair;&quot;,
&quot;cur:ha&quot;: &quot;cursor:hand;&quot;,
&quot;cur:he&quot;: &quot;cursor:help;&quot;,
&quot;cur:m&quot;: &quot;cursor:move;&quot;,
&quot;cur:p&quot;: &quot;cursor:pointer;&quot;,
&quot;cur:t&quot;: &quot;cursor:text;&quot;,
&quot;pgbb&quot;: &quot;page-break-before:|;&quot;,
&quot;pgbb:au&quot;: &quot;page-break-before:auto;&quot;,
&quot;pgbb:al&quot;: &quot;page-break-before:always;&quot;,
&quot;pgbb:l&quot;: &quot;page-break-before:left;&quot;,
&quot;pgbb:r&quot;: &quot;page-break-before:right;&quot;,
&quot;pgbi&quot;: &quot;page-break-inside:|;&quot;,
&quot;pgbi:au&quot;: &quot;page-break-inside:auto;&quot;,
&quot;pgbi:av&quot;: &quot;page-break-inside:avoid;&quot;,
&quot;pgba&quot;: &quot;page-break-after:|;&quot;,
&quot;pgba:au&quot;: &quot;page-break-after:auto;&quot;,
&quot;pgba:al&quot;: &quot;page-break-after:always;&quot;,
&quot;pgba:l&quot;: &quot;page-break-after:left;&quot;,
&quot;pgba:r&quot;: &quot;page-break-after:right;&quot;,
&quot;orp&quot;: &quot;orphans:|;&quot;,
&quot;wid&quot;: &quot;widows:|;&quot;</pre>
]]></content:encoded>
			<wfw:commentRss>http://blog.sakurachiro.com/2010/02/zen-coding-dreamweaver/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.sakurachiro.com/2010/02/zen-coding-dreamweaver/" />
	</item>
		<item>
		<title>Dreamweaverの検索置換に正規表現を</title>
		<link>http://blog.sakurachiro.com/2009/12/dreamweaver-regular-expression/</link>
		<comments>http://blog.sakurachiro.com/2009/12/dreamweaver-regular-expression/#comments</comments>
		<pubDate>Sun, 13 Dec 2009 08:46:55 +0000</pubDate>
		<dc:creator>まこと</dc:creator>
				<category><![CDATA[dreamweaver]]></category>
		<category><![CDATA[正規表現]]></category>

		<guid isPermaLink="false">http://blog.sakurachiro.com/2009/12/dreamweaver%e3%81%a7%e6%ad%a3%e8%a6%8f%e8%a1%a8%e7%8f%be%e3%82%92%e4%bd%bf%e3%81%86%e3%83%a1%e3%83%a2/</guid>
		<description><![CDATA[随時加筆 正規表現使えるようになりたい(スキル的な意味で) 練習 ハイフン混じりのtitle要素を抜き出す 検索(D) &#8211; title=&#8221;\w+-\d+&#8221; \d / 数字 1 文字。[ [...]]]></description>
			<content:encoded><![CDATA[<p><span class="note2">随時加筆</span><br />
正規表現使えるようになりたい(スキル的な意味で)</p>
<h3>練習</h3>
<pre class="brush: xml; title: ; notranslate">
&lt;img src=&quot;example01.png&quot; alt=&quot;alt-text01&quot; title=&quot;alt-text01&quot; /&gt;
&lt;img src=&quot;example02.png&quot; alt=&quot;alt-text02&quot; title=&quot;alt-text02&quot; /&gt;
&lt;img src=&quot;example03.png&quot; alt=&quot;alt-text03&quot; title=&quot;alt-text03&quot; /&gt;

&lt;img src=&quot;example01.gif&quot; alt=&quot;alt-text&quot; title=&quot;alt-text&quot; /&gt;
&lt;img src=&quot;example02.gif&quot; alt=&quot;alt-text&quot; title=&quot;alt-text&quot; /&gt;
&lt;img src=&quot;example03.gif&quot; alt=&quot;alt-text&quot; title=&quot;alt-text&quot; /&gt;

&lt;img src=&quot;example01.jpg&quot; alt=&quot;alt-text&quot; /&gt;
&lt;img src=&quot;example02.jpg&quot; alt=&quot;alt-text&quot; /&gt;
&lt;img src=&quot;example03.jpg&quot; alt=&quot;alt-text&quot; /&gt;

&lt;p class=&quot;example&quot;&gt;テキスト1&lt;/p&gt;
&lt;p class=&quot;example&quot;&gt;テキスト2&lt;/p&gt;
&lt;p class=&quot;example&quot;&gt;テキスト3&lt;/p&gt;
</pre>
<h3>ハイフン混じりのtitle要素を抜き出す</h3>
<p><span class="note2">検索(D)</span> &#8211; title=&#8221;\w+-\d+&#8221;<br />
<a href="#ex-d">\d / 数字 1 文字。[0-9] と同じ</a><br />
<a href="#ex-plus">+ / 直前の文字の 1 回以上の繰り返し</a><br />
<span class="note3">マッチ</span></p>
<pre class="brush: xml; title: ; notranslate">
 title=&quot;alt-text01&quot;
 title=&quot;alt-text02&quot;
 title=&quot;alt-text03&quot;
 title=&quot;alt-text&quot;
 title=&quot;alt-text&quot;
 title=&quot;alt-text&quot;
</pre>
<p><span id="more-1509"></span></p>
<h3>titleのalt-text01～03を抜き出す</h3>
<p><span class="note2">検索(D)</span> &#8211; title=&#8221;\w+-\w+\d+&#8221;<br />
<a href="#ex-w">\w / 下線を含む、英数字 1 つ。[A-Za-z0-9_] と同じ</a><br />
<span class="note3">マッチ</span></p>
<pre class="brush: xml; title: ; notranslate">
 title=&quot;alt-text01&quot;
 title=&quot;alt-text02&quot;
 title=&quot;alt-text03&quot;
</pre>
<h3>titleのalt-text01～03をtitle-text01~03に変更</h3>
<p><span class="note2">検索(D)</span> &#8211; title=&#8221;\w+(-\w+\d+)&#8221;<br />
<span class="note4">置換(P)</span> &#8211; title=&#8221;title$1&#8243;<br />
検索側のカッコ()の中身は記憶され、置換の$1,$2,$3で取り出せる。<br />
この場合<em>-text01～03</em>が保存されて<em>$1</em>に格納されてる。</p>
<h3>引用符で囲まれてない属性値を探して引用符で囲む</h3>
<p><span class="note2">検索(D)</span> &#8211; =([0-9a-zA-Z_#-\/]+|[^0-9a-zA-Z\s_\"]+)<br />
<span class="note4">置換(P)</span> &#8211; =&#8221;$1&#8243;</p>
<p>極端な例だけど<br />
<span class="note3">実行前</span></p>
<pre class="brush: xml; title: ; notranslate">&lt;input value=その他 type=checkbox name=chkb1&gt;
&lt;table border=0 cellspacing=0 cellpadding=3 width=640&gt;
&lt;tr&gt;&lt;td&gt;&lt;font color=#f33 size=2&gt;◆&lt;/font&gt;&lt;/td&gt;
&lt;td&gt;&lt;font color=&quot;#ace&quot; size=&quot;2&quot;&gt;&lt;b&gt;お問い合せありがとうございます。&lt;/b&gt;&lt;/font&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;/table&gt;
</pre>
<p><span class="note3">結果</span></p>
<pre class="brush: xml; title: ; notranslate">&lt;input value=&quot;その他 &quot;type=&quot;checkbox&quot; name=&quot;chkb1&quot;&gt;
&lt;table border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;3&quot; width=&quot;640&quot;&gt;
&lt;tr&gt;&lt;td&gt;&lt;font color=&quot;#f33&quot; size=&quot;2&quot;&gt;◆&lt;/font&gt;&lt;/td&gt;
&lt;td&gt;&lt;font color=&quot;#ace&quot; size=&quot;2&quot;&gt;&lt;b&gt;お問い合せありがとうございます。&lt;/b&gt;&lt;/font&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;/table&gt;</pre>
<p>(※option valueとか、文字コード部分が上手くいかないなぁ…)</p>
<h3>エスケープ</h3>
<p>&yen;でエスケープ</p>
<h3>保存できる</h3>
<p>クエリーの保存とクエリーのロードアイコンがついてた。<br />
<a href="http://blog.sakurachiro.com/wp-content/uploads/2009/12/20091214-1.png" rel="shadowbox[sbpost-1509];player=img;" title="判りづいらい場所だ"><img src="http://blog.sakurachiro.com/wp-content/uploads/2009/12/20091214-1-480x182.png" alt="判りづいらい場所だ" title="判りづいらい場所だ" width="480" height="182" class="alignnone size-large wp-image-1510" /></a></p>
<p>ん～具体的に役立ちそうな所ってどこかな。</p>
<p>一時的に付与したborderを片っ端からコメントアウトしたり削除したりする時とか<br />
検索(D) &#8211; border:(.*)<br />
置換(P) &#8211; /*border:$1*/<br />
<a href="#ex-dot">ドット / 新行 (改行) 以外のすべての単一文字</a><br />
<a href="#ex-aster">アスタリスク / 直前の文字の 0 回以上の繰り返し</a></p>
<p><del datetime="2010-05-13T07:03:07+00:00"><a href="http://livedocs.adobe.com/dreamweaver/8_jp/using/wwhelp/wwhimpl/common/html/wwhelp.htm?context=LiveDocs_Parts&amp;file=22_codi8.htm" class="broken_link">Dreamweaver livedocs 正規表現</a></del><br />
<em class="note2">[追記 / 20100513]</em> 8系のヘルプは全滅してたのでこっちを参照。<br />
<a href="http://help.adobe.com/ja_JP/Dreamweaver/10.0_Using/WSc78c5058ca073340dcda9110b1f693f21-7bf1a.html#WSc78c5058ca073340dcda9110b1f693f21-7beca">Adobe Dreamweaver CS4 * Dreamweaver でのコーディングに関する一般情報</a></p>
<blockquote cite="http://livedocs.adobe.com/dreamweaver/8_jp/using/wwhelp/wwhimpl/common/html/wwhelp.htm?context=LiveDocs_Parts&#038;file=22_codi8.htm"><table border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<th>文字</th>
<th>意味</th>
<th>例</th>
</tr>
<tr>
<td>
<p>^</p>
</td>
<td>
<p>入力または行の始め</p>
</td>
<td>
<p>^T は、&quot;This good earth&quot; の &quot;T&quot; を検索しますが、&quot;Uncle Tom&#8217;s Cabin&quot; の &quot;T&quot; は無視します。</p>
</td>
</tr>
<tr bgcolor="#F8F8F8">
<td>
<p>$</p>
</td>
<td>
<p>入力または行の終わり</p>
</td>
<td>
<p>h$ は &quot;teach&quot; の &quot;h&quot; を検索しますが、&quot;teacher&quot; の &quot;h&quot; は無視します。</p>
</td>
</tr>
<tr>
<td>
<p id="ex-aster">*</p>
</td>
<td>
<p>直前の文字の 0 回以上の繰り返し</p>
</td>
<td>
<p>um* は、&quot;rum&quot; の &quot;um&quot;、&quot;yummy&quot; の &quot;umm&quot;、&quot;huge&quot; の &quot;u&quot; を検索します。</p>
</td>
</tr>
<tr bgcolor="#F8F8F8">
<td>
<p id="ex-plus">+</p>
</td>
<td>
<p>直前の文字の 1 回以上の繰り返し</p>
</td>
<td>
<p>um+ は、&quot;rum&quot; の &quot;um&quot; や &quot;yummy&quot; の &quot;umm&quot; を検索しますが、&quot;huge&quot; の場合は無視します。</p>
</td>
</tr>
<tr>
<td>
<p>?</p>
</td>
<td>
<p>直前の文字を 0 回または 1 回 (直前の文字がオプションであることを示す)</p>
</td>
<td>
<p>st?on は、&quot;Johnson&quot; の &quot;son&quot;、&quot;Johnston&quot; の &quot;ston&quot; を検索しますが、&quot;Appleton&quot; や &quot;tension&quot; の場合は無視します。</p>
</td>
</tr>
<tr bgcolor="#F8F8F8">
<td>
<p id="ex-dot">.</p>
</td>
<td>
<p>新行 (改行) 以外のすべての単一文字</p>
</td>
<td>
<p>.an は、&quot;bran muffins can be tasty&quot; の &quot;ran&quot; および &quot;can&quot; を検索します。</p>
</td>
</tr>
<tr>
<td>
<p>x または y</p>
</td>
<td>
<p>x または y</p>
</td>
<td>
<p>FF0000|0000FFは、bgcolor=&quot;#FF0000&quot; の &quot;FF0000&quot; および font color=&quot;#0000FF&quot; の &quot;0000FF&quot; を検索します。</p>
</td>
</tr>
<tr bgcolor="#F8F8F8">
<td>
<p>{n}</p>
</td>
<td>
<p>直前の文字の n 回繰り返し</p>
</td>
<td>
<p>o{2} は、&quot;loom&quot; の &quot;oo&quot; および &quot;mooooo&quot; の最初の 2 つの &quot;o&quot; を検索しますが、&quot;money&quot; の場合は無視します。</p>
</td>
</tr>
<tr>
<td>
<p>{n,m}</p>
</td>
<td>
<p>直前の文字の最低 n 回、最高 m 回の繰り返し</p>
</td>
<td>
<p>F{2,4} は、&quot;#FF0000&quot; の &quot;FF&quot; および &quot;#FFFFFF&quot; の最初の 4 つの &quot;F&quot; を検索します。</p>
</td>
</tr>
<tr bgcolor="#F8F8F8">
<td>
<p>[abc]</p>
</td>
<td>
<p>カッコ内に含まれる文字 1 つ。ハイフンを使って、特定範囲の文字を指定 ([a-f] と [abcdef] は同じ)</p>
</td>
<td>
<p>[e-g] は、&quot;bed&quot; の &quot;e&quot;、&quot;folly&quot; の &quot;f&quot;、および &quot;guard&quot; の &quot;g&quot; を検索します。</p>
</td>
</tr>
<tr>
<td>
<p>[^abc]</p>
</td>
<td>
<p>カッコ内に含まれない文字 1 つ。ハイフンを使って、特定範囲の文字を指定 ([^a-f] と [^abcdef] は同じ)</p>
</td>
<td>
<p>[^aeiou] は、最初に &quot;orange&quot; の &quot;r&quot;、&quot;book&quot; の &quot;b&quot;、および &quot;eek!&quot; の &quot;k&quot; を検索します。</p>
</td>
</tr>
<tr bgcolor="#F8F8F8">
<td>
<p>¥b</p>
</td>
<td>
<p>語境界 (スペース、改行など)</p>
</td>
<td>
<p>¥bb は、&quot;book&quot; の &quot;b&quot; を検索しますが、&quot;goober&quot; または &quot;snob&quot; の &quot;b&quot; は無視します。</p>
</td>
</tr>
<tr>
<td>
<p>¥B</p>
</td>
<td>
<p>語境界以外のすべて。</p>
</td>
<td>
<p>¥Bb は、&quot;goober&quot; の &quot;b&quot; を検索しますが、&quot;book&quot; の &quot;b&quot; は無視します。</p>
</td>
</tr>
<tr bgcolor="#F8F8F8">
<td>
<p id="ex-d">¥d</p>
</td>
<td>
<p>数字 1 文字。[0-9] と同じ</p>
</td>
<td>
<p>¥d は、&quot;C3PO&quot; の &quot;3&quot; および &quot;apartment 2G&quot; の &quot;2&quot; を検索します。</p>
</td>
</tr>
<tr>
<td>
<p id="ex-D">¥D</p>
</td>
<td>
<p>非数字 1 文字。[^0-9] と同じ</p>
</td>
<td>
<p>¥D は、&quot;900S&quot; の &quot;S&quot; および &quot;Q45&quot; の &quot;Q&quot; を検索します。</p>
</td>
</tr>
<tr bgcolor="#F8F8F8">
<td>
<p>¥f</p>
</td>
<td>
<p>用紙送り</p>
</td>
<td>
<p> </p>
</td>
</tr>
<tr>
<td>
<p>¥n</p>
</td>
<td>
<p>改行</p>
</td>
<td>
<p> </p>
</td>
</tr>
<tr bgcolor="#F8F8F8">
<td>
<p>¥r</p>
</td>
<td>
<p>キャリッジリターン</p>
</td>
<td>
<p> </p>
</td>
</tr>
<tr>
<td>
<p>¥s</p>
</td>
<td>
<p>スペース、タブ、用紙送り、改行を含むホワイトスペース 1 つ</p>
</td>
<td>
<p>¥sbook は、&quot;blue book&quot; の &quot;book&quot; を検索しますが、&quot;notebook&quot; の場合は無視します。</p>
</td>
</tr>
<tr bgcolor="#F8F8F8">
<td>
<p>¥S</p>
</td>
<td>
<p>非ホワイトスペース 1 つ</p>
</td>
<td>
<p>¥Sbook は、&quot;notebook&quot; の &quot;book&quot; を検索しますが、&quot;blue book&quot; の場合は無視します。</p>
</td>
</tr>
<tr>
<td>
<p>¥t</p>
</td>
<td>
<p>タブ 1 つ</p>
</td>
<td>
<p> </p>
</td>
</tr>
<tr bgcolor="#F8F8F8">
<td>
<p id="ex-w">¥w</p>
</td>
<td>
<p>下線を含む、英数字 1 つ。[A-Za-z0-9_] と同じ</p>
</td>
<td>
<p>b¥w* は、&quot;the barking dog&quot; の &quot;barking&quot; および &quot;the big black dog&quot; の &quot;big&quot; と &quot;black&quot; を検索します。</p>
</td>
</tr>
<tr>
<td>
<p id="ex-W">¥W</p>
</td>
<td>
<p>非英数字の 1 つ。[^A-Za-z0-9_] と同じ</p>
</td>
<td>
<p>¥W は、&quot;Jake &amp; Mattie&quot; の &quot;&amp;&quot; および &quot;100%&quot; の &quot;%&quot; を検索します。</p>
</td>
</tr>
<tr bgcolor="#F8F8F8">
<td>
<p>Ctrl+Enter または Shift+Enter (Windows)、Control+Return、Shift+Return、または Command+Return (Macintosh)</p>
</td>
<td>
<p>改行文字正規表現を使用しない場合に改行文字を検索するときは、[ホワイトスペースの違いを無視] をオフにしてください。この検索では、一般の意味の改行ではない特定の文字が検索されます。たとえば、&lt;br&gt; タグや &lt;p&gt; タグは無視されます。デザインビューでは、改行文字は改行ではなくスペースとして表示されます。</p>
</td>
<td>
<p> </p>
</td>
</tr>
</tbody>
</table>
<p>カッコで正規表現内をグループ分けし、後で参照できるように区別します。その後で、[置換] フィールドで $1、$2、$3 などを使用して、1 番目、2 番目、3 番目、およびそれ以降のカッコのグループを参照します。</p>
<table border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td>
<p><strong>メモ</strong></p>
</td>
<td>
<p>[検索] テキストボックスでは、$1、$2、$3 ではなく ¥1、¥2、¥3 を使用して、正規表現内のカッコのグループを参照します。</p>
</td>
</tr>
</tbody>
</table>
<p>たとえば、(¥d+)¥/(¥d+)¥/(¥d+) を検索し、それを $2/$1/$3 で置換すると、スラッシュで区切られた日付の日、月が入れ替わるので、アメリカ式とヨーロッパ式の日付を変換することができます。</p>
</blockquote>
<p>いつも思うんだけど、blockquoteで引用した部分のソースは修正してもいいのかな。<br />
引用だから改変しちゃダメなのか、本文以外の部分だから関係ないのか、と迷いつつ、少し直したりして使ってる。<br />
bgcolorとか削除したいborder=&#8221;0&#8243; cellpadding=&#8221;0&#8243; cellspacing=&#8221;0&#8243;なんかも。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.sakurachiro.com/2009/12/dreamweaver-regular-expression/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.sakurachiro.com/2009/12/dreamweaver-regular-expression/" />
	</item>
		<item>
		<title>Dreamweaverでcolorやbackground-colorのコードヒントのカラーピッカーが表示されない</title>
		<link>http://blog.sakurachiro.com/2009/12/dreamweaver-codehint/</link>
		<comments>http://blog.sakurachiro.com/2009/12/dreamweaver-codehint/#comments</comments>
		<pubDate>Fri, 11 Dec 2009 04:57:20 +0000</pubDate>
		<dc:creator>まこと</dc:creator>
				<category><![CDATA[dreamweaver]]></category>

		<guid isPermaLink="false">http://blog.sakurachiro.com/2009/12/dreamweaver%e3%81%a7color%e3%82%84background-color%e3%81%ae%e3%82%b3%e3%83%bc%e3%83%89%e3%83%92%e3%83%b3%e3%83%88%e3%81%ae%e3%82%ab%e3%83%a9%e3%83%bc%e3%83%94%e3%83%83%e3%82%ab%e3%83%bc%e3%81%8c/</guid>
		<description><![CDATA[Dreamweaverでcolorやbackground-colorのコードヒントのカラーピッカーが表示されない 最近カラーピッカーが表示されないなーって思ってたら、おそらくgoogle日本語入力が原因ぽい。 フォントリ [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.google.com/support/forum/p/ime/thread?tid=1fe9f63f3e6dfdd4&#038;hl=ja">Dreamweaverでcolorやbackground-colorのコードヒントのカラーピッカーが表示されない</a><br />
最近カラーピッカーが表示されないなーって思ってたら、おそらくgoogle日本語入力が原因ぽい。<br />
フォントリストはポップアップするのにな。</p>
<p>F7～F10も使いづらいし、IMEに戻そうかな。</p>
<p><em class="note2">[追記 / 20100728]</em><br />
<a href="http://blog.sakurachiro.com/2010/07/dreamweaver-codehint-2/">とりあえず解決する方法があった</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.sakurachiro.com/2009/12/dreamweaver-codehint/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.sakurachiro.com/2009/12/dreamweaver-codehint/" />
	</item>
		<item>
		<title>DFを使ってDreamweaverでファイルの比較を有効にする</title>
		<link>http://blog.sakurachiro.com/2009/12/df-dreamweaver/</link>
		<comments>http://blog.sakurachiro.com/2009/12/df-dreamweaver/#comments</comments>
		<pubDate>Thu, 10 Dec 2009 01:59:51 +0000</pubDate>
		<dc:creator>まこと</dc:creator>
				<category><![CDATA[dreamweaver]]></category>
		<category><![CDATA[比較]]></category>

		<guid isPermaLink="false">http://blog.sakurachiro.com/2009/12/df%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%a6dreamweaver%e3%81%a7%e3%83%95%e3%82%a1%e3%82%a4%e3%83%ab%e3%81%ae%e6%af%94%e8%bc%83%e3%82%92%e6%9c%89%e5%8a%b9%e3%81%ab%e3%81%99%e3%82%8b/</guid>
		<description><![CDATA[Dreamweaverにはファイルの比較をするメニューがある けれど残念な事に、実際に比較をする機能がない。 そこで、ファイルやフォルダを比較し、わかりやすく並列表示するフリーのテキスト比較ツール DFを使う事にする。  [...]]]></description>
			<content:encoded><![CDATA[<p>Dreamweaverにはファイルの比較をするメニューがある<br />
けれど残念な事に、実際に比較をする機能がない。</p>
<p>そこで、ファイルやフォルダを比較し、わかりやすく並列表示するフリーのテキスト比較ツール <a href="http://www.vector.co.jp/soft/win95/util/se113286.html">DF</a>を使う事にする。</p>
<p><img src="http://blog.sakurachiro.com/wp-content/uploads/2009/12/20091210-2.png" alt="色がついてる部分が相違箇所" title="色がついてる部分が相違箇所" width="400" height="327" class="alignnone size-full wp-image-1475" /><br />
<span id="more-1476"></span></p>
<h3>準備</h3>
<p><a href="http://www.vector.co.jp/soft/dl/win95/util/se113286.html">感謝の気持ちを込めてDFをダウンロード</a><br />
Dreamweaver側の設定は<span class="note2">[環境設定] &#8211; [ファイルの比較]</span>から<strong>DF.exe</strong>を指定。<br />
<a href="http://blog.sakurachiro.com/wp-content/uploads/2009/12/20091210-1.png" rel="shadowbox[sbpost-1476];player=img;" title="[環境設定] - [ファイルの比較]"><img src="http://blog.sakurachiro.com/wp-content/uploads/2009/12/20091210-1-400x227.png" alt="[環境設定] - [ファイルの比較]" title="[環境設定] - [ファイルの比較]" width="400" height="227" class="alignnone size-large wp-image-1474" /></a></p>
<h3>使い方</h3>
<p>比較したいファイルを選んで右クリックから比較。<br />
これだけで<span class="note2">ローカル×ローカル</span> / <span class="note3">ローカル×リモート</span> / <span class="note4">リモート×リモート</span> のファイルの相違点をDreamweaver上から調べられるようになる。</p>
<p>単一ファイルを選んだ時<br />
<a href="http://blog.sakurachiro.com/wp-content/uploads/2009/12/20091210-3.png" rel="shadowbox[sbpost-1476];player=img;" title="単一ファイルでのメニュー"><img src="http://blog.sakurachiro.com/wp-content/uploads/2009/12/20091210-3-400x197.png" alt="単一ファイルでのメニュー" title="単一ファイルでのメニュー" width="400" height="197" class="alignnone size-large wp-image-1477" /></a></p>
<p><span class="key">ctrl+ファイル</span>で複数選んだ時<br />
<a href="http://blog.sakurachiro.com/wp-content/uploads/2009/12/20091210-4.png" rel="shadowbox[sbpost-1476];player=img;" title="複数ファイルを選んだ時"><img src="http://blog.sakurachiro.com/wp-content/uploads/2009/12/20091210-4-400x195.png" alt="複数ファイルを選んだ時" title="複数ファイルを選んだ時" width="400" height="195" class="alignnone size-large wp-image-1478" /></a></p>
<blockquote><p>DF の特徴(抜粋)</p>
<ul>
<li>難しい操作を必要としないで、誰でも簡単にファイルやフォルダの 比較を行うことができます。</li>
<li>比較した結果を並列2画面の見やすい形式でご覧頂けます。</li>
<li>相違点が分かり易いように色分け表示されます。</li>
<li>ファイルの相違点までダイレクトジャンプできます。</li>
<li>サブフォルダを含んだフォルダの比較を行うことができます。</li>
<li>指定された拡張子のファイルのみ比較を行うことができます。</li>
</ul>
</blockquote>
<p>うちはバックアップファイルを日付でガンガン作って変更内容をすぐ忘れる人なので<br />
フォルダとフォルダの比較や、拡張子を指定して比較できるDFは単体でも助かります。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.sakurachiro.com/2009/12/df-dreamweaver/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.sakurachiro.com/2009/12/df-dreamweaver/" />
	</item>
		<item>
		<title>Dreamweaverのスニペット使ってますか？</title>
		<link>http://blog.sakurachiro.com/2009/12/dreamweaver-snippet/</link>
		<comments>http://blog.sakurachiro.com/2009/12/dreamweaver-snippet/#comments</comments>
		<pubDate>Thu, 03 Dec 2009 17:05:13 +0000</pubDate>
		<dc:creator>まこと</dc:creator>
				<category><![CDATA[add-ons]]></category>
		<category><![CDATA[dreamweaver]]></category>
		<category><![CDATA[html/css]]></category>

		<guid isPermaLink="false">http://blog.sakurachiro.com/2009/12/dreamweaver%e3%81%ae%e3%82%b9%e3%83%8b%e3%83%9a%e3%83%83%e3%83%88%e4%bd%bf%e3%81%a3%e3%81%a6%e3%81%be%e3%81%99%e3%81%8b%ef%bc%9f/</guid>
		<description><![CDATA[Dreamweaverにはスニペットというコピペ支援みたいな機能があります。 例えばFirebugでalert()の代わりに使っているconsole.log();を 以下のようにスニペットに登録して、ショートカットキーを [...]]]></description>
			<content:encoded><![CDATA[<p>Dreamweaverにはスニペットというコピペ支援みたいな機能があります。</p>
<p>例えば<a href="http://getfirebug.com/jp.html" class="broken_link">Firebug</a>でalert()の代わりに使っているconsole.log();を<br />
以下のようにスニペットに登録して、ショートカットキーを割り当てると、選択したテキストを挟み込んでくれたり便利です。</p>
<p><img src="http://blog.sakurachiro.com/wp-content/uploads/2009/12/20091204-11.png" alt="スニペット" title="スニペット" width="400" height="400" class="alignnone size-full wp-image-1464" /></p>
<p><span id="more-1463"></span></p>
<pre class="brush: jscript; title: ; notranslate">
&lt;script type=&quot;text/javascript&quot;&gt;
var aaa=10;
aaa//aaaを選択(反転)して割り当てたショートカットキーを押すと
&lt;/script&gt;
</pre>
<p>こうなる</p>
<pre class="brush: jscript; title: ; notranslate">
&lt;script type=&quot;text/javascript&quot;&gt;
var aaa=10;
console.log(&quot;:&quot;+aaa);
&lt;/script&gt;</pre>
<p>aaaを手打ちで追加して</p>
<pre class="brush: jscript; title: ; notranslate">
&lt;script type=&quot;text/javascript&quot;&gt;
var aaa=10;
console.log(&quot;aaa:&quot;+aaa);
&lt;/script&gt;</pre>
<p>Firefoxでプレビューしてみる。<br />
<a href="http://blog.sakurachiro.com/wp-content/uploads/2009/12/20091204-2.png" rel="shadowbox[sbpost-1463];player=img;" title="Firebug結果"><img src="http://blog.sakurachiro.com/wp-content/uploads/2009/12/20091204-2.png" alt="Firebug結果" title="Firebug結果" width="250" height="145" class="alignnone size-full wp-image-1461" /></a></p>
<h3>他に登録してるスニペット</h3>
<p><strong>clreafix</strong>inline-tableって相当古い。</p>
<pre class="brush: css; title: ; notranslate">
/* clearfix
-------------------------------------------------- */
ここにセレクタ:after {
content: &quot;.&quot;;
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* for ie */
* html ここにセレクタ {
display:inline-table;
}
/* hides from ie-mac \*/
ここにセレクタ {
height:1%;
}
/* end hide from ie-mac */
</pre>
<p><strong>inline-block</strong></p>
<pre class="brush: css; title: ; notranslate">
display: inline-block;
/display: inline;
/zoom: 1;
</pre>
<p>「/」はIE6～7用のハック</p>
<p><strong>css3の角丸</strong></p>
<pre class="brush: css; title: ; notranslate">
border-radius:5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
</pre>
<p><strong>min-height</strong></p>
<pre class="brush: css; title: ; notranslate">
ここにセレクタ {
min-height:100px;
height: auto !important;
height: 100px;
}
</pre>
<p>ん～CSSばっかりだ。</p>
<p>あとはfont-familyをゴシック、明朝、英文の3セットや<br />
Google Analyticsのコード</p>
<p>以前はIEのイメージツールバーを非表示にするmetaタグなんかも登録してたけど</p>
<pre class="brush: xml; title: ; notranslate">&lt;meta http-equiv=&quot;imagetoolbar&quot; content=&quot;no&quot;&gt;</pre>
<p>新規htmlのテンプレの方に書き込ん出るからもう必要なくなった。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.sakurachiro.com/2009/12/dreamweaver-snippet/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.sakurachiro.com/2009/12/dreamweaver-snippet/" />
	</item>
		<item>
		<title>Dreamweaverで文字コードを変更する方法。</title>
		<link>http://blog.sakurachiro.com/2009/10/dreamweaver%e3%81%a7%e6%96%87%e5%ad%97%e3%82%b3%e3%83%bc%e3%83%89%e3%82%92%e5%a4%89%e6%9b%b4%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95%e3%80%82/</link>
		<comments>http://blog.sakurachiro.com/2009/10/dreamweaver%e3%81%a7%e6%96%87%e5%ad%97%e3%82%b3%e3%83%bc%e3%83%89%e3%82%92%e5%a4%89%e6%9b%b4%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95%e3%80%82/#comments</comments>
		<pubDate>Mon, 05 Oct 2009 18:46:34 +0000</pubDate>
		<dc:creator>まこと</dc:creator>
				<category><![CDATA[dreamweaver]]></category>

		<guid isPermaLink="false">http://blog.sakurachiro.com/?p=1234</guid>
		<description><![CDATA[修正 &#8211; ページプロパティ(ctrl+J) &#8211; タイトル/エンコーディング]]></description>
			<content:encoded><![CDATA[<p>修正 &#8211; ページプロパティ(ctrl+J) &#8211; タイトル/エンコーディング</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.sakurachiro.com/2009/10/dreamweaver%e3%81%a7%e6%96%87%e5%ad%97%e3%82%b3%e3%83%bc%e3%83%89%e3%82%92%e5%a4%89%e6%9b%b4%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95%e3%80%82/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.sakurachiro.com/2009/10/dreamweaver%e3%81%a7%e6%96%87%e5%ad%97%e3%82%b3%e3%83%bc%e3%83%89%e3%82%92%e5%a4%89%e6%9b%b4%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95%e3%80%82/" />
	</item>
		<item>
		<title>新規ドキュメントのドキュメントタイプを増やすには、其の二</title>
		<link>http://blog.sakurachiro.com/2009/09/add-doctype-2/</link>
		<comments>http://blog.sakurachiro.com/2009/09/add-doctype-2/#comments</comments>
		<pubDate>Wed, 16 Sep 2009 05:12:07 +0000</pubDate>
		<dc:creator>まこと</dc:creator>
				<category><![CDATA[dreamweaver]]></category>
		<category><![CDATA[とりあえずメモ]]></category>

		<guid isPermaLink="false">http://blog.sakurachiro.com/?p=861</guid>
		<description><![CDATA[MMDocumentTypes.xmlの TITLEがドキュメントタイプの名前のようで MMStringのタグを消して直接名前を書いたらおｋだった これ、同じhtmlでもドキュメントタイプによって読み込むNewDocum [...]]]></description>
			<content:encoded><![CDATA[<p>MMDocumentTypes.xmlの</p>
<pre class="brush: xml; title: ; notranslate">
		&lt;TITLE&gt;
			&lt;MMString:loadString id=&quot;mmdocumenttypes_4&quot; /&gt;
		&lt;/TITLE&gt;
</pre>
<p>TITLEがドキュメントタイプの名前のようで<br />
MMStringのタグを消して直接名前を書いたらおｋだった</p>
<pre class="brush: xml; title: ; notranslate">
		&lt;TITLE&gt;
			HTML5
		&lt;/TITLE&gt;
</pre>
<p>これ、同じhtmlでもドキュメントタイプによって読み込むNewDocumentsのhtmlを変更したりできないかな</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.sakurachiro.com/2009/09/add-doctype-2/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.sakurachiro.com/2009/09/add-doctype-2/" />
	</item>
		<item>
		<title>新規ドキュメントのドキュメントタイプを増やすには</title>
		<link>http://blog.sakurachiro.com/2009/09/add-doctype/</link>
		<comments>http://blog.sakurachiro.com/2009/09/add-doctype/#comments</comments>
		<pubDate>Wed, 16 Sep 2009 00:34:53 +0000</pubDate>
		<dc:creator>まこと</dc:creator>
				<category><![CDATA[dreamweaver]]></category>

		<guid isPermaLink="false">http://blog.sakurachiro.com/?p=855</guid>
		<description><![CDATA[新規ドキュメントを作成する際にドキュメントタイプでHTML5を選べるように出来ないかと、Dreamweaverのフォルダ内を探し回って以下のファイルが怪しいんじゃないかとアタリをつけた。 C:\Program Files [...]]]></description>
			<content:encoded><![CDATA[<p>新規ドキュメントを作成する際にドキュメントタイプでHTML5を選べるように出来ないかと、Dreamweaverのフォルダ内を探し回って以下のファイルが怪しいんじゃないかとアタリをつけた。</p>
<ul>
<li>C:\Program Files\Adobe\Adobe Dreamweaver CS4\configuration\DocumentTypes\MMDocumentTypeDeclarations.xml</li>
<li>C:\Program Files\Adobe\Adobe Dreamweaver CS4\configuration\Strings\documenttypedeclarations.xml</li>
<li>C:\Program Files\Adobe\Adobe Dreamweaver CS4\configuration\TagLibraries\XSLT\output.vtm</li>
<li>C:\Program Files\Adobe\Adobe Dreamweaver CS4\configuration\DocumentTypes\MMDocumentTypes.xml</li>
</ul>
<p>MMDocumentTypeDeclarations.xmlの</p>
<pre class="brush: xml; title: ; notranslate">&lt;documenttypedeclaration&gt;～&lt;/documenttypedeclaration&gt;</pre>
<p>を適当にコピって</p>
<pre class="brush: xml; title: ; notranslate">
&lt;doctypedecl&gt;
&lt;![CDATA[&lt;!DOCTYPE html&gt;]]&gt;
&lt;/doctypedecl&gt;
</pre>
<p>とすると<br />
新規ドキュメントのドキュメントタイプの中に同じものが二つあって片方が!DOCTYPE htmlになってる。<br />
追加はできたけど、コピペしたDOCTYPEの名前と同じなので紛らわしい<br />
そこでID（mm_html_401_transitionalとか）で調べると「documenttypedeclarations.xml」が見つかった<br />
その中に</p>
<pre class="brush: xml; title: ; notranslate">&lt;string id=&quot;mmdocumenttypedeclarations/mm_html_401_transitional&quot; value=&quot;HTML 4.01 Transitional (トランジショナル)&quot; /&gt;</pre>
<p>こんな感じの部分があったので、複製してvalueを変更し（両方のIDは変更済み）<br />
Dreamweaverを再起動。<br />
ctrl+n、ドキュメントタイプを見てみると、空白。<br />
あるぇ？<br />
このvalue呼んでるんじゃないのか&#8230;</p>
<p>[追記：20090916_10:18]<br />
<a href="http://livedocs.adobe.com/dreamweaver/8_jp/extending/wwhelp/wwhimpl/common/html/wwhelp.htm?context=LiveDocs_Parts&amp;file=02_cus18.htm" class="broken_link">Dreamweaver で拡張可能なドキュメントタイプ</a><br />
ここヒントにならないかなぁ</p>
<blockquote><p>Dreamweaver には、初期ドキュメントタイプ定義ファイルがあります。これは、&#8221;MMDocumentTypes.xml&#8221; というファイルで、Macromedia が提供するすべてのドキュメントタイプ定義が含まれています。</p>
<p>新しいドキュメントタイプを作成する場合は、Macromedia が提供するドキュメント定義ファイル (&#8220;MMDocumentTypes.xml&#8221;) にエントリを追加するか、&#8221;Configuration/DocumentTypes&#8221; フォルダにカスタム定義ファイルを追加します。 </p></blockquote>
<p><span id="more-855"></span></p>
<p>　　　　　　　　 ,. -‐&#8221;&#8221;&#8217;&#8221;"¨¨¨ヽ 　　　　　あ…ありのまま 今　起こった事を話すぜ！<br />
　　　　 　 　 (.＿＿_,,,&#8230; -ｧァﾌ|　　　　<br />
　 　 　 　 　 |i i|　 　 }!　}} /／| 　　　『結局ダメだったから、編集したファイルを全て元に戻したのに<br />
　　　　 　 　 |l､{　 　j}　/,,ｨ//｜　　　「ファイルにドキュメントタイプ&#8221;HTML&#8221;は追加されません。<br />
　　　　　　　 i|:!ヾ､_ﾉ／ u {:}//ﾍ　　　　使用するファイル拡張子が、既に別のドキュメントタイプに<br />
　　　　　　　 |ﾘ u&#8217; }　 ,ﾉ　_,!V,ﾊ | 　　関連付けられているためです。」というエラーが消えなくなった 』<br />
　　 　 　 ／´fト､_{ﾙ{,ィ&#8217;ｅﾗ　, ﾀ人　　　　　　　な…　何を言ってるのか　わからねーと思うが<br />
　　　　 /&#8217; 　 ヾ|宀| {´,)⌒`/ |<ヽﾄiゝ　　　　　　　　おれも何をされたのかわからなかった<br />
　　　　,ﾞ　 ／ )ヽ iLﾚ 　u&#8217; |　| ヾｌﾄﾊ〉<br />
　　 　 |／_／　 ﾊ !ニ⊇　&#8217;／:} 　V:::::ヽ　　　　　　　　頭がどうにかなりそうだった…<br />
　　　 /／ 二二二7&#8242;T&#8221; ／u&#8217;　__ /:::::::/｀ヽ<br />
　　　/&#8217;´r　-―一ｧ‐ﾞＴ´　&#8217;&#8221;´ ／::::／-‐ 　＼　　　　超スピードだとか催眠術だとか<br />
　　 / // 　 广¨´ 　/&#8217;　　 ／:::::／´￣｀ヽ ⌒ヽ　　　　そんなチャチなもんじゃあ　断じてねえ<br />
　　ﾉ &#8216; /　 ノ:::::`ー-､___／:::::／/ 　 　 　 ヽ　　}<br />
_／｀丶　/::::::::::::::::::::::::::￣`ー-{:::&#8230;　　　 　　　ｲ　 もっと恐ろしいものの片鱗を味わったぜ… </p>
<p>configuration\DocumentTypesのファイルを全部別のフォルダに移してDwを起動すると、configuration\DocumentTypesのファイルがありません、アプリケーションを終了します。とエラーで終了する。<br />
それから移動したconfiguration\DocumentTypes内のファイルを戻したら<br />
「ファイルにドキュメントタイプ&#8221;HTML&#8221;は追加されません。使用するファイル拡張子が、既に別のドキュメントタイプに関連付けられているためです。」といわれずに起動した。<br />
同じファイルなのに。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.sakurachiro.com/2009/09/add-doctype/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.sakurachiro.com/2009/09/add-doctype/" />
	</item>
		<item>
		<title>Dreamweaver htmlのコードヒントはどこで設定するのか？</title>
		<link>http://blog.sakurachiro.com/2009/09/dreamweaver-html%e3%81%ae%e3%82%b3%e3%83%bc%e3%83%89%e3%83%92%e3%83%b3%e3%83%88%e3%81%af%e3%81%a9%e3%81%93%e3%81%a7%e8%a8%ad%e5%ae%9a%e3%81%99%e3%82%8b%e3%81%ae%e3%81%8b%ef%bc%9f/</link>
		<comments>http://blog.sakurachiro.com/2009/09/dreamweaver-html%e3%81%ae%e3%82%b3%e3%83%bc%e3%83%89%e3%83%92%e3%83%b3%e3%83%88%e3%81%af%e3%81%a9%e3%81%93%e3%81%a7%e8%a8%ad%e5%ae%9a%e3%81%99%e3%82%8b%e3%81%ae%e3%81%8b%ef%bc%9f/#comments</comments>
		<pubDate>Tue, 15 Sep 2009 20:35:08 +0000</pubDate>
		<dc:creator>まこと</dc:creator>
				<category><![CDATA[dreamweaver]]></category>
		<category><![CDATA[とりあえずメモ]]></category>

		<guid isPermaLink="false">http://blog.sakurachiro.com/?p=844</guid>
		<description><![CDATA[HTML5を触ってみたら、コードヒント使いたいなと思った。 CSSのコードヒントは以前からwidows（印刷用の指定、widthを入力したいのに邪魔をする）や border-bottom-color、background [...]]]></description>
			<content:encoded><![CDATA[<p>HTML5を触ってみたら、コードヒント使いたいなと思った。</p>
<p>CSSのコードヒントは以前からwidows（印刷用の指定、widthを入力したいのに邪魔をする）や<br />
border-bottom-color、background-image（ショートハンドを使うので必要ない）などを消していたので<br />
configuration\CodeHints内の、CodeHints.xmlを編集してましたが（弄るならバックアップを忘れずに）、その中にはHTMLタグの設定がどこにもない。</p>
<p>そしたらなんてことはない、Dreamweaver上からGUIを使って直接追加削除編集できるじゃないですか。<br />
<span class="note2">[編集] &#8211; [環境設定] &#8211; [コードヒント] &#8211; [タグライブラリエディタ]</span><br />
<a href="http://blog.sakurachiro.com/wp-content/uploads/2009/09/20090916_1.png" rel="shadowbox[sbpost-844];player=img;" title="タグライブラリエディタ"><img src="http://blog.sakurachiro.com/wp-content/uploads/2009/09/20090916_1-390x364.png" alt="タグライブラリエディタ" title="タグライブラリエディタ" width="390" height="364" class="alignnone size-medium wp-image-847" /></a><br />
<em>（[編集] &#8211; [タグライブラリエディタ] があった）</em></p>
<p>しかしこれ、「-」ボタンで簡単にタグを消せてしまうようで、ちょっとの操作ミスが悲しい想い出に変わるのは容易に想像できます。<br />
でもDreamweaver上ではバックアップは取れない？ようなので、やっぱり保存先を探すことに。<br />
するとconfiguration\TagLibrariesの中にHTMLフォルダを発見、複製してリネームしてとりあえず安心。</p>
<p><span id="more-844"></span></p>
<h2>まとめると</h2>
<p><strong>htmlタグのコードヒント設定</strong><br />
<span class="note2">[編集] &#8211; [環境設定] &#8211; [コードヒント] &#8211; [タグライブラリエディタ]</span><br />
ファイルは、例えば<span class="note3">C:\Program Files\Adobe\Adobe Dreamweaver CS4\configuration\TagLibraries</span> 以下のフォルダ<br />
htmlタグのコードヒント設定</p>
<p><a href="http://livedocs.adobe.com/dreamweaver/8_jp/extending/wwhelp/wwhimpl/common/html/wwhelp.htm?context=LiveDocs_Parts&amp;file=12_tag_l.htm" class="broken_link">参考：タグライブラリとタグエディタ</a><br />
<em class="note2">[追記 / 20100416]</em><br />
http://livedocs.adobe.com/dreamweaver/8_jp/ の情報根こそぎなくなってる?まいったなぁ。</p>
<p><strong>CSSコードヒント設定</strong><br />
C:\Program Files\Adobe\Adobe Dreamweaver CS4\configuration\CodeHints内の、CodeHints.xmlあたり<br />
4400行あたりから&amp;などの特殊文字<br />
4660行あたりからCSS</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.sakurachiro.com/2009/09/dreamweaver-html%e3%81%ae%e3%82%b3%e3%83%bc%e3%83%89%e3%83%92%e3%83%b3%e3%83%88%e3%81%af%e3%81%a9%e3%81%93%e3%81%a7%e8%a8%ad%e5%ae%9a%e3%81%99%e3%82%8b%e3%81%ae%e3%81%8b%ef%bc%9f/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.sakurachiro.com/2009/09/dreamweaver-html%e3%81%ae%e3%82%b3%e3%83%bc%e3%83%89%e3%83%92%e3%83%b3%e3%83%88%e3%81%af%e3%81%a9%e3%81%93%e3%81%a7%e8%a8%ad%e5%ae%9a%e3%81%99%e3%82%8b%e3%81%ae%e3%81%8b%ef%bc%9f/" />
	</item>
	</channel>
</rss>

