Dreamweaver CS3では、APIの関係からZen Coding v0.6をそのまま利用できませんが、対策が施されたファイルに置き換えることで利用可能になります。

1. Google Codeのzen-codingプロジェクトページから「Zen Coding for Dreamweaver v0.6」をダウンロードし、インストールする
2. 同じzen-codingプロジェクトページの「Issues 121」のページから、Dreamweaver CS3用にカスタマイズされた「zen_editor.js」をダウンロードし、Commands/ZenCoding/zen_editor.js内のファイルを上書きします（※）。
3. Dreamweaverを起動します。

なお、一度Zen Coding v0.5をインストールしたことがある場合は、コマンドの再ロードが上手くいかず、何度拡張機能の際ロードを行っても動作不良に陥る場合があります。その場合は、Commands/ZenCodingをCommands/ZenCoding2に、またCommands/ZenCoding.html内のscript要素内のパスを書き換えると良いようです。

• ※ ユーザー別のCommandsフォルダです。

  Windows Vista / Windows 7

  （ドライブレター）:¥Users¥（ユーザー名）¥AppData¥Roaming¥Adobe¥Dreamweaver 9¥Commands

  Windows XP

  （ドライブレター）:¥Documents and Settings¥（ユーザー名）¥Application Data¥Adobe¥Dreamweaver 9¥Commands

divの終了タグ（閉じタグ）の前後にコメントを付け、id名／class名を書くことはよくあるかと思います。ただこれが意外と手間のかかる作業なので、何とかならないか？と思い、「Zen Coding for Dreamweaver v0.6」をカスタマイズしてみたところ、上手く動作するようになりました。

デフォルトのZen Codingでもdiv#main|cを展開するとコメントが入りますが、それだと要素の前後にコメントと改行が入ってしまうので、このカスタマイズの方が自分には効率的かなと。Zen Coding歴約3ヶ月なので、あまり詳しくはありませんが...。

• 続きを読む

PSDファイル内のテキストレイヤーの中身を、テキストファイルに書き出すスクリプトを書いてみました。仕事で時々PSDからテキストを取らなければならない場合があり、なんとか効率出来ないものかということから、実験的に試してみました。

• 続きを読む

Movable Type 5を使用しているウェブサイトにおいて、Google Analyticsのトラッキングコード（ga.js）を入れる場合、ウェブサイトテンプレートにGoogle Analyticsのコードを記述したテンプレートモジュールを作成し、配下のブログで作成したテンプレートモジュールを読み込ませると、スマートに管理できます。

ウェブサイトテンプレートの管理画面。「GoogleAnalytics」という名称でテンプレートを作成している。

Google Analyticsのトラッキングコードだけでなく、Yahoo!アクセス解析やサイト共通で表示しているコンテンツ・ブログパーツなどの管理にも応用できます。

• 続きを読む

Movable Type 5でRSS1.0(RDF)を出力するウェブサイトテンプレートを作成してみました。このテンプレートを作成することで、ウェブサイトに属する複数のブログの情報を一つにまとめたRSSの配信が可能になります。

テンプレートの概要

blog_idsモディファイアに"children"が指定してあり、ウェブサイト内の全てのブログから最新15件の記事データ（タイトル・概要）を出力します。channel要素内のtitle要素やlink要素は、MT5で新しく追加された「mt:WebsiteName」「mt:WebsiteURL」を使用して出力しています。

使用の際は、ウェブサイト配下のブログが更新された時に、今回追加したテンプレートも再構築されるようにする設定が必要です。「ウェブサイトのプラグイン設定」画面を開き、「MultiBlog 2.1」プラグインの設定で再構築トリガーを追加してください。"ウェブサイト内のすべてのブログ"を選択し、"ブログ記事とウェブページの保存時にインデックスを再構築"するよう設定すればOKです。

• 続きを読む