はじめに

　このプラグインを導入することで、右図のようにコメントをツリー形式で表示することができます。 記事の親子関係はコメント入力欄にある URL フィールドを利用して管理しているため、 既に URL フィールドをお使いの場合、これをそのままにプラグインを導入することはできません。 申し訳ありませんが、ツリー表示を取るか、URL 入力欄を取るかの二者択一となっています m(_^_)m

　"オンラインソフトの発表の場としてのウェブログ"という記事で、 オンラインソフトをブログを使って公開する場合の方法について書いています。 ここで、ユーザとのコミュニケーションツールであるコメント欄について述べた部分がありますが、 その中で従来の時系列コメントについて少しコメントをしています。 機能要望やバグ報告などが盛んに行われるようになると、 時系列コメントでは複数の話題を効率よく追うことが難しくなり、 そのためにもツリー型掲示板に近い機能が欲しくなってきます。

　Web を検索したところ、最近に投稿されたコメントをツリー化するための改造については幾つか発見することができましたが、 個別アーカイブのコメントをツリー化できるものは残念ながら発見できませんでした。
　Lunar's 「本日の○○」：『カストマイズ』 では、MovableType の標準テンプレートを使って、最近に投稿されたコメントをツリー表示とするための改造が紹介されています。 Web で検索できた改造のほとんどはこれと同じものでした。
　また、小粋空間：サイドメニューのツリー化スクリプト（改） では、JavaScript を利用してツリー表示を実現する手法が紹介されています。 ここで公開されてる maketree.js は、コメントに限らずトラックバックやカテゴリなど様々に使うことができ、 サブカテゴリーも再帰的に展開してくれるスグレモノです。 しかし今回、目指しているツリー型掲示板に一番近いものの、このままではコメントの親子関係を実現できそうにありません。

　当初、maketree.js を参考に色々弄ってみましたが、コメント毎に親子関係の情報を持たねばならず、 MovableType 標準では実現できそうにないという結論に至りました。 MovableType には簡単に機能拡張が行えるプラグインという仕組みがあり、 そこで今回、コメント欄でツリー型掲示板を実現できるようなプラグインを自作することにしました。

結局、自作することになったプラグインは全く簡単ではありませんでしたが！

今のところ、どのエントリのコメント欄も平和なもので、 このツリー型コメントが効果を発揮するのはまだまだ先のことになりそうです。しょんぼり。

追加されるテンプレートタグ

MTCommentTree

コメントツリーのコンテナタグです。 MovableType 標準の MTComments タグの替わりに使います。 この中では MovableType 標準の MTComment* タグに加えて、 以下のタグを使うことができます。

MTCommentHasChild

自分を親とする子が少なくとも一つある場合に真になる条件タグです。

MTCommentHasNoChild

自分を親とする子が一つもない場合に真になる条件タグです。

MTCommentIsRoot

自分がルートコメントの場合に真になる条件タグです。

MTCommentChildRecurse

自分の子について、MTCommentTree で定義されているテンプレートを再帰的に呼び出します。

導入方法

Step 0.プラグインのインストール

　アーカイブに含まれる MTCommentTree.pl を MovableType のプラグインディレクトリにコピーします。 そして、MovableType の管理画面のメインメニューで、"使用可能なプラグイン"欄に表示されていることを確認します。

Step 1.個別アーカイブテンプレートの修正

　MTComments テンプレートタグを MTCommentTree に修正し、 コメントが子を持つ場合について MTCommentHasChild タグを用いて記述します。

<MTCommentTree>

<$MTCommentAuthor$>：<$MTCommentDate$><br />
<$MTCommentBody$>

<MTCommentHasChild>
<div>
	<$MTCommentChildRecurse$>
</div>
</MTCommentHasChild>

</MTCommentTree>

Step 2-1.コメント入力フォームに url の hidden フィールドを追加

　記事の親子関係はコメント入力欄にある URL フィールドを利用して管理しています。 URL フィールドは hidden 要素としておきます。 Cookie で url フィールドを自動設定している箇所があるので、こちらも忘れずに削除しておきましょう。

<input type="hidden" name="url" value="">

Step 2-2.各コメント毎に返信用のリンクを追加

　特定の記事に返信を返すと、返信はその記事の子として表示されます。 記事に返信するには、その記事のコメントIDを URL フィールドに入力しますが、 ここで紹介している例では JavaScript を利用して URL フィールドを設定しています。

<!--MTCommenTree タグ中で、各コメントに返信用リンクを追加します-->
<a href="#" onclick="javascript: writeReply (<$MTCommentID$>);">返信する</a>

Step 2-3.url フィールドを更新するための JavaScript を追加

　Step 2-2で追加した返信用リンクがクリックされた時に、 Step 2-1のURL フィールドにコメントIDを埋め込む処理を追加します。

<script type="text/javascript" language="javascript">
function writeReply (id)
{
	document.commentform.url.value = id;
}
</script>

　これで、コメント毎に用意された"返信する"リンクをクリックした後にコメントを投稿すると、 投稿されたコメントは親子関係として表示されることになります。

親に指定されているコメントにアイコンを表示するなど、改善の余地はまだまだありそうです。 このままでは、返信リンクをクリックしても画面に変化が無いので、 意図しないコメントにレスを返してしまうなどの事故があります。

デフォルトでは、ルート(親を持たない状態)にコメントが投稿されます。

トラブルシュート - 動かない時は？

　私がプラグインを作り始めた頃のモノなので、とんでもない不具合が隠されている可能性が高いです。 作者に直接連絡を頂けた方が早く対処できるかもしれません(いいのかそれで)

いろいろ

• 管理画面からコメントの親子関係を解消するには、子コメントの URL を空欄にしてください
• MovableType のプラグイン開発は今回が初挑戦でして、未だにその仕組みが理解できていません
• ひとまず、コメントの親子関係を実現できるところまでは漕ぎ着けましたが、 他にも必要なタグやバグ報告などありましたらツッコミのほど宜しくお願い致します
• オリジナルの著作権表示を改変しない限り、自由に改造・転載・配布できます

ダウンロード

• 開発版(master) ... バグ修正や機能追加など開発途中のバージョンです。開発中の新機能などをいち早く利用できますが、新しいバグが生まれていたり、テストが不十分な場合があります。
  • pirolix/mt-plugin-MTCommentTree
  • ソースコード
• マニュアル/ドキュメント
• 不具合/要望/作業チケットの一覧
• 更新履歴