MTでAjaxコメント投稿

ずっと導入してみたかった Ajax なコメント投稿をようやく実装することに成功しました。

具体的にどんな動きをするのかは、口で説明するより実際にこのエントリーのコメント投稿を使ってテストしてみると一目瞭然かと思いますが、要するにページの再読込をせずにコメント投稿ができるカスタマイズです。

今回参考にさせていただいたのは「MovableType備忘録」さんの「MovableTypeのコメントをAjaxで投稿する」というエントリー。とても詳しく解説されていますので、ここではあえて説明を省略させていただきます。まずはリンク先の内容を全て適用させましょう。

ここで注意が必要なこととしては、上記エントリーにて提供されている「ajaxcomments.js」の中身で mt-comment.cgi までのパスを指定している箇所を自分の環境に合うように変更すること。もちろん、mt-comment.cgi をリネームしている場合なども変更が必要です。そこさえ気をつければ大丈夫でしょう。

無事に導入できたら、既にプレビューは完璧に動作します。しかし、投稿（Post）に関しては自動的にページの再読込が行われないために、ブラウザの更新ボタンをクリックするまで投稿が現れない「仕様」となっているようで、リロード無しに即時公開するにはちょこっと工夫が必要です。

僕の場合は、投稿ボタンを押した後にテンプレートのシステム＞コメントの一覧が表示されることに着目して、「コメントの一覧」テンプレートに「コメント・プレビュー」テンプレートの内容をそのまま転記して「擬似的」にコメント投稿を即時公開する仕組みにしてみました。う〜ん、本当に口で説明するのは難しいんですが、本当の投稿内容はあくまでブラウザをリロードしたときに表示されるけど、投稿ボタンを押した後に本当の投稿内容っぽくプレビューを表示しておくっていう感じでしょうか。ああ、もう自分で書いていてよくわからんようになってきたよ。とにかく気になった人は実験してみてください。

後日追記

MT4を導入したことに伴い、現在Ajaxコメントは一時的に停止しております。テスト目的でコメントされる方が多く誠に恐縮ですが、再び動作させた際にはここでお知らせいたしますのでご了承のほどよろしくお願いいたします。