Dreamweaver拡張機能「閉じタグコメントを挿入」を便利に使う
(X)HTMLのコードの可読性を高めるために、divの閉じタグ手前にいつもコメントを入れています。けれどもこれが結構面倒な作業で、自動にならないかなと思っていたら面白法人カヤックさんのKAYAC DESIGNER'S BLOGでDreamweaver用拡張機能として公開されていました。
コメントを生成して挿入するDreamweaver用拡張機能を作成しました
ただこの閉じタグのコメント、コーダーによっては様々な書き方があると思います。初期では<!-- / ClassName -->
になっているのですが、HTMLファイルに記述されたJavaScriptコードをちょこっと変更することでカスタマイズ出来ます。
※カスタマイズは自己責任でお願いします。
カスタマイズするHTMLファイルの場所(Dreamweaver CS3の場合)
- MacOS
- Macintosh HD/ユーザー/ユーザー名/ライブラリ/Application Support/Adobe/Dreamweaver9/Configuration/ExtensionData/MM/End_comment.html
- Windows
- C:\Documents and Settings\ユーザー名\Application Data\Adobe\Dreamweaver 9\Configuration\ExtensionData\MM?End_comment.html
このファイルの19行目
var insComment = "<!-- /" + theId + theClass + " -->";
このダブルクォーテーションで囲まれた部分を変更すればOKです。
[2010.09.07追記]
Dreamweaver CS4の場合、Dreamweaver CS4/ja-JP/Configuration/...にあるようです。
この拡張機能をインストールすると、[コマンド] → [閉じタグコメントを挿入]でコメントを入れてくれるのですが、ショートカットキーを設定することにより格段に効率があがります。ちなみに私はoption + command + cに設定しています。
Jingと言うフリーの画面動画キャプチャーソフトを入れてみたので試しに動画を撮ってみましたのでお暇な方は見て見てください。