hidemaru.gif

秀丸エディタで Movable Type のテンプレートタグを入力するときの単語補完用の辞書ライブラリを作ってみました。

秀丸エディタは、Windows では定番のテキストエディタで、高機能で使いやすいということで愛好家も多いテキストエディタです。シェアウェアですがお試しもできます。

さて、使い方を説明しますが、僕は秀丸エディタ初心者です。念のため。

特徴

この辞書ファイルは、すべての MT タグとグローバル・モディファイアはもちろんのこと、すべてのモディファイアに対応しています。

さらに、XHTML 1.0 strict のタグと CSS 2.1 のプロパティに対応しています。

準備

辞書ファイルのダウンロード

以下の zip ファイルをダウンロードして解凍してください。

解凍した mt_tags_dic_03 フォルダには次の7ファイルが入っています。

  • MTTag.txt（単語補完用辞書ライブラリ）
  • mt_tag.txt（単語補完用辞書ライブラリ）
  • mt_tag_dre.txt（単語補完用辞書ライブラリ）
  • mt_tag.MAC（後述する「ちょっと便利な使い方」で使用）
  • mt_tag_dre.MAC（同上）
  • xhtml-strict.txt
  • css.txt

ファイルをコピー

上記フォルダを、秀丸エディタがインストールされているフォルダ（通常は C:\Program Files\Hidemaru）に入れます。

簡単な使い方

テンプレートタグ（MTタグ）の書き方によって使い分ける

Movable Type 4 のテンプレートで使用するテンプレートタグ (MTタグ) には、いくつか書き方があります。今回は以下の3種類の書き方に対応した単語補完用辞書ファイルを作りました。

[辞書ファイル名： MTTag.txt]
  • ブロックタグ： <MTEntryTags></MTEntryTags>
  • ファンクションタグ： <$MTEntryTitle$>
[辞書ファイル名： mt_tag.txt]
  • ブロックタグ： <mt:EntryTags></mt:EntryTags>
  • ファンクションタグ： <mt:EntryTitle />
[辞書ファイル名： mt_tag_dre.txt]
  • ブロックタグ： <mt:EntryTags></mt:EntryTags>
  • ファンクションタグ： <$mt:EntryTitle$>
  • Dreamweaver CS3 拡張機能 for Movable Type 4.1 が対応しているMTタグの書き方です。

秀丸エディタの設定

秀丸エディタの「その他」＞「ファイルタイプ別の設定」＞「その他」＞「単語補完」を開き、上段の「自動表示」にチェックを入れておきます。その右の表示方法を「リスト」にしておくと、Dreamweaver のような単語補完の使用感と近くなります。

下段の「辞書ファイル」にチェックを入れ、先ほどダウンロードした辞書ファイルの好きな書籍に対応したファイルを選択します。

また、すぐ上の「現在編集中のテキスト」は、デフォルトではチェックが入っていますが、ここはチェックを外した方が使いやすい気がします。

mt_tag_dic01.jpg

次に、下段の「詳細」を開き、辞書ファイルの種類を「行単位」を選択すればOKです。

mt_tag_dic02.jpg

使い方

試しにMTタグを入力してみると、次のように単語補完が現れるはずです。MT タグを入力するときは、接頭語の「<mt:」などは不要で、いきなり「blog」などを書いてOKです。これが非常に便利です。

mt_tag_dic03.jpg

グローバル・モディファイア、各モディファイア、さらには XHTML タグ、CSS プロパティにも同様に対応しています。

mt_tag_dic04.jpg

ちょっと便利な使い方 - Firefox のアドオンと組み合わせる

Firefox のアドオンを使うと、もう少し便利に使えると思います。

It's All Text! のインストール

まず、Firefox のテキスト入力フォームを外部エディターで編集できるようにする「It's All Text!」というアドオンをインストールします。
（参考）窓の杜 - 【NEWS】「Firefox」のテキスト入力フォームを外部エディターで編集「It's All Text!」

It's All Text! を設定

インストールできたら、Firefox の「ツール」＞「アドオン」から「It's All Text!」の設定画面を開き、「参照」ボタンから秀丸エディタの実行ファイルを選択し、「ファイル拡張子」欄の一番最後に「,.mtml」と追加します。

mt_tag_dic05.jpg

It's All Text! を使って秀丸エディタを開く

Movable Type の管理画面で、カスタマイズしたいテンプレートを開きます。

テンプレート編集画面が「構文強調表示」なっていると It's All Text! が使えないようなので、「強調表示なし」に変更します。

mt_tag_dic002.jpg

次に、編集エリア上で右クリックし、「It's All Text!」＞「Edit as '.mtml'」をクリックします。

mt_tag_dic003.jpg

すると、編集エリアのテンプレートの内容が、秀丸エディタで開けます。この秀丸エディタ上でカスタマイズして、秀丸エディタの「上書き保存」をすると変更した内容が、Movable Type の管理画面（テンプレート編集画面）にも反映されます。（ただしMT側の保存と再構築は忘れずに！）

秀丸エディタの設定

秀丸エディタでは、ファイルタイプ別にいろいろな設定ができます。そこで、今回設定するMTタグの単語補完機能は、Movable Type のテンプレートをカスタマイズするときだけ使用出来ればいいので、最初に Movable Type 用のファイルタイプを作成します。

まず、上記のとおり「It's All Text!」を使用して秀丸エディタを開き、「その他」＞「ファイルタイプ別の設定」＞「設定のリスト」を開きます（以下の画像は無題ファイルでキャプチャしているものがありますが、やり方は一緒です）。

mt_tag_dic000.jpg

設定のリストから「HTMLファイル」を選択し「コピー」をクリックし、「MovableTypeテンプレート」と名付けて「OK」をクリックします。

続いて、一番上のドロップダウンメニューから先ほど保存した「MovableTypeテンプレート」を選択します。

mt_tag_dic001.jpg

ここから先の設定は、上記「簡単な使い方」の「秀丸エディタの設定」と同様です。

うまくいけば結構見やすく使いやすくなると思います。

 <mt:EntryTitle />のような書式にする場合

 <mt:EntryTitle />のような書式にする場合は、「mt_tag.txt」の方の辞書ファイルを使います。

このとき、新規に Movable Type のテンプレートを作るときは良いのですが、既存のテンプレートをカスタマイズするときには書式が混在してしまいます。

そこで、先ほど一緒にダウンロードしておいた「mt_tag.MAC」（Dreamweaver CS3 拡張機能 for Movable Type 4.1 の小文字の書き方と揃えたい場合は「mt_tag_dre.MAC」）というマクロをお使いください。これで、書式が統一できます。

秀丸エディタのマクロは、秀丸エディタがインストールされているフォルダにマクロファイルを入れておけば、「マクロ」＞「マクロ実行」＞「参照」で使用したいファイルを選択して「OK」で実行できます。

完成イメージは次のとおり。

mt_tag_dic004.jpg

お役に立つかどうか。

【2008-11-04 追記】

この記事にトラックバックいただいたWEBもCAFEもどっちも好き！！さんのところで、『秀丸エディタ用movable typeタグ補完マクロCompleteMT（CompleteXプラグイン）』というマクロが配布されています。

こちらのマクロは、「モディファイアを補完する際に該当タグで使用可能なモディファイアのみ補完候補に表示される」そうで、Dreamweaver のような単語補完とかなり近い機能を提供してくれるようです。

チェンジログ

【2008-08-18】

Movable Type 4.2 、CSS 2.1 プロパティ に対応したバージョンを作りました。（最新版）

【2008-06-08 追記】

XHTML 1.0 strict に対応したバージョンを作りました。
秀丸エディタ単語補完用辞書ライブラリ for Movable Type テンプレートタグ（XHTML 1.0 strict 対応）

【2008-06-06】

初回公開版に、Dreamweaver CS3 拡張機能 for Movable Type 4.1 が対応しているMTタグの書き方に対応した辞書ファイルとマクロを追加しました。

【2008-06-02】

Movable Type テンプレートタグ用辞書ライブラリ - 秀丸エディタの単語補完用 - かたつむりくんのWWW （初回公開版）

[関連リンク]