Dreamweaver HTML5 pack と Movable Type タグライブラリ for Dreamweaver 機能拡張(MT5対応版)

DreamweaverCS5でHTML5のコーディングやMovable Type5 の構築をしている人に
「Dreamweaver HTML5 pack」と「Movable Type タグライブラリ for Dreamweaver 機能拡張」について紹介させていただきます

「Dreamweaver HTML5 pack」はDreamweaverでHTML5とCSS3のコードヒントを利用できます

「Movable Type タグライブラリ for Dreamweaver 機能拡張」はMovable Typeのコードヒントを利用出来るようになります

「Dreamweaver HTML5 pack」を使うためにはまず「Dreamweaver CS5 11.0.3 updater」を適用する必要があります

今回はWindowsを使って説明していきます

赤枠のリンクをクリックすると「AdobeDreamweaver-11.0-All-Update.zip」がダウンロードされます

「AdobePatchInstaller.exe」をクリックすると…

自動的に「Adobe Application Manager」が起動しインストールが開始されます

インストール完了したら「終了」をクリック
これで「Dreamweaver CS5 11.0.3 updater」が適用され
「Dreamweaver HTML5 pack」が使える状態になりました

一度Dreamweaverを起動して確認してみます

「<v」と入力した時点で HTML5の要素「video」が表示されました

拡張機能としてインストールされており
「ADOBE Extension Manager (拡張機能の管理画面)」で確認できます
※Dreamweaverのツールバーから「コマンド > 拡張機能の管理」から起動できます

赤枠のリンクをクリックすると「MovableType50_TagLibrary_v100.zip」がダウンロードされます

ファイルを解凍して「MovableType50_TagLibrary_v100.mxp」をクリックします

「このファイルは開けません」…
ん？間違えましたね

実際に作業しながら記事を書いているのでこういうことはよくあります
が
そんなことも記事として残しておきます

「ADOBE Extension Manager (拡張機能の管理画面)」からインストールするんでした

赤枠の「インストール」をクリックして「MovableType50_TagLibrary_v100.mxp」を選択
「開く」をクリックしてください

インストールが開始されます

免責事項が表示されますので内容を確認し「承諾する」をクリックしてください
グリグリグリグリ…インストール中

はいインストール完了です
「ADOBE Extension Manager」に表示されています

Dreamweaverで動作確認してみましょう

ちゃんとMTテンプレートタグが表示されました

今回紹介した
「Dreamweaver HTML5 pack」と「Movable Type タグライブラリ for Dreamweaver 機能拡張」を活用して
制作効率アップに役立ててみましょう

「Dreamweaver HTML5 pack」と「Movable Type タグライブラリ for Dreamweaver 機能拡張」の
インストールの順番ですが…

「Dreamweaver HTML5 pack」→「Movable Type タグライブラリ for Dreamweaver 機能拡張」だと
どちらも正常に動きますが

「Movable Type タグライブラリ for Dreamweaver 機能拡張」→「Dreamweaver HTML5 pack」だと
正常に「Movable Type タグライブラリ for Dreamweaver 機能拡張」が正常に機能しなくなるようです

このあたりはまた時間があるときにでも調査してみようと思います

PS-MEMO