HTML エディタとしての Carbon Emacs

Dreamweaver などがまだ Intel Mac に対応していないこともあって、目下、色々なエディタを試用しながら、自分に合ったモノを探しています。ポイントは以下の通り。

1. Intel Mac + Tiger でも動作すること
2. UTF-8 の読み書きに対応
3. GREP（正規表現検索や置換）ができること
4. シンプルな UI
5. 軽量・軽快なこと
6. 要素・属性・属性値・コメントなどの色分け機能
7. 要素名・属性名・属性値などのコンプリーション（補完）機能
8. 閉じタグのコンプリーション（補完）機能
9. DTD, RelaxNG, XML Schema などからのパーシングができること
10. もしくは文法チェック（validation）がエディタ内でできること

最後の２点は欲を言えば..といったレベルの希望なんですけど、それでもいくつか候補は上がってます。そのうちの一つが今回 取り上げる Carbon Emacs（+ PSGML）です。

入手先

Carbon Emacs パッケージ

（後述の PSGML は同梱されています。別途入手する必要はありません。）

Carbon Emacs を使う利点

1. 上掲の条件は ほとんど満たしている
2. ほとんど統合環境（シェル・ファイラー・メーラー・テキストブラウザ・エディタを兼ねられる）！
3. 拡張性が非常に高い。eLisp が書ける人なら、驚くほど色んなことができちゃう（ちなみに僕は eLisp は（も）書けません。あの山のような括弧を見ているだけで目眩が...(^.^;;) ）
4. 慣れると Windows アプリでは通常お目に掛かれない、便利なコマンドも利用できる
5. ダイアログの代わりにミニバッファを使うので、警告メッセージや検索欄で画面を無駄に占有されずにすむ
6. fink や apt, コンパイルの知識がない人でも簡単にインストールできる
7. 依存関係に余計な時間を取られずにすぐ使える
8. FEP に ATOK や EGBridge などがそのまま使え、Canna などの変換効率に泣かずに済む
9. ［2006-10-08 追加］Dreamweaver や Eclipse, oXygen などに比べてよほど動作が軽い

Carbon Emacs の欠点

1. 一応、ツールバーやコマンドボタンといった GUI は用意されているが、基本操作は Ctrl キーと Meta キーを軸としたキーボードショートカットで行うのが普通
2. ところがこのキーバインドが独特。初心者には取っつきにくい上、特に Windows ネイティブのキーバインドとの相性が悪い（たとえば C-w など、誤操作の原因になりうる）。Mac と Windows をハシゴしている人間にはもはや悪夢
   • 逆にほかのアプリケーションのキーバインドを Emacs 風に変えるという発想もあります。たとえば、以前にも紹介した "Firefox で Emacs キーバインド" とか。あまりオススメはしたくないけど..。(^ ^;)
3. 正規表現の記法も独特。特にどこでエスケープしたらいいかでよく手が止まる
4. ［2006-10-08 追加］PSGML などで使える機能が一部制限されている？（Carbon Emacs 固有の問題？）

［2006-10-08 追加］（Validation 機能...というか nsgmls が手元の環境だとなぜか効かない？要原因究明。）

HTML の編集には PSGML がオススメ！

Carbon Emacs には、HTML のタグ挿入を支援してくれる html-helper-mode というパッケージも同梱されていますが、この上、HTML モードのために、タグの種類ごとに新たなキーバインドをいくつも覚えるのは悪夢です。個人的には、覚えるキーバインドがずっと少なくて、XML にも利用できる柔軟な PSGML の利用をオススメします。（XML については、スキーマに RelaxNG を使う nxml-mode というパッケージも同梱されています。）

多くの方はすでにご存知のように、ここで取り上げている Emacs や PSGML 自体は Mac OS X 用の Carbon Emacs でなくとも、各種 Unix や Windows でも利用できます。また、PSGML モードに加え、さらに CSSモードや PHPモード、MMMモードをコラボレートした HtmlModeDeluxe という上級モードに発展させることもできます。

PSGML とは？

PSGML とは、(X)HTML や XML の親規格である SGML の編集を支援するためのパッケージです。

当然、(X)HTML や XML の編集にもそのまま利用できますし、DTD と関連づければ、スキーマで独自に定義した文法に合わせた補完も行えるようになるので、入力の手間を大幅に軽減し、誤入力のリスクやストレスもかなり減らすことができます。

PSGML の使い方

これより、主に Emacs 初心者や未経験者を念頭に置いて話を進めます。（といいながら、僕も初心者とそれほど変わるもんじゃありませんけど。(^ ^;) ）PSGML って大体こんな感じです、というイメージをつかんでいただければ充分です。

• PSGMLモードを使う（それいけ Emacs ）
• Commands for editing PSGML（英語）

PSGML には色々便利な機能がありますが、キーバインドとしては最初は以下の２つを覚えておけば充分でしょう。（2006-11-15: ほんのしおりさんのご指摘をいただいて一部修正。）これ以外のものは上記サイトをご覧ください。

C-c C-e C-c C-t	現在位置に新しく要素を追加する 現在位置に新しくタグを追加する
C-c /	現在位置に適切な閉じタグを補完する

PSGML は必要に応じて DTD を読み込んで、適切な要素名や属性名、属性値の候補を一覧表示したり、補完したりすることができます。

新しい要素の挿入

1. C-c C-e
2. 要素名を入力（タブ補完可）
3. return

基本は上記の通りです。Emacs 初心者向けにちょっとだけ詳しい説明を加えると、まずC-c C-e（Ctrl キーを押しながら c の後、Ctrl を押しながら e ）を叩きます。

ウィンドウ最下部のミニバッファにカーソルが移るので、ここで要素名を入力を入力します。

<blockquote> のように長い要素名は、途中まで入力して Tab キーを叩くと、妥当な要素名を補完してくれます。この Tab 補完機能は Emacs では非常によく使う便利な機能なので、今後も Emacs を使ってみようという方は、是非、覚えておきましょう。

補完されない時は、Tab キーを２回連続で叩いてください。候補がないと知らせてくれるか、該当するすべての候補を一覧表示してくれるはずです。以下は "bl" まで入力して Tab 補完しようとしたケースです。"blockquote" のほかに "blink" という候補が表示されました。このようにミニバッファ内で候補に何があるか分からなくなったら、とりあえず Tab を叩いてみると良いでしょう。

"blo" まで入力して Tab 補完後、return を叩くとタグが挿入されます。カーソルが開始タグと終了タグの間に来るのが何気にうれしいです。なお先ほど表示された補完候補一覧は自動的に消えます。もちろん "blockquote" と手打ちで入力しても構いません。

属性の挿入

<a>（アンカー）や <img>（イメージ）要素のように、属性やその値の指定が必要な要素については、属性の入力も支援してくれます。

1. C-c C-e
2. 要素名を入力（タブ補完可）
3. return（ここまでは上記手順と同じ）
4. 属性名を入力（タブ補完可）
5. return
6. （必要に応じて値の入力を求められる）

まず要素名を入力するところまでは上の手順と同じです。ここでは <img> タグを挿入してみましょう。

属性の入力が必須になっている要素の場合、要素名の入力後に属性（attribute）の入力を求められます。ここでは srcと入力してみましょう。画像ファイルの参照先を指定する属性です。

return を叩くと再び属性（attribute）の入力を求められます。複数の属性を挿入するケースに対応するためです。今度は alt と入力してみましょう。画像の代替テキスト用の属性ですね。

再び return を叩くとまた属性（attribute）の入力を求められます。もし、これ以上、属性を挿入する必要がない場合は、何も入力せずにそのまま return を叩くと終了できます。編集している文書が XHTML や XML の場合、<img> のような空要素は、ここでちゃんとタグの末尾に "/" が挿入されます。

閉じタグ補完

1. C-c /

閉じタグ補完は、妥当な閉じタグを、編集中の SGML（この場合は (X)HTML ）文書の構造を解析して適切に補完してくれます。たとえば、<foo>, <bar>, <baz> という３つの要素を用意してみました。

ここで C-c / を３回入力してみましょう。

順に </baz>, </bar>, </foo> が補完されるはずです。これで対応する閉じタグが何であるかわからなくなっても、いちいち長いソースコードを遡って見直す必要はなくなります。