昨日はひさしぶりにプログラミングにはまってしまいました。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はたくさんのプラグインが公開されているので、取り入れるスキルが身につけばサイトの幅が広がると思います。
副業中は時間がないかもしれませんが、ノウハウは継続的な力になりますのでやる価値はあるでしょう。
デザインに時間をかけない
部屋を掃除するのが気分転換