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 HTML5 pack」を使うためには まず 「Dreamweaver CS5 11.0.3 updater」を適用する必要があります

「Dreamweaver Support Center」から「Dreamweaver CS5 11.0.3 updater」をダウンロードします

html5-pack_01

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

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

html5-pack_02

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

html5-pack_03

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

html5-pack_04

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

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

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

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

html5-pack_05

「Movable Type タグライブラリ for Dreamweaver 機能拡張」のダウンロードとインストール方法

「Movable Type タグライブラリ for Dreamweaver 機能拡張を ver 1.0.0にアップデートしました」(gabs.log)
から「Movable Type タグライブラリ for Dreamweaver 機能拡張(MT5対応版)」をダウンロードします
html-pack_06

赤枠のリンクをクリックすると「MovableType50_TagLibrary_v100.zip」がダウンロードされます
html-pack_07
ファイルを解凍して 「MovableType50_TagLibrary_v100.mxp」をクリックします
html-pack_08

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

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

そんなことも記事として残しておきます

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

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

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

html-pack_11

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

html-pack_12

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

html-pack_13

Dreamweaverで動作確認してみましょう
html-pack_14
ちゃんと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 機能拡張」が正常に機能しなくなるようです

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