AjaxでMTのメールフォーム

2008年03月22日 21:35AjaxでMTのメールフォーム

昨日はひさしぶりにプログラミングにはまってしまいました。MovableTypeで制作したサイトに、5時間かけてAjax対応のメールフォームを設置しました。

文章やデザインの変更をしたいために、ソースを解析していて時間がかかってしまいました。

Ajaxをシステム的に説明すると、DHTML（JavaScript＋CSS）と非同期通信ができるXMLHttpRequestクラスを利用した技術のことです。

ビジネス的に説明すると、Webページはリンクをクリックしたり、ボタンを押さないとページが変わらなかったのですが、Ajaxならマウスを動かしたり、文字を1字入力するだけで、ページが反応してくれます。

MovableTypeにAjax対応のメールフォームを作成する方法ですが、まずはH.Fujimotoさんのメールフォーム作成用プラグインから「MailForm_1_30.zip」という圧縮ファイルをいただきましょう。

次にこの2つのファイルをダウンロードすれば、準備完了です。

  1    非同期通信関連のJavaScript
  2    メール送信関連のJavaScript

MailForm_1_30をプラグインして、2つのJavaScriptをサーバーにアップして、htmlソースコードを新規で作成したメールフォームのテンプレートにコピペして、各モジュールのテンプレートをMovableTypeにアップすれば完了です。

すみません・・・説明がかなり大雑把になってしまいました。MovableTypeはたくさんのプラグインが公開されているので、取り入れるスキルが身につけばサイトの幅が広がると思います。

副業中は時間がないかもしれませんが、ノウハウは継続的な力になりますのでやる価値はあるでしょう。

Tweet